@fluentui-react-native/menu 1.14.22 → 1.14.24

package/lib-commonjs/MenuList/useMenuList.js

@@ -1,59 +1,56 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuItemTracking = exports.useMenuList = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_native_1 = require("react-native");
-var menuContext_1 = require("../context/menuContext");
-var menuListContext_1 = require("../context/menuListContext");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const menuContext_1 = require("../context/menuContext");
+const menuListContext_1 = require("../context/menuListContext");
 // Track the radio items so we know what to clear selection from when selectRadio is called
 // Purposefully left out of the hook because
 // 1. RadioItems just keeps track of information - changing this array doesn't need to force rerender
 // 2. Keeping them here means these consts are not recreated on every render, which would force rerendering of all children
-var radioItems = [];
-var addRadioItem = function (name) {
+const radioItems = [];
+const addRadioItem = (name) => {
     radioItems.push(name);
 };
-var removeRadioItem = function (name) {
-    radioItems.filter(function (item) { return item !== name; });
+const removeRadioItem = (name) => {
+    radioItems.filter((item) => item !== name);
 };
-var platformsWithoutFocusOnDisabled = ['ios', 'macos'];
-var handledKeys = ['Home', 'End'];
-var handleFocusOnMouseLevae = react_native_1.Platform.OS === 'macos';
-var useMenuList = function (_props) {
-    var _a, _b;
-    var context = (0, menuContext_1.useMenuContext)();
+const platformsWithoutFocusOnDisabled = ['ios', 'macos'];
+const handledKeys = ['Home', 'End'];
+const handleFocusOnMouseLevae = react_native_1.Platform.OS === 'macos';
+const useMenuList = (_props) => {
+    const context = (0, menuContext_1.useMenuContext)();
     // MenuList v2 needs to be able to be standalone, but this is not in scope for v1
     // Assuming that checked information will come from parent Menu
-    var defaultChecked = context.defaultChecked, onCheckedChangeOriginal = context.onCheckedChange, checkedOriginal = context.checked, isSubmenu = context.isSubmenu, setOpen = context.setOpen, triggerRef = context.triggerRef;
+    const { defaultChecked, onCheckedChange: onCheckedChangeOriginal, checked: checkedOriginal, isSubmenu, setOpen, triggerRef } = context;
     // Convert passed in array to map so that i's easier to look up checked state
-    var checkedMap = react_1.default.useMemo(function () {
-        var state = {};
+    const checkedMap = react_1.default.useMemo(() => {
+        const state = {};
         if (!checkedOriginal) {
             return state;
         }
-        for (var _i = 0, checkedOriginal_1 = checkedOriginal; _i < checkedOriginal_1.length; _i++) {
-            var key = checkedOriginal_1[_i];
+        for (const key of checkedOriginal) {
             state[key] = true;
         }
         return state;
     }, [checkedOriginal]);
-    var _c = react_1.default.useState(function () {
+    const [checkedInternal, setCheckedInternal] = react_1.default.useState(() => {
         if (checkedMap) {
             return checkedMap;
         }
-        var initialChecked = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : [];
-        var state = {};
-        for (var _i = 0, initialChecked_1 = initialChecked; _i < initialChecked_1.length; _i++) {
-            var key = initialChecked_1[_i];
+        const initialChecked = defaultChecked ?? [];
+        const state = {};
+        for (const key of initialChecked) {
             state[key] = true;
         }
         return state;
-    }), checkedInternal = _c[0], setCheckedInternal = _c[1];
-    var isCheckedControlled = typeof checkedOriginal !== 'undefined';
-    var checked = isCheckedControlled ? checkedMap : checkedInternal;
-    var onCheckedChange = react_1.default.useCallback(function (e, name, isChecked) {
-        var updatedChecked = tslib_1.__assign({}, checked);
+    });
+    const isCheckedControlled = typeof checkedOriginal !== 'undefined';
+    const checked = isCheckedControlled ? checkedMap : checkedInternal;
+    const onCheckedChange = react_1.default.useCallback((e, name, isChecked) => {
+        const updatedChecked = { ...checked };
         if (isChecked) {
             updatedChecked[name] = true;
         }
@@ -67,10 +64,9 @@ var useMenuList = function (_props) {
             onCheckedChangeOriginal(e, Object.keys(updatedChecked));
         }
     }, [isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal]);
-    var selectRadio = react_1.default.useCallback(function (e, name) {
-        var updatedChecked = {};
-        for (var _i = 0, _a = Object.keys(checked); _i < _a.length; _i++) {
-            var checkedName = _a[_i];
+    const selectRadio = react_1.default.useCallback((e, name) => {
+        const updatedChecked = {};
+        for (const checkedName of Object.keys(checked)) {
             if (!radioItems.includes(checkedName)) {
                 // Preserve checked state if non-radio items
                 updatedChecked[checkedName] = checked[checkedName];
@@ -89,13 +85,12 @@ var useMenuList = function (_props) {
     // because it is considered to be inside the submenu due to the Menu component wrapping both the
     // trigger and popover. Listening to key events directly here to handle this case doesn't work
     // since left and right arrow key events are already handled and swallowed by native behavior
-    var onArrowClose = react_1.default.useCallback(function (e) {
-        var _a;
+    const onArrowClose = react_1.default.useCallback((e) => {
         if (!isSubmenu) {
             return;
         }
         setOpen(e, false /* isOpen */, false /* bubble */);
-        (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        triggerRef?.current?.focus();
     }, [isSubmenu, setOpen, triggerRef]);
     // Handle 'Home' and 'End' keypresses here. Native menus allow 'Home' and 'End' keypresses to jump to the
     // start and end of each menu list. We need to keep track of all MenuItems in our list, and we need access to
@@ -103,18 +98,15 @@ var useMenuList = function (_props) {
     // and don't allow focus for disabled items.
     // Instead of calling useState to instantiate an array, we call useMemo because we don't want to re-render the
     // MenuList on adding / removing items.
-    var trackedMenuItems = react_1.default.useMemo(function () { return []; }, []);
-    var trackMenuItem = react_1.default.useCallback(function (item) { return trackedMenuItems.push(item); }, [trackedMenuItems]);
-    var untrackMenuItem = react_1.default.useCallback(function (item) {
-        return trackedMenuItems.splice(trackedMenuItems.findIndex(function (x) { return x.ref === item.ref; }), 1);
-    }, [trackedMenuItems]);
-    var onListKeyDown = function (e) {
-        var _a;
-        var key = e.nativeEvent.key;
+    const trackedMenuItems = react_1.default.useMemo(() => [], []);
+    const trackMenuItem = react_1.default.useCallback((item) => trackedMenuItems.push(item), [trackedMenuItems]);
+    const untrackMenuItem = react_1.default.useCallback((item) => trackedMenuItems.splice(trackedMenuItems.findIndex((x) => x.ref === item.ref), 1), [trackedMenuItems]);
+    const onListKeyDown = (e) => {
+        const key = e.nativeEvent.key;
         if (handledKeys.includes(key)) {
             // For iOS and macOS, 'Home' and 'End' must set focus on the first and last enabled item.
             // For other platforms, we can just jump to the first and last keys.
-            var increment = void 0, idx = void 0;
+            let increment, idx;
             if (key === 'Home') {
                 increment = 1;
                 idx = 0;
@@ -126,51 +118,54 @@ var useMenuList = function (_props) {
             while (platformsWithoutFocusOnDisabled.includes(react_native_1.Platform.OS) && trackedMenuItems[idx].disabled) {
                 idx += increment;
             }
-            (_a = trackedMenuItems[idx].ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+            trackedMenuItems[idx].ref.current?.focus();
         }
     };
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         return function cleanup() {
             clearTimeout(context.triggerHoverOutTimer);
         };
     });
     // focus management
-    var focusZoneRef = react_1.default.useRef();
-    var setFocusZoneFocus = function () {
-        var _a;
-        (_a = focusZoneRef === null || focusZoneRef === void 0 ? void 0 : focusZoneRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    const focusZoneRef = react_1.default.useRef();
+    const setFocusZoneFocus = () => {
+        focusZoneRef?.current?.focus();
     };
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         setFocusZoneFocus();
     }, []);
     return {
-        props: tslib_1.__assign(tslib_1.__assign({}, context), { onMouseLeave: handleFocusOnMouseLevae ? setFocusZoneFocus : context.onMouseLeave, onKeyDown: onListKeyDown }),
-        isCheckedControlled: isCheckedControlled,
-        checked: checked,
-        onArrowClose: onArrowClose,
-        onCheckedChange: onCheckedChange,
-        selectRadio: selectRadio,
-        addRadioItem: addRadioItem,
-        removeRadioItem: removeRadioItem,
-        trackMenuItem: trackMenuItem,
-        untrackMenuItem: untrackMenuItem,
-        hasMaxHeight: (_a = context.hasMaxHeight) !== null && _a !== void 0 ? _a : false,
-        hasMaxWidth: (_b = context.hasMaxWidth) !== null && _b !== void 0 ? _b : false,
+        props: {
+            ...context,
+            onMouseLeave: handleFocusOnMouseLevae ? setFocusZoneFocus : context.onMouseLeave,
+            onKeyDown: onListKeyDown,
+        },
+        isCheckedControlled,
+        checked,
+        onArrowClose,
+        onCheckedChange,
+        selectRadio,
+        addRadioItem,
+        removeRadioItem,
+        trackMenuItem,
+        untrackMenuItem,
+        hasMaxHeight: context.hasMaxHeight ?? false,
+        hasMaxWidth: context.hasMaxWidth ?? false,
         focusZoneRef: focusZoneRef,
     };
 };
 exports.useMenuList = useMenuList;
 // Hook called in individual MenuItems to keep track of their refs - this is for "Home" and "End" functionality.
-var useMenuItemTracking = function (ref, disabled) {
-    var _a = (0, menuListContext_1.useMenuListContext)(), trackMenuItem = _a.trackMenuItem, untrackMenuItem = _a.untrackMenuItem;
-    var item = react_1.default.useMemo(function () { return ({
-        ref: ref,
-        disabled: disabled,
-    }); }, [ref, disabled]);
+const useMenuItemTracking = (ref, disabled) => {
+    const { trackMenuItem, untrackMenuItem } = (0, menuListContext_1.useMenuListContext)();
+    const item = react_1.default.useMemo(() => ({
+        ref,
+        disabled,
+    }), [ref, disabled]);
     // We only want to call this once - when the item initially renders.
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         trackMenuItem(item);
-        return function () { return untrackMenuItem(item); };
+        return () => untrackMenuItem(item);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 };

package/lib-commonjs/MenuList/useMenuList.js.map

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

package/lib-commonjs/MenuList/useMenuListContextValue.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuListContextValue = void 0;
-var tslib_1 = require("tslib");
-var useMenuListContextValue = function (state) {
-    return tslib_1.__assign({ hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips }, state);
+const useMenuListContextValue = (state) => {
+    return { hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips, ...state };
 };
 exports.useMenuListContextValue = useMenuListContextValue;
 //# sourceMappingURL=useMenuListContextValue.js.map

package/lib-commonjs/MenuList/useMenuListContextValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":";;;;AAGO,IAAM,uBAAuB,GAAG,UAAC,KAAoB;IAC1D,0BAAS,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,IAAK,KAAK,EAAG;AACtI,CAAC,CAAC;AAFW,QAAA,uBAAuB,2BAElC"}
+{"version":3,"file":"useMenuListContextValue.js","sourceRoot":"","sources":["../../src/MenuList/useMenuListContextValue.ts"],"names":[],"mappings":";;;AAGO,MAAM,uBAAuB,GAAG,CAAC,KAAoB,EAAwB,EAAE;IACpF,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,KAAK,EAAE,CAAC;AACtI,CAAC,CAAC;AAFW,QAAA,uBAAuB,2BAElC"}

package/lib-commonjs/MenuPopover/MenuPopover.d.ts

@@ -1,4 +1,4 @@
-export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
+export declare const MenuPopover: import("@fluentui-react-native/framework").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
     borderRadius?: import("react-native").AnimatableNumericValue;
     elevation?: number;
 }, import("@fluentui-react-native/framework").Theme>;

package/lib-commonjs/MenuPopover/MenuPopover.js

@@ -1,45 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuPopover = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_native_1 = require("react-native");
-var framework_1 = require("@fluentui-react-native/framework");
-var MenuPopover_types_1 = require("./MenuPopover.types");
-var MenuPopoverTokens_1 = require("./MenuPopoverTokens");
-var useMenuPopover_1 = require("./useMenuPopover");
-var context_1 = require("../context");
-var MenuCallout_1 = require("../MenuCallout");
-exports.MenuPopover = (0, framework_1.compressible)(function (props, useTokens) {
-    var _a;
-    var directionalHint = props.directionalHint, gapSpace = props.gapSpace, maxHeight = props.maxHeight, maxWidth = props.maxWidth, minWidth = props.minWidth, minPadding = props.minPadding, borderWidth = props.borderWidth, borderColor = props.borderColor, backgroundColor = props.backgroundColor;
-    var state = (0, useMenuPopover_1.useMenuPopover)(props);
-    var theme = (0, framework_1.useFluentTheme)();
-    var context = (0, context_1.useMenuContext)();
-    var _b = useTokens(theme), tokens = _b[0], cache = _b[1];
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const MenuPopover_types_1 = require("./MenuPopover.types");
+const MenuPopoverTokens_1 = require("./MenuPopoverTokens");
+const useMenuPopover_1 = require("./useMenuPopover");
+const context_1 = require("../context");
+const MenuCallout_1 = require("../MenuCallout");
+exports.MenuPopover = (0, framework_1.compressible)((props, useTokens) => {
+    const { directionalHint, gapSpace, maxHeight, maxWidth, minWidth, minPadding, borderWidth, borderColor, backgroundColor } = props;
+    const state = (0, useMenuPopover_1.useMenuPopover)(props);
+    const theme = (0, framework_1.useFluentTheme)();
+    const context = (0, context_1.useMenuContext)();
+    let [tokens, cache] = useTokens(theme);
     context.hasMaxHeight = maxHeight != undefined;
-    context.minWidth = minWidth !== null && minWidth !== void 0 ? minWidth : context.minWidth;
-    _a = (0, framework_1.patchTokens)(tokens, cache, {
-        directionalHint: directionalHint,
-        gapSpace: gapSpace,
-        maxHeight: maxHeight,
-        maxWidth: maxWidth,
-        minWidth: minWidth,
-        minPadding: minPadding,
-        borderWidth: borderWidth,
-        borderColor: borderColor,
-        backgroundColor: backgroundColor,
-    }), tokens = _a[0], cache = _a[1];
-    return function (final, children) {
-        var mergedProps = (0, framework_1.mergeProps)(tokens, state.props, final);
-        var innerViewProps = 
+    context.minWidth = minWidth ?? context.minWidth;
+    [tokens, cache] = (0, framework_1.patchTokens)(tokens, cache, {
+        directionalHint,
+        gapSpace,
+        maxHeight,
+        maxWidth,
+        minWidth,
+        minPadding,
+        borderWidth,
+        borderColor,
+        backgroundColor,
+    });
+    return (final, children) => {
+        const mergedProps = (0, framework_1.mergeProps)(tokens, state.props, final);
+        const innerViewProps = 
         //For windows platforms, styling needs to be set on container view instead of the callout itself for the scrollview to reflect correct width and height
         react_native_1.Platform.OS === 'windows' || react_native_1.Platform.OS === 'win32'
-            ? tslib_1.__assign(tslib_1.__assign({}, state.innerView), { style: {
+            ? {
+                ...state.innerView,
+                style: {
                     maxHeight: mergedProps.maxHeight,
-                } }) : state.innerView;
-        var content = react_1.default.createElement(react_native_1.View, innerViewProps, children);
-        return (react_1.default.createElement(MenuCallout_1.MenuCallout, tslib_1.__assign({ tokens: tokens }, mergedProps), content));
+                },
+            }
+            : state.innerView;
+        const content = react_1.default.createElement(react_native_1.View, innerViewProps, children);
+        return (react_1.default.createElement(MenuCallout_1.MenuCallout, { tokens: tokens, ...mergedProps }, content));
     };
 }, MenuPopoverTokens_1.useMenuPopoverTokens);
 exports.MenuPopover.displayName = MenuPopover_types_1.menuPopoverName;

package/lib-commonjs/MenuPopover/MenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6CAA8C;AAG9C,8DAAyG;AAGzG,yDAAsD;AACtD,yDAA2D;AAC3D,mDAAkD;AAClD,sCAA4C;AAC5C,8CAA6C;AAEhC,QAAA,WAAW,GAAG,IAAA,wBAAY,EACrC,UAAC,KAAuB,EAAE,SAAuC;;IACvD,IAAA,eAAe,GAAqG,KAAK,gBAA1G,EAAE,QAAQ,GAA2F,KAAK,SAAhG,EAAE,SAAS,GAAgF,KAAK,UAArF,EAAE,QAAQ,GAAsE,KAAK,SAA3E,EAAE,QAAQ,GAA4D,KAAK,SAAjE,EAAE,UAAU,GAAgD,KAAK,WAArD,EAAE,WAAW,GAAmC,KAAK,YAAxC,EAAE,WAAW,GAAsB,KAAK,YAA3B,EAAE,eAAe,GAAK,KAAK,gBAAV,CAAW;IAClI,IAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IAC7B,IAAA,KAAkB,SAAS,CAAC,KAAK,CAAC,EAAjC,MAAM,QAAA,EAAE,KAAK,QAAoB,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,KAAkB,IAAA,uBAAW,EAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe,iBAAA;QACf,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,eAAe,iBAAA;KAChB,CAAC,EAVD,MAAM,QAAA,EAAE,KAAK,QAAA,CAUX;IAEH,OAAO,UAAC,KAAuB,EAAE,QAAyB;QACxD,IAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAM,cAAc;QAClB,uJAAuJ;QACvJ,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,uCACM,KAAK,CAAC,SAAS,KAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC,IAEL,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,IAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC,mBAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,CACL,8BAAC,yBAAW,qBAAC,MAAM,EAAE,MAAM,IAAM,WAAW,GACzC,OAAO,CACI,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,EACD,wCAAoB,CACrB,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,+CAA8C;AAG9C,gEAAyG;AAGzG,2DAAsD;AACtD,2DAA2D;AAC3D,qDAAkD;AAClD,wCAA4C;AAC5C,gDAA6C;AAEhC,QAAA,WAAW,GAAG,IAAA,wBAAY,EACrC,CAAC,KAAuB,EAAE,SAAuC,EAAE,EAAE;IACnE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClI,MAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IACjC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CAAC,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC;IAC9C,OAAO,CAAC,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;IAEhD,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,IAAA,uBAAW,EAAC,MAAM,EAAE,KAAK,EAAE;QAC3C,eAAe;QACf,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,UAAU;QACV,WAAW;QACX,WAAW;QACX,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO,CAAC,KAAuB,EAAE,QAAyB,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3D,MAAM,cAAc;QAClB,uJAAuJ;QACvJ,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,uBAAQ,CAAC,EAAE,KAAM,OAAe;YAC3D,CAAC,CAAC;gBACE,GAAG,KAAK,CAAC,SAAS;gBAClB,KAAK,EAAE;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;iBACjC;aACF;YACH,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,MAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC,mBAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;QACpE,OAAO,CACL,8BAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,KAAM,WAAW,IACzC,OAAO,CACI,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,EACD,wCAAoB,CACrB,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuPopoverTokens = void 0;
-var react_native_1 = require("react-native");
-var framework_1 = require("@fluentui-react-native/framework");
-var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
-var MenuPopover_types_1 = require("./MenuPopover.types");
-exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { return ({
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const MenuPopover_types_1 = require("./MenuPopover.types");
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({
     borderWidth: 1,
     borderColor: t.colors.neutralStrokeAccessible,
     maxHeight: react_native_1.Dimensions.get('window').height / 2 - theme_tokens_1.globalTokens.size320,
@@ -13,5 +13,5 @@ exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { re
     cornerRadius: theme_tokens_1.globalTokens.corner.radius80,
     elevation: theme_tokens_1.globalTokens.size160,
     minPadding: theme_tokens_1.globalTokens.size160,
-}); }, MenuPopover_types_1.menuPopoverName);
+}), MenuPopover_types_1.menuPopoverName);
 //# sourceMappingURL=MenuPopoverTokens.android.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAG1C,8DAAkE;AAClE,oEAAmE;AAGnE,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,UAAC,CAAQ,IAAK,OAAA,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,2BAAY,CAAC,OAAO;IACrE,QAAQ,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,2BAAY,CAAC,OAAO;IAC/D,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,SAAS,EAAE,2BAAY,CAAC,OAAO;IAC/B,UAAU,EAAE,2BAAY,CAAC,OAAO;CACjC,CAAC,EARY,CAQZ,EACF,mCAAe,CAChB,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAG1C,gEAAkE;AAClE,sEAAmE;AAGnE,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,2BAAY,CAAC,OAAO;IACrE,QAAQ,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,2BAAY,CAAC,OAAO;IAC/D,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,SAAS,EAAE,2BAAY,CAAC,OAAO;IAC/B,UAAU,EAAE,2BAAY,CAAC,OAAO;CACjC,CAAC,EACF,mCAAe,CAChB,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts

@@ -1,5 +1,5 @@
 export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    borderRadius?: import("react-native/types").AnimatableNumericValue;
+    borderRadius?: import("react-native/types/index").AnimatableNumericValue;
     elevation?: number;
 }>;
 //# sourceMappingURL=MenuPopoverTokens.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuPopoverTokens = void 0;
-var framework_1 = require("@fluentui-react-native/framework");
-var MenuPopover_types_1 = require("./MenuPopover.types");
-exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { return ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }); }, MenuPopover_types_1.menuPopoverName);
+const framework_1 = require("@fluentui-react-native/framework");
+const MenuPopover_types_1 = require("./MenuPopover.types");
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }), MenuPopover_types_1.menuPopoverName);
 //# sourceMappingURL=MenuPopoverTokens.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":";;;AACA,8DAAkE;AAGlE,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,UAAC,CAAQ,IAAK,OAAA,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,EAAnE,CAAmE,EACjF,mCAAe,CAChB,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":";;;AACA,gEAAkE;AAGlE,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,EACjF,mCAAe,CAChB,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts

@@ -1,5 +1,5 @@
 export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    borderRadius?: import("react-native/types").AnimatableNumericValue;
+    borderRadius?: import("react-native/types/index").AnimatableNumericValue;
     elevation?: number;
 }>;
 //# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuPopoverTokens = void 0;
-var framework_1 = require("@fluentui-react-native/framework");
-var theming_utils_1 = require("@fluentui-react-native/theming-utils");
-var MenuPopover_types_1 = require("./MenuPopover.types");
-exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { return ({
+const framework_1 = require("@fluentui-react-native/framework");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const MenuPopover_types_1 = require("./MenuPopover.types");
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({
     borderWidth: 1,
     borderRadius: 5,
     borderColor: (0, theming_utils_1.isHighContrast)()
@@ -12,5 +12,5 @@ exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(function (t) { re
         : (0, theming_utils_1.getCurrentAppearance)(t.host.appearance, 'light') === 'dark'
             ? t.colors.neutralStroke3
             : t.colors.transparentStroke,
-}); }, MenuPopover_types_1.menuPopoverName);
+}), MenuPopover_types_1.menuPopoverName);
 //# sourceMappingURL=MenuPopoverTokens.macos.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":";;;AACA,8DAAkE;AAClE,sEAA4F;AAG5F,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,UAAC,CAAQ,IAAK,OAAA,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,IAAA,8BAAc,GAAE;QAC3B,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;QACzB,CAAC,CAAC,IAAA,oCAAoB,EAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,MAAM;YAC7D,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;YACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;CAC/B,CAAC,EARY,CAQZ,EACF,mCAAe,CAChB,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":";;;AACA,gEAAkE;AAClE,wEAA4F;AAG5F,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,IAAA,8BAAc,GAAE;QAC3B,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;QACzB,CAAC,CAAC,IAAA,oCAAoB,EAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,MAAM;YAC7D,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;YACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;CAC/B,CAAC,EACF,mCAAe,CAChB,CAAC"}

package/lib-commonjs/MenuPopover/useMenuPopover.js

@@ -1,42 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuPopover = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_native_1 = require("react-native");
-var menuContext_1 = require("../context/menuContext");
-var controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'];
-var stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'];
-var useMenuPopover = function (props) {
-    var _a, _b;
-    var context = (0, menuContext_1.useMenuContext)();
-    var setOpen = context.setOpen, triggerRef = context.triggerRef, isControlled = context.isControlled, isSubmenu = context.isSubmenu, openOnHover = context.openOnHover, parentPopoverHoverOutTimer = context.parentPopoverHoverOutTimer, popoverHoverOutTimer = context.popoverHoverOutTimer, setPopoverHoverOutTimer = context.setPopoverHoverOutTimer, shouldFocusOnContainer = context.shouldFocusOnContainer, triggerHoverOutTimer = context.triggerHoverOutTimer;
-    var onKeyDownProp = props.onKeyDown, onKeyUpProp = props.onKeyUp;
-    var onDismiss = react_1.default.useCallback(function () {
-        var _a;
-        (_a = props.onDismiss) === null || _a === void 0 ? void 0 : _a.call(props);
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const menuContext_1 = require("../context/menuContext");
+const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'];
+const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'];
+const useMenuPopover = (props) => {
+    const context = (0, menuContext_1.useMenuContext)();
+    const { setOpen, triggerRef, isControlled, isSubmenu, openOnHover, parentPopoverHoverOutTimer, popoverHoverOutTimer, setPopoverHoverOutTimer, shouldFocusOnContainer, triggerHoverOutTimer, } = context;
+    const { onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp } = props;
+    const onDismiss = react_1.default.useCallback(() => {
+        props.onDismiss?.();
         setOpen(undefined, false /* isOpen */), [setOpen];
     }, [props.onDismiss, setOpen]);
-    var dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
-    var directionalHint = (_a = props.directionalHint) !== null && _a !== void 0 ? _a : getDirectionalHint(isSubmenu, react_native_1.I18nManager.isRTL);
-    var setInitialFocus = true;
-    var doNotTakePointerCapture = (_b = props.doNotTakePointerCapture) !== null && _b !== void 0 ? _b : openOnHover;
-    var accessibilityRole = 'menu';
-    var onMouseEnter = react_1.default.useCallback(function () {
+    const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
+    const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, react_native_1.I18nManager.isRTL);
+    const setInitialFocus = true;
+    const doNotTakePointerCapture = props.doNotTakePointerCapture ?? openOnHover;
+    const accessibilityRole = 'menu';
+    const onMouseEnter = react_1.default.useCallback(() => {
         clearTimeout(triggerHoverOutTimer);
         clearTimeout(popoverHoverOutTimer);
         clearTimeout(parentPopoverHoverOutTimer);
     }, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
-    var onMouseLeave = react_1.default.useCallback(function () {
+    const onMouseLeave = react_1.default.useCallback(() => {
         if (!openOnHover) {
             return;
         }
-        var timer = setTimeout(function () {
+        const timer = setTimeout(() => {
             setOpen(undefined, false /* isOpen */);
         }, 500);
         setPopoverHoverOutTimer(timer);
     }, [openOnHover, setOpen, setPopoverHoverOutTimer]);
-    var onKeyDown = react_1.default.useCallback(function (e) {
+    const onKeyDown = react_1.default.useCallback((e) => {
         onKeyDownProp && onKeyDownProp(e);
         // Mark key events that move selection as handled.
         // These key events are handled on the native side.
@@ -44,7 +42,7 @@ var useMenuPopover = function (props) {
             e.stopPropagation();
         }
     }, [onKeyDownProp]);
-    var onKeyUp = react_1.default.useCallback(function (e) {
+    const onKeyUp = react_1.default.useCallback((e) => {
         onKeyUpProp && onKeyUpProp(e);
         // Mark key events that move selection as handled.
         // These key events are handled on the native side.
@@ -52,39 +50,39 @@ var useMenuPopover = function (props) {
             e.stopPropagation();
         }
     }, [onKeyUpProp]);
-    var _c = react_1.default.useState(shouldFocusOnContainer), canFocusOnPopover = _c[0], setCanFocusOnPopover = _c[1];
-    var onBlur = react_1.default.useCallback(function () {
+    const [canFocusOnPopover, setCanFocusOnPopover] = react_1.default.useState(shouldFocusOnContainer);
+    const onBlur = react_1.default.useCallback(() => {
         setCanFocusOnPopover(false);
     }, [setCanFocusOnPopover]);
-    react_1.default.useEffect(function () {
+    react_1.default.useEffect(() => {
         return function cleanup() {
             clearTimeout(popoverHoverOutTimer);
         };
     });
     return {
         props: {
-            accessibilityRole: accessibilityRole,
+            accessibilityRole,
             target: triggerRef,
-            onDismiss: onDismiss,
+            onDismiss,
             onShow: props.onShow,
-            directionalHint: directionalHint,
-            dismissBehaviors: dismissBehaviors,
-            doNotTakePointerCapture: doNotTakePointerCapture,
-            setInitialFocus: setInitialFocus,
+            directionalHint,
+            dismissBehaviors,
+            doNotTakePointerCapture,
+            setInitialFocus,
         },
         innerView: {
-            onMouseEnter: onMouseEnter,
-            onMouseLeave: onMouseLeave,
-            onKeyDown: onKeyDown,
-            onKeyUp: onKeyUp,
+            onMouseEnter,
+            onMouseLeave,
+            onKeyDown,
+            onKeyUp,
             accessible: shouldFocusOnContainer,
             focusable: canFocusOnPopover,
-            onBlur: onBlur,
+            onBlur,
         },
     };
 };
 exports.useMenuPopover = useMenuPopover;
-var getDirectionalHint = function (isSubmenu, isRtl) {
+const getDirectionalHint = (isSubmenu, isRtl) => {
     if (!isSubmenu) {
         return undefined;
     }