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

package/lib-commonjs/contexts/menuTriggerContext.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare const MenuTriggerContextProvider: React.Provider<boolean>;
-export declare const useMenuTriggerContext: () => boolean;

package/lib-commonjs/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-commonjs/selectable/index.d.ts

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

package/lib-commonjs/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-commonjs/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-commonjs/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-commonjs/utils/DefaultIcons.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AcceptIcon = exports.ChevronLeftIcon = exports.ChevronRightIcon = exports.renderIcon = void 0;
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var React = /*#__PURE__*/require("react");
-
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__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 = react_utilities_1.getNativeProps(props, react_utilities_1.htmlElementProperties);
-  var styles = useStyles();
-  var rootClasses = styles.root;
-  var svgClasses = styles.svg;
-  return {
-    containerProps: containerProps,
-    nativeProps: nativeProps,
-    rootClasses: rootClasses,
-    svgClasses: svgClasses
-  };
-};
-
-var renderIcon = function (SVGElement) {
-  return function (props) {
-    var _a = useIconProps(props),
-        containerProps = _a.containerProps,
-        nativeProps = _a.nativeProps,
-        rootClasses = _a.rootClasses,
-        svgClasses = _a.svgClasses;
-
-    return React.createElement('span', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, containerProps), nativeProps), {
-      className: react_make_styles_1.mergeClasses(rootClasses, props.className)
-    }), React.createElement(SVGElement, {
-      svgClasses: svgClasses
-    }));
-  };
-};
-
-exports.renderIcon = renderIcon;
-exports.ChevronRightIcon = /*#__PURE__*/exports.renderIcon(function (props) {
-  return React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 2048 2048",
-    className: props.svgClasses
-  }, React.createElement("path", {
-    d: "M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z"
-  }));
-});
-exports.ChevronLeftIcon = /*#__PURE__*/exports.renderIcon(function (props) {
-  return React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 2048 2048",
-    className: props.svgClasses,
-    focusable: "false"
-  }, React.createElement("path", {
-    d: "M1443 2045L421 1024 1443 3l90 90-930 931 930 931-90 90z"
-  }));
-});
-exports.AcceptIcon = /*#__PURE__*/exports.renderIcon(function (props) {
-  return React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 2048 2048",
-    className: props.svgClasses
-  }, React.createElement("path", {
-    d: "M640 1755L19 1133l90-90 531 530L1939 275l90 90L640 1755z"
-  }));
-});
-//# sourceMappingURL=DefaultIcons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/DefaultIcons.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAM,SAAS,gBAAG,mBAAA,SAAA;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,iBAAA,CAAA,cAAA,CAAkD,KAAlD,EAAyD,iBAAA,CAAA,qBAAzD,CAApB;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;;AAgBO,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,WAAO,KAAK,CAAC,aAAN,CACL,MADK,EACC,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAED,cAFC,CAAA,EAGD,WAHC,CAAA,EAGU;AACd,MAAA,SAAS,EAAE,mBAAA,CAAA,YAAA,CAAa,WAAb,EAA0B,KAAK,CAAC,SAAhC;AADG,KAHV,CADD,EAOL,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW;AAAC,MAAA,UAAU,EAAE;AAAb,KAAX,CAPK,CAAP;AAHoD,GAAA;AAYrD,CAdM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV;AAgBA,OAAA,CAAA,gBAAA,gBAAmB,OAAA,CAAA,UAAA,CAAW,UAAA,KAAA,EAAK;AAAI,SAClD,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,CAJ+B,CAAnB;AAMA,OAAA,CAAA,eAAA,gBAAkB,OAAA,CAAA,UAAA,CAAW,UAAA,KAAA,EAAK;AAAI,SACjD,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,CAJ8B,CAAlB;AAMA,OAAA,CAAA,UAAA,gBAAa,OAAA,CAAA,UAAA,CAAW,UAAA,KAAA,EAAK;AAAI,SAC5C,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,CAJyB,CAAb","sourceRoot":""}

package/lib-commonjs/utils/index.d.ts

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

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