@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/index.js

@@ -1,296 +1,56 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.menuHoverDelay =
-  exports.menuGroupHeaderName =
-  exports.MenuGroupHeader =
-  exports.menuGroupName =
-  exports.MenuGroup =
-  exports.menuDividerName =
-  exports.MenuDivider =
-  exports.useMenuListContextValue =
-  exports.useMenuList =
-  exports.menuListName =
-  exports.MenuList =
-  exports.useMenuItemRadio =
-  exports.menuItemRadioName =
-  exports.MenuItemRadio =
-  exports.useMenuItemCheckbox =
-  exports.useMenuCheckboxInteraction =
-  exports.menuItemCheckboxName =
-  exports.MenuItemCheckbox =
-  exports.useMenuItem =
-  exports.menuItemName =
-  exports.MenuItem =
-  exports.useMenuPopover =
-  exports.menuPopoverName =
-  exports.MenuPopover =
-  exports.useMenuTrigger =
-  exports.menuTriggerName =
-  exports.MenuTrigger =
-  exports.useMenuContextValue =
-  exports.useMenu =
-  exports.menuName =
-  exports.Menu =
-  exports.MenuTriggerProvider =
-  exports.MenuTriggerContext =
-  exports.useMenuTriggerContext =
-  exports.MenuListProvider =
-  exports.MenuListContext =
-  exports.useMenuListContext =
-  exports.MenuProvider =
-  exports.MenuContext =
-  exports.useMenuContext =
-    void 0;
-const context_1 = require('./context');
-Object.defineProperty(exports, 'useMenuContext', {
-  enumerable: true,
-  get: function () {
-    return context_1.useMenuContext;
-  },
-});
-Object.defineProperty(exports, 'MenuContext', {
-  enumerable: true,
-  get: function () {
-    return context_1.MenuContext;
-  },
-});
-Object.defineProperty(exports, 'MenuProvider', {
-  enumerable: true,
-  get: function () {
-    return context_1.MenuProvider;
-  },
-});
-Object.defineProperty(exports, 'useMenuListContext', {
-  enumerable: true,
-  get: function () {
-    return context_1.useMenuListContext;
-  },
-});
-Object.defineProperty(exports, 'MenuListContext', {
-  enumerable: true,
-  get: function () {
-    return context_1.MenuListContext;
-  },
-});
-Object.defineProperty(exports, 'MenuListProvider', {
-  enumerable: true,
-  get: function () {
-    return context_1.MenuListProvider;
-  },
-});
-Object.defineProperty(exports, 'useMenuTriggerContext', {
-  enumerable: true,
-  get: function () {
-    return context_1.useMenuTriggerContext;
-  },
-});
-Object.defineProperty(exports, 'MenuTriggerContext', {
-  enumerable: true,
-  get: function () {
-    return context_1.MenuTriggerContext;
-  },
-});
-Object.defineProperty(exports, 'MenuTriggerProvider', {
-  enumerable: true,
-  get: function () {
-    return context_1.MenuTriggerProvider;
-  },
-});
-const Menu_1 = require('./Menu');
-Object.defineProperty(exports, 'Menu', {
-  enumerable: true,
-  get: function () {
-    return Menu_1.Menu;
-  },
-});
-Object.defineProperty(exports, 'menuName', {
-  enumerable: true,
-  get: function () {
-    return Menu_1.menuName;
-  },
-});
-Object.defineProperty(exports, 'useMenu', {
-  enumerable: true,
-  get: function () {
-    return Menu_1.useMenu;
-  },
-});
-Object.defineProperty(exports, 'useMenuContextValue', {
-  enumerable: true,
-  get: function () {
-    return Menu_1.useMenuContextValue;
-  },
-});
-const MenuTrigger_1 = require('./MenuTrigger');
-Object.defineProperty(exports, 'MenuTrigger', {
-  enumerable: true,
-  get: function () {
-    return MenuTrigger_1.MenuTrigger;
-  },
-});
-Object.defineProperty(exports, 'menuTriggerName', {
-  enumerable: true,
-  get: function () {
-    return MenuTrigger_1.menuTriggerName;
-  },
-});
-Object.defineProperty(exports, 'useMenuTrigger', {
-  enumerable: true,
-  get: function () {
-    return MenuTrigger_1.useMenuTrigger;
-  },
-});
-const MenuPopover_1 = require('./MenuPopover');
-Object.defineProperty(exports, 'MenuPopover', {
-  enumerable: true,
-  get: function () {
-    return MenuPopover_1.MenuPopover;
-  },
-});
-Object.defineProperty(exports, 'menuPopoverName', {
-  enumerable: true,
-  get: function () {
-    return MenuPopover_1.menuPopoverName;
-  },
-});
-Object.defineProperty(exports, 'useMenuPopover', {
-  enumerable: true,
-  get: function () {
-    return MenuPopover_1.useMenuPopover;
-  },
-});
-const MenuItem_1 = require('./MenuItem');
-Object.defineProperty(exports, 'MenuItem', {
-  enumerable: true,
-  get: function () {
-    return MenuItem_1.MenuItem;
-  },
-});
-Object.defineProperty(exports, 'menuItemName', {
-  enumerable: true,
-  get: function () {
-    return MenuItem_1.menuItemName;
-  },
-});
-Object.defineProperty(exports, 'useMenuItem', {
-  enumerable: true,
-  get: function () {
-    return MenuItem_1.useMenuItem;
-  },
-});
-const MenuItemCheckbox_1 = require('./MenuItemCheckbox');
-Object.defineProperty(exports, 'MenuItemCheckbox', {
-  enumerable: true,
-  get: function () {
-    return MenuItemCheckbox_1.MenuItemCheckbox;
-  },
-});
-Object.defineProperty(exports, 'menuItemCheckboxName', {
-  enumerable: true,
-  get: function () {
-    return MenuItemCheckbox_1.menuItemCheckboxName;
-  },
-});
-Object.defineProperty(exports, 'useMenuCheckboxInteraction', {
-  enumerable: true,
-  get: function () {
-    return MenuItemCheckbox_1.useMenuCheckboxInteraction;
-  },
-});
-Object.defineProperty(exports, 'useMenuItemCheckbox', {
-  enumerable: true,
-  get: function () {
-    return MenuItemCheckbox_1.useMenuItemCheckbox;
-  },
-});
-const MenuItemRadio_1 = require('./MenuItemRadio');
-Object.defineProperty(exports, 'MenuItemRadio', {
-  enumerable: true,
-  get: function () {
-    return MenuItemRadio_1.MenuItemRadio;
-  },
-});
-Object.defineProperty(exports, 'menuItemRadioName', {
-  enumerable: true,
-  get: function () {
-    return MenuItemRadio_1.menuItemRadioName;
-  },
-});
-Object.defineProperty(exports, 'useMenuItemRadio', {
-  enumerable: true,
-  get: function () {
-    return MenuItemRadio_1.useMenuItemRadio;
-  },
-});
-const MenuList_1 = require('./MenuList');
-Object.defineProperty(exports, 'MenuList', {
-  enumerable: true,
-  get: function () {
-    return MenuList_1.MenuList;
-  },
-});
-Object.defineProperty(exports, 'menuListName', {
-  enumerable: true,
-  get: function () {
-    return MenuList_1.menuListName;
-  },
-});
-Object.defineProperty(exports, 'useMenuList', {
-  enumerable: true,
-  get: function () {
-    return MenuList_1.useMenuList;
-  },
-});
-Object.defineProperty(exports, 'useMenuListContextValue', {
-  enumerable: true,
-  get: function () {
-    return MenuList_1.useMenuListContextValue;
-  },
-});
-const MenuDivider_1 = require('./MenuDivider');
-Object.defineProperty(exports, 'MenuDivider', {
-  enumerable: true,
-  get: function () {
-    return MenuDivider_1.MenuDivider;
-  },
-});
-Object.defineProperty(exports, 'menuDividerName', {
-  enumerable: true,
-  get: function () {
-    return MenuDivider_1.menuDividerName;
-  },
-});
-const MenuGroup_1 = require('./MenuGroup');
-Object.defineProperty(exports, 'MenuGroup', {
-  enumerable: true,
-  get: function () {
-    return MenuGroup_1.MenuGroup;
-  },
-});
-Object.defineProperty(exports, 'menuGroupName', {
-  enumerable: true,
-  get: function () {
-    return MenuGroup_1.menuGroupName;
-  },
-});
-const MenuGroupHeader_1 = require('./MenuGroupHeader');
-Object.defineProperty(exports, 'MenuGroupHeader', {
-  enumerable: true,
-  get: function () {
-    return MenuGroupHeader_1.MenuGroupHeader;
-  },
-});
-Object.defineProperty(exports, 'menuGroupHeaderName', {
-  enumerable: true,
-  get: function () {
-    return MenuGroupHeader_1.menuGroupHeaderName;
-  },
-});
-const consts_1 = require('./consts');
-Object.defineProperty(exports, 'menuHoverDelay', {
-  enumerable: true,
-  get: function () {
-    return consts_1.hoverDelayDefault;
-  },
-});
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuHoverDelay = exports.menuGroupHeaderName = exports.MenuGroupHeader = exports.menuGroupName = exports.MenuGroup = exports.menuDividerName = exports.MenuDivider = exports.useMenuListContextValue = exports.useMenuList = exports.menuListName = exports.MenuList = exports.useMenuItemRadio = exports.menuItemRadioName = exports.MenuItemRadio = exports.useMenuItemCheckbox = exports.useMenuCheckboxInteraction = exports.menuItemCheckboxName = exports.MenuItemCheckbox = exports.useMenuItem = exports.menuItemName = exports.MenuItem = exports.useMenuPopover = exports.menuPopoverName = exports.MenuPopover = exports.useMenuTrigger = exports.menuTriggerName = exports.MenuTrigger = exports.useMenuContextValue = exports.useMenu = exports.menuName = exports.Menu = exports.MenuTriggerProvider = exports.MenuTriggerContext = exports.useMenuTriggerContext = exports.MenuListProvider = exports.MenuListContext = exports.useMenuListContext = exports.MenuProvider = exports.MenuContext = exports.useMenuContext = void 0;
+const context_1 = require("./context");
+Object.defineProperty(exports, "useMenuContext", { enumerable: true, get: function () { return context_1.useMenuContext; } });
+Object.defineProperty(exports, "MenuContext", { enumerable: true, get: function () { return context_1.MenuContext; } });
+Object.defineProperty(exports, "MenuProvider", { enumerable: true, get: function () { return context_1.MenuProvider; } });
+Object.defineProperty(exports, "useMenuListContext", { enumerable: true, get: function () { return context_1.useMenuListContext; } });
+Object.defineProperty(exports, "MenuListContext", { enumerable: true, get: function () { return context_1.MenuListContext; } });
+Object.defineProperty(exports, "MenuListProvider", { enumerable: true, get: function () { return context_1.MenuListProvider; } });
+Object.defineProperty(exports, "useMenuTriggerContext", { enumerable: true, get: function () { return context_1.useMenuTriggerContext; } });
+Object.defineProperty(exports, "MenuTriggerContext", { enumerable: true, get: function () { return context_1.MenuTriggerContext; } });
+Object.defineProperty(exports, "MenuTriggerProvider", { enumerable: true, get: function () { return context_1.MenuTriggerProvider; } });
+const Menu_1 = require("./Menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
+Object.defineProperty(exports, "menuName", { enumerable: true, get: function () { return Menu_1.menuName; } });
+Object.defineProperty(exports, "useMenu", { enumerable: true, get: function () { return Menu_1.useMenu; } });
+Object.defineProperty(exports, "useMenuContextValue", { enumerable: true, get: function () { return Menu_1.useMenuContextValue; } });
+const MenuTrigger_1 = require("./MenuTrigger");
+Object.defineProperty(exports, "MenuTrigger", { enumerable: true, get: function () { return MenuTrigger_1.MenuTrigger; } });
+Object.defineProperty(exports, "menuTriggerName", { enumerable: true, get: function () { return MenuTrigger_1.menuTriggerName; } });
+Object.defineProperty(exports, "useMenuTrigger", { enumerable: true, get: function () { return MenuTrigger_1.useMenuTrigger; } });
+const MenuPopover_1 = require("./MenuPopover");
+Object.defineProperty(exports, "MenuPopover", { enumerable: true, get: function () { return MenuPopover_1.MenuPopover; } });
+Object.defineProperty(exports, "menuPopoverName", { enumerable: true, get: function () { return MenuPopover_1.menuPopoverName; } });
+Object.defineProperty(exports, "useMenuPopover", { enumerable: true, get: function () { return MenuPopover_1.useMenuPopover; } });
+const MenuItem_1 = require("./MenuItem");
+Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.MenuItem; } });
+Object.defineProperty(exports, "menuItemName", { enumerable: true, get: function () { return MenuItem_1.menuItemName; } });
+Object.defineProperty(exports, "useMenuItem", { enumerable: true, get: function () { return MenuItem_1.useMenuItem; } });
+const MenuItemCheckbox_1 = require("./MenuItemCheckbox");
+Object.defineProperty(exports, "MenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.MenuItemCheckbox; } });
+Object.defineProperty(exports, "menuItemCheckboxName", { enumerable: true, get: function () { return MenuItemCheckbox_1.menuItemCheckboxName; } });
+Object.defineProperty(exports, "useMenuCheckboxInteraction", { enumerable: true, get: function () { return MenuItemCheckbox_1.useMenuCheckboxInteraction; } });
+Object.defineProperty(exports, "useMenuItemCheckbox", { enumerable: true, get: function () { return MenuItemCheckbox_1.useMenuItemCheckbox; } });
+const MenuItemRadio_1 = require("./MenuItemRadio");
+Object.defineProperty(exports, "MenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.MenuItemRadio; } });
+Object.defineProperty(exports, "menuItemRadioName", { enumerable: true, get: function () { return MenuItemRadio_1.menuItemRadioName; } });
+Object.defineProperty(exports, "useMenuItemRadio", { enumerable: true, get: function () { return MenuItemRadio_1.useMenuItemRadio; } });
+const MenuList_1 = require("./MenuList");
+Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return MenuList_1.MenuList; } });
+Object.defineProperty(exports, "menuListName", { enumerable: true, get: function () { return MenuList_1.menuListName; } });
+Object.defineProperty(exports, "useMenuList", { enumerable: true, get: function () { return MenuList_1.useMenuList; } });
+Object.defineProperty(exports, "useMenuListContextValue", { enumerable: true, get: function () { return MenuList_1.useMenuListContextValue; } });
+const MenuDivider_1 = require("./MenuDivider");
+Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_1.MenuDivider; } });
+Object.defineProperty(exports, "menuDividerName", { enumerable: true, get: function () { return MenuDivider_1.menuDividerName; } });
+const MenuGroup_1 = require("./MenuGroup");
+Object.defineProperty(exports, "MenuGroup", { enumerable: true, get: function () { return MenuGroup_1.MenuGroup; } });
+Object.defineProperty(exports, "menuGroupName", { enumerable: true, get: function () { return MenuGroup_1.menuGroupName; } });
+const MenuGroupHeader_1 = require("./MenuGroupHeader");
+Object.defineProperty(exports, "MenuGroupHeader", { enumerable: true, get: function () { return MenuGroupHeader_1.MenuGroupHeader; } });
+Object.defineProperty(exports, "menuGroupHeaderName", { enumerable: true, get: function () { return MenuGroupHeader_1.menuGroupHeaderName; } });
+const consts_1 = require("./consts");
+Object.defineProperty(exports, "menuHoverDelay", { enumerable: true, get: function () { return consts_1.hoverDelayDefault; } });
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,61 +1,62 @@
 {
   "name": "@fluentui-react-native/menu",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "description": "A cross-platform Menu component using the Fluent Design System",
+  "license": "MIT",
+  "author": "",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/components/menu"
   },
-  "license": "MIT",
-  "author": "",
   "sideEffects": false,
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "require": "./lib-commonjs/index.js",
+      "default": "./src/index.ts"
     }
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
     "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
     "lint-package": "fluentui-scripts lint-package",
-    "prettier": "fluentui-scripts prettier",
+    "format": "fluentui-scripts format",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.14.0",
-    "@fluentui-react-native/callout": "0.28.0",
-    "@fluentui-react-native/focus-zone": "0.22.0",
-    "@fluentui-react-native/framework": "0.15.0",
-    "@fluentui-react-native/framework-base": "0.3.0",
-    "@fluentui-react-native/icon": "0.22.0",
-    "@fluentui-react-native/interactive-hooks": "0.28.0",
-    "@fluentui-react-native/text": "0.25.0",
-    "@fluentui-react-native/theme-tokens": "0.28.0",
-    "@fluentui-react-native/theming-utils": "0.27.0",
-    "@fluentui-react-native/tokens": "0.24.0",
-    "@fluentui-react-native/use-styling": "0.14.0"
+    "@fluentui-react-native/adapters": "0.14.1",
+    "@fluentui-react-native/callout": "0.28.1",
+    "@fluentui-react-native/focus-zone": "0.22.1",
+    "@fluentui-react-native/framework": "0.15.1",
+    "@fluentui-react-native/framework-base": "0.3.1",
+    "@fluentui-react-native/icon": "0.22.1",
+    "@fluentui-react-native/interactive-hooks": "0.28.1",
+    "@fluentui-react-native/text": "0.25.1",
+    "@fluentui-react-native/theme-tokens": "0.28.1",
+    "@fluentui-react-native/theming-utils": "0.27.1",
+    "@fluentui-react-native/tokens": "0.24.1",
+    "@fluentui-react-native/use-styling": "0.14.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/button": "0.40.0",
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/framework-base": "0.3.0",
-    "@fluentui-react-native/jest-config": "0.1.1",
+    "@fluentui-react-native/button": "0.40.1",
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
+    "@fluentui-react-native/framework-base": "0.3.1",
+    "@fluentui-react-native/jest-config": "0.1.0",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
-    "@fluentui-react-native/test-tools": "0.1.1",
+    "@fluentui-react-native/scripts": "0.1.0",
+    "@fluentui-react-native/test-tools": "0.1.0",
     "@office-iss/react-native-win32": "^0.74.0",
     "@react-native-community/cli": "^20.0.0",
     "@react-native-community/cli-platform-android": "^20.0.0",

package/src/MenuCallout/MenuCallout.types.ts

@@ -6,19 +6,18 @@ export const menuCalloutName = 'MenuCallout';
 
 // Support for anchorRect and beakWidth will come at a later time.
 // Omitting dismissBehaviors as it doesn't seem to make sense as a token
-export type MenuCalloutTokens =
-  | Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
-      /**
-       * The token for the corner radius for the Modal MenuPopover
-       * @platform android macos
-       */
-      borderRadius?: AnimatableNumericValue | string;
+export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+  /**
+   * The token for the corner radius for the Modal MenuPopover
+   * @platform android macos
+   */
+  borderRadius?: AnimatableNumericValue | string;
 
-      /**
-       * Shadown elevation token for the Modal MenuPopover
-       * @platform android
-       */
-      elevation?: number;
-    };
+  /**
+   * Shadown elevation token for the Modal MenuPopover
+   * @platform android
+   */
+  elevation?: number;
+};
 
 export type MenuCalloutProps = ICalloutProps & { tokens: MenuCalloutTokens };

package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts

@@ -11,8 +11,10 @@ import type { MenuItemProps, MenuItemTokens } from '../MenuItem/MenuItem.types';
 
 export const menuItemCheckboxName = 'MenuItemCheckbox';
 
-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
    */

package/src/MenuItemRadio/MenuItemRadio.types.ts

@@ -11,8 +11,10 @@ import type { MenuItemProps, MenuItemTokens } from '../MenuItem/MenuItem.types';
 
 export const menuItemRadioName = 'MenuItemRadio';
 
-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/src/MenuPopover/MenuPopover.types.ts

@@ -7,20 +7,19 @@ export const menuPopoverName = 'MenuPopover';
 
 // Support for anchorRect and beakWidth will come at a later time.
 // Omitting dismissBehaviors as it doesn't seem to make sense as a token
-export type MenuPopoverTokens =
-  | Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
-      /**
-       * The props for the corner radius for the Modal MenuPopover
-       * @platform android macos
-       */
-      borderRadius?: AnimatableNumericValue | string;
+export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+  /**
+   * The props for the corner radius for the Modal MenuPopover
+   * @platform android macos
+   */
+  borderRadius?: AnimatableNumericValue | string;
 
-      /**
-       * Shadown elevation for the Modal MenuPopover
-       * @platform android
-       */
-      elevation?: number;
-    };
+  /**
+   * Shadown elevation for the Modal MenuPopover
+   * @platform android
+   */
+  elevation?: number;
+};
 
 export type MenuPopoverProps = ICalloutProps;
 

package/src/MenuPopover/MenuPopoverTokens.macos.ts

@@ -12,8 +12,8 @@ export const useMenuPopoverTokens = buildUseTokens<MenuPopoverTokens>(
     borderColor: isHighContrast()
       ? t.colors.neutralStroke1
       : getCurrentAppearance(t.host.appearance, 'light') === 'dark'
-      ? t.colors.neutralStroke3
-      : t.colors.transparentStroke,
+        ? t.colors.neutralStroke3
+        : t.colors.transparentStroke,
   }),
   menuPopoverName,
 );

package/src/MenuPopover/useMenuPopover.ts

@@ -28,7 +28,7 @@ export const useMenuPopover = (props: MenuPopoverProps): MenuPopoverState => {
 
   const onDismiss = React.useCallback(() => {
     props.onDismiss?.();
-    setOpen(undefined, false /* isOpen */), [setOpen];
+    (setOpen(undefined, false /* isOpen */), [setOpen]);
   }, [props.onDismiss, setOpen]);
   const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
   const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, I18nManager.isRTL);