@fluentui/react-menu 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11

package/lib-commonjs/utils/useOnMenuEnter.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dispatchMenuEnterEvent = exports.useOnMenuMouseEnter = exports.MENU_ENTER_EVENT = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
+const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
 /**
  * Name of the custom event
  */
@@ -28,27 +28,29 @@ exports.MENU_ENTER_EVENT = 'fuimenuenter';
  * Each nested menu can use the listener to check if the event is from a child or parent menu
  */
 
-var useOnMenuMouseEnter = function (options) {
-  var refs = options.refs,
-      callback = options.callback,
-      element = options.element,
-      disabled = options.disabled; // Keep mouse event here because this is essentially a custom 'mouseenter' event
+const useOnMenuMouseEnter = options => {
+  const {
+    refs,
+    callback,
+    element,
+    disabled
+  } = options; // Keep mouse event here because this is essentially a custom 'mouseenter' event
 
-  var listener = react_utilities_1.useEventCallback(function (ev) {
+  const listener = react_utilities_1.useEventCallback(ev => {
     var _a;
 
-    var popoverRef = refs[0];
-    var someMenuPopover = ev.target; // someMenu is a child -> will always be contained because of vParents
+    const popoverRef = refs[0];
+    const someMenuPopover = ev.target; // someMenu is a child -> will always be contained because of vParents
     // someMenu is a parent -> will always not be contained because no vParent
     // someMenu is the current popover -> it will contain itself
 
-    var isOutsidePopover = !react_portal_1.elementContains((_a = popoverRef.current) !== null && _a !== void 0 ? _a : null, someMenuPopover);
+    const isOutsidePopover = !react_portal_1.elementContains((_a = popoverRef.current) !== null && _a !== void 0 ? _a : null, someMenuPopover);
 
     if (isOutsidePopover && !disabled) {
       callback(ev);
     }
   });
-  React.useEffect(function () {
+  React.useEffect(() => {
     // eslint-disable-next-line eqeqeq
     if (element == null) {
       return;
@@ -58,7 +60,7 @@ var useOnMenuMouseEnter = function (options) {
       element.addEventListener(exports.MENU_ENTER_EVENT, listener);
     }
 
-    return function () {
+    return () => {
       element.removeEventListener(exports.MENU_ENTER_EVENT, listener);
     };
   }, [listener, element, disabled]);
@@ -71,11 +73,11 @@ exports.useOnMenuMouseEnter = useOnMenuMouseEnter;
  * @param nativeEvent the native mouse event this is mapped to
  */
 
-var dispatchMenuEnterEvent = function (el, nativeEvent) {
+const dispatchMenuEnterEvent = (el, nativeEvent) => {
   el.dispatchEvent(new CustomEvent(exports.MENU_ENTER_EVENT, {
     bubbles: true,
     detail: {
-      nativeEvent: nativeEvent
+      nativeEvent
     }
   }));
 };

package/lib-commonjs/utils/useOnMenuEnter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/useOnMenuEnter.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,GAAmB,cAAnB;AAEb;;;;;;;;;;AAUG;;AACI,IAAM,mBAAmB,GAAG,UAAC,OAAD,EAA0C;AACnE,MAAA,IAAI,GAAkC,OAAO,CAAzC,IAAJ;AAAA,MAAM,QAAQ,GAAwB,OAAO,CAA/B,QAAd;AAAA,MAAgB,OAAO,GAAe,OAAO,CAAtB,OAAvB;AAAA,MAAyB,QAAQ,GAAK,OAAO,CAAZ,QAAjC,CADmE,CAG3E;;AACA,MAAM,QAAQ,GAAG,iBAAA,CAAA,gBAAA,CAAiB,UAAC,EAAD,EAAe;;;AAC/C,QAAM,UAAU,GAAG,IAAI,CAAC,CAAD,CAAvB;AACA,QAAM,eAAe,GAAG,EAAE,CAAC,MAA3B,CAF+C,CAI/C;AACA;AACA;;AACA,QAAM,gBAAgB,GAAG,CAAC,cAAA,CAAA,eAAA,CAAe,CAAA,EAAA,GAAC,UAAU,CAAC,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,EAAnB,GAAuB,IAAtC,EAA4C,eAA5C,CAA1B;;AACA,QAAI,gBAAgB,IAAI,CAAC,QAAzB,EAAmC;AACjC,MAAA,QAAQ,CAAC,EAAD,CAAR;AACD;AACF,GAXgB,CAAjB;AAaA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd;AACA,QAAI,OAAO,IAAI,IAAf,EAAqB;AACnB;AACD;;AAUD,QAAI,CAAC,QAAL,EAAe;AACb,MAAA,OAAO,CAAC,gBAAR,CAAyB,OAAA,CAAA,gBAAzB,EAA2C,QAA3C;AACD;;AAED,WAAO,YAAA;AACL,MAAA,OAAO,CAAC,mBAAR,CAA4B,OAAA,CAAA,gBAA5B,EAA8C,QAA9C;AACD,KAFD;AAGD,GArBD,EAqBG,CAAC,QAAD,EAAW,OAAX,EAAoB,QAApB,CArBH;AAsBD,CAvCM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB;AAyCb;;;;AAIG;;AACI,IAAM,sBAAsB,GAAG,UAAC,EAAD,EAAkB,WAAlB,EAAyC;AAC7E,EAAA,EAAE,CAAC,aAAH,CAAiB,IAAI,WAAJ,CAAgB,OAAA,CAAA,gBAAhB,EAAkC;AAAE,IAAA,OAAO,EAAE,IAAX;AAAiB,IAAA,MAAM,EAAE;AAAE,MAAA,WAAW,EAAA;AAAb;AAAzB,GAAlC,CAAjB;AACD,CAFM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
+{"version":3,"sources":["utils/useOnMenuEnter.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,GAAmB,cAAnB;AAEb;;;;;;;;;;AAUG;;AACI,MAAM,mBAAmB,GAAI,OAAD,IAA8C;AAC/E,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,OAAlB;AAA2B,IAAA;AAA3B,MAAwC,OAA9C,CAD+E,CAG/E;;AACA,QAAM,QAAQ,GAAG,iBAAA,CAAA,gBAAA,CAAkB,EAAD,IAAmB;;;AACnD,UAAM,UAAU,GAAG,IAAI,CAAC,CAAD,CAAvB;AACA,UAAM,eAAe,GAAG,EAAE,CAAC,MAA3B,CAFmD,CAInD;AACA;AACA;;AACA,UAAM,gBAAgB,GAAG,CAAC,cAAA,CAAA,eAAA,CAAgB,CAAA,EAAA,GAAA,UAAU,CAAC,OAAX,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,IAAtC,EAA4C,eAA5C,CAA1B;;AACA,QAAI,gBAAgB,IAAI,CAAC,QAAzB,EAAmC;AACjC,MAAA,QAAQ,CAAC,EAAD,CAAR;AACD;AACF,GAXgB,CAAjB;AAaA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB;AACA,QAAI,OAAO,IAAI,IAAf,EAAqB;AACnB;AACD;;AAUD,QAAI,CAAC,QAAL,EAAe;AACb,MAAA,OAAO,CAAC,gBAAR,CAAyB,OAAA,CAAA,gBAAzB,EAA2C,QAA3C;AACD;;AAED,WAAO,MAAK;AACV,MAAA,OAAO,CAAC,mBAAR,CAA4B,OAAA,CAAA,gBAA5B,EAA8C,QAA9C;AACD,KAFD;AAGD,GArBD,EAqBG,CAAC,QAAD,EAAW,OAAX,EAAoB,QAApB,CArBH;AAsBD,CAvCM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB;AAyCb;;;;AAIG;;AACI,MAAM,sBAAsB,GAAG,CAAC,EAAD,EAAkB,WAAlB,KAA6C;AACjF,EAAA,EAAE,CAAC,aAAH,CAAiB,IAAI,WAAJ,CAAgB,OAAA,CAAA,gBAAhB,EAAkC;AAAE,IAAA,OAAO,EAAE,IAAX;AAAiB,IAAA,MAAM,EAAE;AAAE,MAAA;AAAF;AAAzB,GAAlC,CAAjB;AACD,CAFM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { elementContains } from '@fluentui/react-portal';\nimport type { UseOnClickOrScrollOutsideOptions } from '@fluentui/react-utilities';\n\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = 'fuimenuenter';\n\n/**\n * This hook works similarly to @see {useOnClickOutside}\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled } = options;\n\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback((ev: MouseEvent) => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target as HTMLElement;\n\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n\n    /**\n     * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n     * evt is being typed as a base class of MouseEvent -> `Event`.\n     * This type is used to override `listener` calls to make TS happy\n     */\n\n    type ListenerOverride = (evt: Event) => void;\n\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    }\n\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    };\n  }, [listener, element, disabled]);\n};\n\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el element for the event target\n * @param nativeEvent the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el: HTMLElement, nativeEvent: MouseEvent) => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, { bubbles: true, detail: { nativeEvent } }));\n};\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "9.0.0-nightly.f81b28ceb3.1",
+  "version": "9.0.0-rc.11",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
   "license": "MIT",
   "scripts": {
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-menu/src && yarn docs",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-menu/src && yarn docs",
     "build": "just-scripts build",
     "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
@@ -22,37 +22,27 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "storybook": "start-storybook",
-    "test": "jest"
+    "storybook": "node ../../../scripts/storybook/runner",
+    "test": "jest --passWithNoTests",
+    "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "9.0.0-nightly.f81b28ceb3.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "9.0.0-nightly.f81b28ceb3.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.7",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-context-selector": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-icons": "^1.1.140",
-    "@fluentui/react-make-styles": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-portal": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-positioning": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-provider": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-tabster": "9.0.0-nightly.f81b28ceb3.1",
-    "@fluentui/react-utilities": "9.0.0-nightly.f81b28ceb3.1",
+    "@fluentui/keyboard-keys": "9.0.0-rc.6",
+    "@fluentui/react-context-selector": "9.0.0-rc.9",
+    "@fluentui/react-icons": "^2.0.166-rc.3",
+    "@griffel/react": "1.0.5",
+    "@fluentui/react-portal": "9.0.0-rc.11",
+    "@fluentui/react-positioning": "9.0.0-rc.10",
+    "@fluentui/react-shared-contexts": "9.0.0-rc.9",
+    "@fluentui/react-tabster": "9.0.0-rc.11",
+    "@fluentui/react-theme": "9.0.0-rc.9",
+    "@fluentui/react-utilities": "9.0.0-rc.9",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -62,11 +52,17 @@
     "react-dom": ">=16.8.0 <18.0.0"
   },
   "beachball": {
-    "tag": "beta",
     "disallowedChangeTypes": [
       "major",
       "minor",
       "patch"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/lib/Menu.d.ts

@@ -1 +0,0 @@
-export * from './components/Menu/index';

package/lib/MenuDivider.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuDivider/index';

package/lib/MenuGroup.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuGroup/index';

package/lib/MenuGroupHeader.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuGroupHeader/index';

package/lib/MenuItem.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuItem/index';

package/lib/MenuItemCheckbox.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuItemCheckbox/index';

package/lib/MenuItemRadio.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuItemRadio/index';

package/lib/MenuList.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuList/index';

package/lib/MenuPopover.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuPopover/index';

package/lib/MenuTrigger.d.ts

@@ -1 +0,0 @@
-export * from './components/MenuTrigger/index';

package/lib/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import type { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib/common/isConformant.js

@@ -1,12 +0,0 @@
-import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
-import makeStylesTests from '@fluentui/react-conformance-make-styles';
-export function isConformant(testInfo) {
-  var defaultOptions = {
-    asPropHandlesRef: true,
-    componentPath: module.parent.filename.replace('.test', ''),
-    skipAsPropTests: true,
-    extraTests: makeStylesTests
-  };
-  baseIsConformant(defaultOptions, testInfo);
-}
-//# sourceMappingURL=isConformant.js.map

package/lib/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,eAAe,EAAE,IAH0C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}

package/lib/common/mockUseMenuContext.d.ts

@@ -1,7 +0,0 @@
-import type { MenuContextValue } from '../contexts/menuContext';
-/**
- * A test utility to mock the useMenuContext hook that relies on context selector
- * Don't forget to call `jest.mock(**\/popupContext.ts)` while using this
- * @param options Menu context values to set for testing
- */
-export declare const mockUseMenuContext: (options?: Partial<MenuContextValue>) => void;

package/lib/common/mockUseMenuContext.js

@@ -1,36 +0,0 @@
-import { __assign } from "tslib";
-import { useMenuContext } from '../contexts/menuContext';
-/**
- * A test utility to mock the useMenuContext hook that relies on context selector
- * Don't forget to call `jest.mock(**\/popupContext.ts)` while using this
- * @param options Menu context values to set for testing
- */
-
-export var mockUseMenuContext = function (options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var mockContext = __assign({
-    open: false,
-    setOpen: function () {
-      return null;
-    },
-    triggerRef: {
-      current: null
-    },
-    menuPopoverRef: {
-      current: null
-    },
-    openOnContext: false,
-    openOnHover: false,
-    isSubmenu: false,
-    triggerId: 'id'
-  }, options); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
-  useMenuContext.mockImplementation(function (selector) {
-    return selector(mockContext);
-  });
-};
-//# sourceMappingURL=mockUseMenuContext.js.map

package/lib/common/mockUseMenuContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/mockUseMenuContext.ts"],"names":[],"mappings":";AACA,SAAS,cAAT,QAA+B,yBAA/B;AAGA;;;;AAIG;;AACH,OAAO,IAAM,kBAAkB,GAAG,UAAC,OAAD,EAAwC;AAAvC,MAAA,OAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,OAAA,GAAA,EAAA;AAAuC;;AACxE,MAAM,WAAW,GAAA,QAAA,CAAA;AACf,IAAA,IAAI,EAAE,KADS;AAEf,IAAA,OAAO,EAAE,YAAA;AAAM,aAAA,IAAA;AAAI,KAFJ;AAGf,IAAA,UAAU,EAAG;AAAE,MAAA,OAAO,EAAE;AAAX,KAHE;AAIf,IAAA,cAAc,EAAG;AAAE,MAAA,OAAO,EAAE;AAAX,KAJF;AAKf,IAAA,aAAa,EAAE,KALA;AAMf,IAAA,WAAW,EAAE,KANE;AAOf,IAAA,SAAS,EAAE,KAPI;AAQf,IAAA,SAAS,EAAE;AARI,GAAA,EASZ,OATY,CAAjB,CADwE,CAYxE;;;AACC,EAAA,cAA4B,CAAC,kBAA7B,CAAgD,UAAC,QAAD,EAA6C;AAC5F,WAAO,QAAQ,CAAC,WAAD,CAAf;AACD,GAFA;AAGF,CAhBM","sourceRoot":""}

package/lib/components/Menu/Menu.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { MenuProps } from './Menu.types';
-/**
- * Wrapper component that manages state for a popup MenuList and a MenuTrigger
- */
-export declare const Menu: React.FC<MenuProps>;

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

@@ -1,112 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-import { usePopperMouseTarget, PositioningShorthand } from '@fluentui/react-positioning';
-import { MenuListCommons } from '../MenuList/index';
-import { MenuContextValue } from '../../contexts/menuContext';
-declare type MenuCommons = MenuListCommons & {
-    /**
-     * Whether the popup is open
-     */
-    open: boolean;
-    /**
-     * Call back when the component requests to change value
-     * The `open` value is used as a hint when directly controlling the component
-     */
-    onOpenChange?: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;
-    /**
-     * Whether the popup is open by default
-     */
-    defaultOpen?: boolean;
-    openOnHover: boolean;
-    /**
-     * Opens the menu on right click (context menu), removes all other menu open interactions
-     */
-    openOnContext?: boolean;
-    /**
-     * Root menus are rendered out of DOM order on `document.body`, use this to render the menu in DOM order
-     * This option is disregarded for submenus
-     */
-    inline?: boolean;
-    /**
-     * Do not dismiss the menu when a menu item is clicked
-     */
-    persistOnItemClick?: boolean;
-    /**
-     * Sets the delay for mouse open/close for the popover one mouse enter/leave
-     */
-    hoverDelay?: number;
-};
-export declare type MenuSlots = {};
-/**
- * Extends and drills down Menulist props to simplify API
- */
-export declare type MenuProps = Partial<MenuCommons> & ComponentProps<MenuSlots> & {
-    /**
-     * Can contain two children including {@link MenuTrigger} and {@link MenuPopover}.
-     * Alternatively can only contain {@link MenuPopover} if using a custom `target`.
-     */
-    children: [JSX.Element, JSX.Element] | JSX.Element;
-    /**
-     * Configures the positioned menu
-     */
-    positioning?: PositioningShorthand;
-};
-export declare type MenuState = MenuCommons & ComponentState<MenuSlots> & {
-    /**
-     * Callback to open/close the popup
-     */
-    setOpen: (e: MenuOpenEvents, data: MenuOpenChangeData) => void;
-    /**
-     * Internal react node that just simplifies handling children
-     */
-    menuPopover: React.ReactNode;
-    /**
-     * Internal react node that just simplifies handling children
-     */
-    menuTrigger: React.ReactNode;
-    /**
-     * The ref for the popup
-     */
-    menuPopoverRef: React.MutableRefObject<HTMLElement>;
-    /**
-     * The ref for the MenuTrigger, used for popup positioning
-     */
-    triggerRef: React.MutableRefObject<HTMLElement>;
-    /**
-     * Id for the MenuTrigger element for aria relationship
-     */
-    triggerId: string;
-    /**
-     * Whether this menu is a submenu
-     */
-    isSubmenu: boolean;
-    /**
-     * Anchors the popper to the mouse click for context events
-     */
-    contextTarget: ReturnType<typeof usePopperMouseTarget>[0];
-    /**
-     * A callback to set the target of the popper to the mouse click for context events
-     */
-    setContextTarget: ReturnType<typeof usePopperMouseTarget>[1];
-};
-/**
- * Data attached to open/close events
- */
-export declare type MenuOpenChangeData = Pick<MenuState, 'open'> & {
-    /**
-     * Indicates whether the change of state was a keyboard interaction
-     */
-    keyboard?: boolean;
-    /**
-     * indicates whether the request for the open state was bubbled from a nested menu
-     */
-    bubble?: boolean;
-};
-export declare type MenuContextValues = {
-    menu: MenuContextValue;
-};
-/**
- * The supported events that will trigger open/close of the menu
- */
-export declare type MenuOpenEvents = MouseEvent | TouchEvent | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
-export {};

package/lib/components/Menu/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Menu';
-export * from './Menu.types';
-export * from './renderMenu';
-export * from './useMenu';
-export * from './useMenuContextValues';

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

@@ -1,5 +0,0 @@
-import type { MenuContextValues, MenuState } from './Menu.types';
-/**
- * Render the final JSX of Menu
- */
-export declare const renderMenu: (state: MenuState, contextValues: MenuContextValues) => JSX.Element;

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

@@ -1,10 +0,0 @@
-import type { MenuProps, MenuState } from './Menu.types';
-/**
- * Create the state required to render Menu.
- *
- * The returned state can be modified with hooks such as useMenuStyles,
- * before being passed to renderMenu.
- *
- * @param props - props from this instance of Menu
- */
-export declare const useMenu: (props: MenuProps) => MenuState;

package/lib/components/Menu/useMenuContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { MenuContextValues, MenuState } from './Menu.types';
-export declare function useMenuContextValues(state: MenuState): MenuContextValues;

package/lib/components/MenuDivider/MenuDivider.d.ts

@@ -1,6 +0,0 @@
-import type { MenuDividerProps } from './MenuDivider.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled MenuDivider, using the `useMenuDivider` hook.
- */
-export declare const MenuDivider: ForwardRefComponent<MenuDividerProps>;

package/lib/components/MenuDivider/MenuDivider.types.d.ts

@@ -1,6 +0,0 @@
-import { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-export declare type MenuDividerSlots = {
-    root: IntrinsicShorthandProps<'div'>;
-};
-export declare type MenuDividerProps = ComponentProps<MenuDividerSlots>;
-export declare type MenuDividerState = ComponentState<MenuDividerSlots>;

package/lib/components/MenuDivider/index.d.ts

@@ -1,5 +0,0 @@
-export * from './MenuDivider.types';
-export * from './MenuDivider';
-export * from './renderMenuDivider';
-export * from './useMenuDivider';
-export * from './useMenuDividerStyles';

package/lib/components/MenuDivider/renderMenuDivider.d.ts

@@ -1,6 +0,0 @@
-import { MenuDividerState } from './MenuDivider.types';
-/**
- * Redefine the render function to add slots. Reuse the menudivider structure but add
- * slots to children.
- */
-export declare const renderMenuDivider: (state: MenuDividerState) => JSX.Element;

package/lib/components/MenuDivider/useMenuDivider.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { MenuDividerProps, MenuDividerState } from './MenuDivider.types';
-/**
- * Given user props, returns state and render function for a MenuDivider.
- */
-export declare const useMenuDivider: (props: MenuDividerProps, ref: React.Ref<HTMLElement>) => MenuDividerState;

package/lib/components/MenuDivider/useMenuDividerStyles.d.ts

@@ -1,2 +0,0 @@
-import type { MenuDividerState } from './MenuDivider.types';
-export declare const useMenuDividerStyles: (state: MenuDividerState) => import("@fluentui/react-utilities").ComponentState<import("./MenuDivider.types").MenuDividerSlots>;

package/lib/components/MenuGroup/MenuGroup.d.ts

@@ -1,6 +0,0 @@
-import type { MenuGroupProps } from './MenuGroup.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled MenuGroup, using the `useMenuGroup` hook.
- */
-export declare const MenuGroup: ForwardRefComponent<MenuGroupProps>;

package/lib/components/MenuGroup/MenuGroup.types.d.ts

@@ -1,15 +0,0 @@
-import { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-import { MenuGroupContextValue } from '../../contexts/menuGroupContext';
-export declare type MenuGroupSlots = {
-    root: IntrinsicShorthandProps<'div'>;
-};
-export declare type MenuGroupProps = ComponentProps<MenuGroupSlots>;
-export declare type MenuGroupState = ComponentState<MenuGroupSlots> & {
-    /**
-     * id applied to the DOM element of `MenuGroupHeader`
-     */
-    headerId: string;
-};
-export declare type MenuGroupContextValues = {
-    menuGroup: MenuGroupContextValue;
-};

package/lib/components/MenuGroup/index.d.ts

@@ -1,5 +0,0 @@
-export * from './MenuGroup.types';
-export * from './MenuGroup';
-export * from './renderMenuGroup';
-export * from './useMenuGroup';
-export * from './useMenuGroupContextValues';

package/lib/components/MenuGroup/renderMenuGroup.d.ts

@@ -1,6 +0,0 @@
-import { MenuGroupContextValues, MenuGroupState } from './MenuGroup.types';
-/**
- * Redefine the render function to add slots. Reuse the menugroup structure but add
- * slots to children.
- */
-export declare const renderMenuGroup: (state: MenuGroupState, contextValues: MenuGroupContextValues) => JSX.Element;

package/lib/components/MenuGroup/useMenuGroup.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { MenuGroupProps, MenuGroupState } from './MenuGroup.types';
-/**
- * Given user props, returns state and render function for a MenuGroup.
- */
-export declare function useMenuGroup(props: MenuGroupProps, ref: React.Ref<HTMLElement>): MenuGroupState;

package/lib/components/MenuGroup/useMenuGroupContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { MenuGroupContextValues, MenuGroupState } from './MenuGroup.types';
-export declare function useMenuGroupContextValues(state: MenuGroupState): MenuGroupContextValues;

package/lib/components/MenuGroupHeader/MenuGroupHeader.d.ts

@@ -1,6 +0,0 @@
-import type { MenuGroupHeaderProps } from './MenuGroupHeader.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled MenuGroupHeader, using the `useMenuGroupHeader` hook.
- */
-export declare const MenuGroupHeader: ForwardRefComponent<MenuGroupHeaderProps>;

package/lib/components/MenuGroupHeader/MenuGroupHeader.types.d.ts

@@ -1,6 +0,0 @@
-import { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-export declare type MenuGroupHeaderSlots = {
-    root: IntrinsicShorthandProps<'div'>;
-};
-export declare type MenuGroupHeaderProps = ComponentProps<MenuGroupHeaderSlots>;
-export declare type MenuGroupHeaderState = ComponentState<MenuGroupHeaderSlots>;

package/lib/components/MenuGroupHeader/index.d.ts

@@ -1,5 +0,0 @@
-export * from './MenuGroupHeader.types';
-export * from './MenuGroupHeader';
-export * from './renderMenuGroupHeader';
-export * from './useMenuGroupHeader';
-export * from './useMenuGroupHeaderStyles';

package/lib/components/MenuGroupHeader/renderMenuGroupHeader.d.ts

@@ -1,6 +0,0 @@
-import { MenuGroupHeaderState } from './MenuGroupHeader.types';
-/**
- * Redefine the render function to add slots. Reuse the menugroupheader structure but add
- * slots to children.
- */
-export declare const renderMenuGroupHeader: (state: MenuGroupHeaderState) => JSX.Element;

package/lib/components/MenuGroupHeader/useMenuGroupHeader.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { MenuGroupHeaderProps, MenuGroupHeaderState } from './MenuGroupHeader.types';
-/**
- * Given user props, returns state and render function for a MenuGroupHeader.
- */
-export declare function useMenuGroupHeader(props: MenuGroupHeaderProps, ref: React.Ref<HTMLElement>): MenuGroupHeaderState;

package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts

@@ -1,2 +0,0 @@
-import type { MenuGroupHeaderState } from './MenuGroupHeader.types';
-export declare const useMenuGroupHeaderStyles: (state: MenuGroupHeaderState) => import("@fluentui/react-utilities").ComponentState<import("./MenuGroupHeader.types").MenuGroupHeaderSlots>;

package/lib/components/MenuItem/MenuItem.d.ts

@@ -1,6 +0,0 @@
-import type { MenuItemProps } from './MenuItem.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled MenuItem, using the `useMenuItem` and `useMenuItemStyles` hook.
- */
-export declare const MenuItem: ForwardRefComponent<MenuItemProps>;