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

package/lib/index.d.ts

@@ -1,15 +0,0 @@
-export * from './MenuItem';
-export * from './MenuList';
-export * from './MenuItemCheckbox';
-export * from './MenuItemRadio';
-export * from './MenuDivider';
-export * from './MenuGroupHeader';
-export * from './MenuGroup';
-export * from './selectable/index';
-export * from './MenuTrigger';
-export * from './Menu';
-export * from './contexts/menuContext';
-export * from './contexts/menuTriggerContext';
-export * from './contexts/menuGroupContext';
-export * from './contexts/menuListContext';
-export * from './MenuPopover';

package/lib/selectable/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useCheckmarkStyles';
-export * from './types';

package/lib/selectable/types.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-export declare type SelectableHandler = (e: React.MouseEvent | React.KeyboardEvent, name: string, value: string, checked: boolean) => void;
-/**
- * Props for selecatble menu items
- */
-export declare type MenuItemSelectableProps = {
-    /**
-     * Follows input convention
-     * https://www.w3schools.com/jsref/prop_checkbox_name.asp
-     */
-    name: string;
-    /**
-     * Follows input convention
-     * https://www.w3schools.com/jsref/prop_checkbox_value.asp
-     */
-    value: string;
-};
-/**
- * State for selectable menu items
- */
-export declare type MenuItemSelectableState = MenuItemSelectableProps & {
-    /**
-     * Checked items for a value with `name`
-     */
-    checkedItems: string[];
-    /**
-     * Callback when checked items changes for a given value with `name`
-     */
-    onCheckedValueChange: (e: React.MouseEvent | React.KeyboardEvent, name: string, checkedItems: string[]) => void;
-    /**
-     * Selectable is checked
-     */
-    checked: boolean;
-};

package/lib/selectable/useCheckmarkStyles.d.ts

@@ -1,8 +0,0 @@
-import type { MenuItemSelectableState } from './types';
-import type { MenuItemSlots } from '../components/MenuItem/MenuItem.types';
-/**
- * Applies styles to a checkmark slot for selectable menu items
- *
- * @param state - should contain a `checkmark` slot
- */
-export declare const useCheckmarkStyles: (state: MenuItemSelectableState & Pick<MenuItemSlots, 'checkmark'>) => void;

package/lib/utils/DefaultIcons.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export declare const renderIcon: (SVGElement: (props: {
-    svgClasses: string;
-}) => JSX.Element) => React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-export declare const ChevronRightIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-export declare const ChevronLeftIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-export declare const AcceptIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;

package/lib/utils/DefaultIcons.js

@@ -1,88 +0,0 @@
-import { __assign } from "tslib";
-import * as React from 'react';
-import { mergeClasses, __styles } from '@fluentui/react-make-styles';
-import { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';
-
-var useStyles = /*#__PURE__*/__styles({
-  "root": {
-    "mc9l5x": "f14t3ns0",
-    "ha4doy": "fmrv4ls",
-    "fb3t49": "fdgdznj",
-    "a9b677": "fhson10",
-    "Bqenvij": "f1un31zh"
-  },
-  "svg": {
-    "Bqenvij": "f1l02sjl",
-    "Bkfmm31": "f1w9h62z",
-    "ha4doy": "f12kltsn"
-  }
-}, {
-  "d": [".f14t3ns0{display:inline-block;}", ".fmrv4ls{vertical-align:middle;}", ".fdgdznj{speak:none;}", ".fhson10{width:1em;}", ".f1un31zh{height:1em;}", ".f1l02sjl{height:100%;}", ".f1w9h62z{fill:currentColor;}", ".f12kltsn{vertical-align:top;}"]
-}); //
-// !!!   A temporary workaround to avoid dependencies on any icon packages.
-// !!!   A usage of converged icon package should be considered.
-//
-
-
-var useIconProps = function (props) {
-  var _a;
-
-  var containerProps = props['aria-label'] ? {} : (_a = {
-    role: 'presentation'
-  }, _a['aria-hidden'] = true, _a);
-  var nativeProps = getNativeProps(props, htmlElementProperties);
-  var styles = useStyles();
-  var rootClasses = styles.root;
-  var svgClasses = styles.svg;
-  return {
-    containerProps: containerProps,
-    nativeProps: nativeProps,
-    rootClasses: rootClasses,
-    svgClasses: svgClasses
-  };
-};
-
-export var renderIcon = function (SVGElement) {
-  return function (props) {
-    var _a = useIconProps(props),
-        containerProps = _a.containerProps,
-        nativeProps = _a.nativeProps,
-        rootClasses = _a.rootClasses,
-        svgClasses = _a.svgClasses;
-
-    return /*#__PURE__*/React.createElement('span', __assign(__assign(__assign({}, containerProps), nativeProps), {
-      className: mergeClasses(rootClasses, props.className)
-    }), /*#__PURE__*/React.createElement(SVGElement, {
-      svgClasses: svgClasses
-    }));
-  };
-};
-export var ChevronRightIcon = /*#__PURE__*/renderIcon(function (props) {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 2048 2048",
-    className: props.svgClasses
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z"
-  }));
-});
-export var ChevronLeftIcon = /*#__PURE__*/renderIcon(function (props) {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 2048 2048",
-    className: props.svgClasses,
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M1443 2045L421 1024 1443 3l90 90-930 931 930 931-90 90z"
-  }));
-});
-export var AcceptIcon = /*#__PURE__*/renderIcon(function (props) {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 2048 2048",
-    className: props.svgClasses
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M640 1755L19 1133l90-90 531 530L1939 275l90 90L640 1755z"
-  }));
-});
-//# sourceMappingURL=DefaultIcons.js.map

package/lib/utils/DefaultIcons.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/DefaultIcons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,kBAAyC,6BAAzC;AACA,SAAS,cAAT,EAAyB,qBAAzB,QAAsD,2BAAtD;;AAEA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB,C,CAeA;AACA;AACA;AACA;;;AAEA,IAAM,YAAY,GAAG,UAAC,KAAD,EAA6C;;;AAChE,MAAM,cAAc,GAAG,KAAK,CAAC,YAAD,CAAL,GACnB,EADmB,IAEpB,EAAA,GAAA;AACG,IAAA,IAAI,EAAE;AADT,GAAA,EAEG,EAAA,CAAC,aAAD,CAAA,GAAiB,IAFpB,EAGE,EALkB,CAAvB;AAMA,MAAM,WAAW,GAAG,cAAc,CAAoC,KAApC,EAA2C,qBAA3C,CAAlC;AACA,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,MAAM,WAAW,GAAG,MAAM,CAAC,IAA3B;AACA,MAAM,UAAU,GAAG,MAAM,CAAC,GAA1B;AAEA,SAAO;AAAE,IAAA,cAAc,EAAA,cAAhB;AAAkB,IAAA,WAAW,EAAA,WAA7B;AAA+B,IAAA,WAAW,EAAA,WAA1C;AAA4C,IAAA,UAAU,EAAA;AAAtD,GAAP;AACD,CAdD;;AAgBA,OAAO,IAAM,UAAU,GAAG,UACxB,UADwB,EACkC;AACN,SAAA,UAAA,KAAA,EAAK;AACnD,QAAA,EAAA,GAA2D,YAAY,CAAC,KAAD,CAAvE;AAAA,QAAE,cAAc,GAAA,EAAA,CAAA,cAAhB;AAAA,QAAkB,WAAW,GAAA,EAAA,CAAA,WAA7B;AAAA,QAA+B,WAAW,GAAA,EAAA,CAAA,WAA1C;AAAA,QAA4C,UAAU,GAAA,EAAA,CAAA,UAAtD;;AAEN,wBAAO,KAAK,CAAC,aAAN,CACL,MADK,EACC,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAED,cAFC,CAAA,EAGD,WAHC,CAAA,EAGU;AACd,MAAA,SAAS,EAAE,YAAY,CAAC,WAAD,EAAc,KAAK,CAAC,SAApB;AADT,KAHV,CADD,eAOL,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW;AAAC,MAAA,UAAU,EAAE;AAAb,KAAX,CAPK,CAAP;AAHoD,GAAA;AAYrD,CAdM;AAgBP,OAAO,IAAM,gBAAgB,gBAAG,UAAU,CAAC,UAAA,KAAA,EAAK;AAAI,sBAClD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,4BAAX;AAAwC,IAAA,OAAO,EAAC,eAAhD;AAAgE,IAAA,SAAS,EAAE,KAAK,CAAC;AAAjF,GAAA,eACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAFyC;AAEhD,GAAA,CADF,CADkD;AAInD,CAJyC,CAAnC;AAMP,OAAO,IAAM,eAAe,gBAAG,UAAU,CAAC,UAAA,KAAA,EAAK;AAAI,sBACjD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,4BAAX;AAAwC,IAAA,OAAO,EAAC,eAAhD;AAAgE,IAAA,SAAS,EAAE,KAAK,CAAC,UAAjF;AAA6F,IAAA,SAAS,EAAC;AAAvG,GAAA,eACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAFwC;AAE/C,GAAA,CADF,CADiD;AAIlD,CAJwC,CAAlC;AAMP,OAAO,IAAM,UAAU,gBAAG,UAAU,CAAC,UAAA,KAAA,EAAK;AAAI,sBAC5C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,4BAAX;AAAwC,IAAA,OAAO,EAAC,eAAhD;AAAgE,IAAA,SAAS,EAAE,KAAK,CAAC;AAAjF,GAAA,eACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAFmC;AAE1C,GAAA,CADF,CAD4C;AAI7C,CAJmC,CAA7B","sourceRoot":""}

package/lib/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './useOnMenuEnter';

package/lib/utils/useIsSubmenu.d.ts

@@ -1,9 +0,0 @@
-/**
- * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true
- * or whether it is a part of a `MenuList`
- *
- * A simple hook to check box contexts easily
- *
- * @returns whether the component is part of a submenu
- */
-export declare function useIsSubmenu(): boolean;

package/lib/utils/useOnMenuEnter.d.ts

@@ -1,23 +0,0 @@
-import type { UseOnClickOrScrollOutsideOptions } from '@fluentui/react-utilities';
-/**
- * Name of the custom event
- */
-export declare const MENU_ENTER_EVENT = "fuimenuenter";
-/**
- * This hook works similarly to @see {useOnClickOutside}
- *
- * Problem: Trying to behave the same as system menus:
- * When the mouse leaves a stack of nested menus the stack should not dismiss.
- * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.
- *
- * We don't use the native mouseenter event because it would trigger too many times in the document
- * Instead, dispatch custom DOM event from the menu so that it can bubble
- * Each nested menu can use the listener to check if the event is from a child or parent menu
- */
-export declare const useOnMenuMouseEnter: (options: UseOnClickOrScrollOutsideOptions) => void;
-/**
- * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`
- * @param el element for the event target
- * @param nativeEvent the native mouse event this is mapped to
- */
-export declare const dispatchMenuEnterEvent: (el: HTMLElement, nativeEvent: MouseEvent) => void;

package/lib-commonjs/Menu.d.ts

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

package/lib-commonjs/MenuDivider.d.ts

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

package/lib-commonjs/MenuGroup.d.ts

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

package/lib-commonjs/MenuGroupHeader.d.ts

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

package/lib-commonjs/MenuItem.d.ts

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

package/lib-commonjs/MenuItemCheckbox.d.ts

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

package/lib-commonjs/MenuItemRadio.d.ts

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

package/lib-commonjs/MenuList.d.ts

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

package/lib-commonjs/MenuPopover.d.ts

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

package/lib-commonjs/MenuTrigger.d.ts

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

package/lib-commonjs/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-commonjs/common/isConformant.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isConformant = void 0;
-
-var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
-
-var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
-
-function isConformant(testInfo) {
-  var defaultOptions = {
-    asPropHandlesRef: true,
-    componentPath: module.parent.filename.replace('.test', ''),
-    skipAsPropTests: true,
-    extraTests: react_conformance_make_styles_1.default
-  };
-  react_conformance_1.isConformant(defaultOptions, testInfo);
-}
-
-exports.isConformant = isConformant;
-//# sourceMappingURL=isConformant.js.map

package/lib-commonjs/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;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,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

package/lib-commonjs/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-commonjs/common/mockUseMenuContext.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockUseMenuContext = void 0;
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var menuContext_1 = /*#__PURE__*/require("../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
- */
-
-
-var mockUseMenuContext = function (options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var mockContext = tslib_1.__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
-
-
-  menuContext_1.useMenuContext.mockImplementation(function (selector) {
-    return selector(mockContext);
-  });
-};
-
-exports.mockUseMenuContext = mockUseMenuContext;
-//# sourceMappingURL=mockUseMenuContext.js.map

package/lib-commonjs/common/mockUseMenuContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/mockUseMenuContext.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,kBAAkB,GAAG,UAAC,OAAD,EAAwC;AAAvC,MAAA,OAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,OAAA,GAAA,EAAA;AAAuC;;AACxE,MAAM,WAAW,GAAA,OAAA,CAAA,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,aAAA,CAAA,cAAA,CAA6B,kBAA7B,CAAgD,UAAC,QAAD,EAA6C;AAC5F,WAAO,QAAQ,CAAC,WAAD,CAAf;AACD,GAFA;AAGF,CAhBM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}

package/lib-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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-commonjs/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>;