@fluentui/react-menu 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.10

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/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>;

package/lib-commonjs/components/MenuItem/MenuItem.types.d.ts

@@ -1,43 +0,0 @@
-import { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-export declare type MenuItemSlots = {
-    root: IntrinsicShorthandProps<'div'>;
-    /**
-     * Icon slot rendered before children content
-     */
-    icon?: IntrinsicShorthandProps<'span'>;
-    /**
-     * A helper slot for alignment when a menu item is used with selectable menuitems
-     * Avoid using this slot as a replacement for MenuItemCheckbox and MenuItemRadio components
-     */
-    checkmark?: IntrinsicShorthandProps<'span'>;
-    /**
-     * Icon slot that shows the indicator for a submenu
-     */
-    submenuIndicator?: IntrinsicShorthandProps<'span'>;
-    /**
-     * Component children are placed in this slot
-     * Avoid using the `children` property in this slot in favour of Component children whenever possible
-     */
-    content: IntrinsicShorthandProps<'span'>;
-    /**
-     * Secondary content rendered opposite the primary content (e.g Shortcut text)
-     */
-    secondaryContent?: IntrinsicShorthandProps<'span'>;
-};
-declare type MenuItemCommons = {
-    /**
-     * If the menu item is a trigger for a submenu
-     */
-    hasSubmenu?: boolean;
-    /**
-     * Applies disabled styles to menu item but remains focusable
-     */
-    disabled?: boolean;
-    /**
-     * Clicking on the menu item will not dismiss an open menu
-     */
-    persistOnClick?: boolean;
-};
-export declare type MenuItemProps = ComponentProps<Partial<MenuItemSlots>> & MenuItemCommons;
-export declare type MenuItemState = ComponentState<MenuItemSlots> & MenuItemCommons;
-export {};

package/lib-commonjs/components/MenuItem/index.d.ts

@@ -1,5 +0,0 @@
-export * from './MenuItem';
-export * from './MenuItem.types';
-export * from './renderMenuItem';
-export * from './useMenuItem';
-export * from './useMenuItemStyles';

package/lib-commonjs/components/MenuItem/renderMenuItem.d.ts

@@ -1,5 +0,0 @@
-import type { MenuItemState } from './MenuItem.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderMenuItem: (state: MenuItemState) => JSX.Element;

package/lib-commonjs/components/MenuItem/useCharacterSearch.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { MenuItemState } from '../../components/index';
-export declare const useCharacterSearch: (state: MenuItemState, ref: React.RefObject<HTMLElement>) => MenuItemState;

package/lib-commonjs/components/MenuItem/useMenuItem.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type { MenuItemProps, MenuItemSlots, MenuItemState } from './MenuItem.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const menuItemSlots: Array<keyof MenuItemSlots>;
-/**
- * Returns the props and state required to render the component
- */
-export declare const useMenuItem: (props: MenuItemProps, ref: React.Ref<HTMLElement>) => MenuItemState;

package/lib-commonjs/components/MenuItem/useMenuItemStyles.d.ts

@@ -1,3 +0,0 @@
-import type { MenuItemState } from './MenuItem.types';
-/** Applies style classnames to slots */
-export declare const useMenuItemStyles: (state: MenuItemState) => void;

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.d.ts

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

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.types.d.ts

@@ -1,4 +0,0 @@
-import type { MenuItemSelectableProps, MenuItemSelectableState } from '../../selectable/index';
-import type { MenuItemProps, MenuItemState } from '../MenuItem/MenuItem.types';
-export declare type MenuItemCheckboxProps = MenuItemProps & MenuItemSelectableProps;
-export declare type MenuItemCheckboxState = MenuItemState & MenuItemSelectableState;

package/lib-commonjs/components/MenuItemCheckbox/index.d.ts

@@ -1,4 +0,0 @@
-export * from './MenuItemCheckbox.types';
-export * from './MenuItemCheckbox';
-export * from './renderMenuItemCheckbox';
-export * from './useMenuItemCheckbox';