@fluentui/react-menu 9.0.0-alpha.8 → 9.0.0-alpha.80

package/lib-amd/contexts/menuTriggerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuTriggerContext.js","sourceRoot":"../src/","sources":["contexts/menuTriggerContext.ts"],"names":[],"mappings":";;;IAEA;;OAEG;IACH,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;IAElD,QAAA,0BAA0B,GAAG,kBAAkB,CAAC,QAAQ,CAAC;IACzD,QAAA,qBAAqB,GAAG,cAAM,OAAA,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAApC,CAAoC,CAAC","sourcesContent":["import * as React from 'react';\n\n/**\n * Context used communicate with child that it is a trigger for a menu\n */\nconst MenuTriggerContext = React.createContext<boolean>(false);\n\nexport const MenuTriggerContextProvider = MenuTriggerContext.Provider;\nexport const useMenuTriggerContext = () => React.useContext(MenuTriggerContext);\n"]}
+{"version":3,"file":"menuTriggerContext.js","sourceRoot":"../src/","sources":["contexts/menuTriggerContext.ts"],"names":[],"mappings":";;;;IAEA;;OAEG;IACH,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC;IAElD,QAAA,0BAA0B,GAAG,kBAAkB,CAAC,QAAQ,CAAC;IAC/D,IAAM,qBAAqB,GAAG,cAAM,OAAA,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAApC,CAAoC,CAAC;IAAnE,QAAA,qBAAqB,yBAA8C","sourcesContent":["import * as React from 'react';\n\n/**\n * Context used communicate with child that it is a trigger for a menu\n */\nconst MenuTriggerContext = React.createContext<boolean>(false);\n\nexport const MenuTriggerContextProvider = MenuTriggerContext.Provider;\nexport const useMenuTriggerContext = () => React.useContext(MenuTriggerContext);\n"]}

package/lib-amd/index.d.ts

@@ -12,3 +12,4 @@ export * from './contexts/menuContext';
 export * from './contexts/menuTriggerContext';
 export * from './contexts/menuGroupContext';
 export * from './contexts/menuListContext';
+export * from './MenuPopover';

package/lib-amd/index.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "./MenuItem", "./MenuList", "./MenuItemCheckbox", "./MenuItemRadio", "./MenuDivider", "./MenuGroupHeader", "./MenuGroup", "./selectable/index", "./MenuTrigger", "./Menu", "./contexts/menuContext", "./contexts/menuTriggerContext", "./contexts/menuGroupContext", "./contexts/menuListContext"], function (require, exports, tslib_1, MenuItem_1, MenuList_1, MenuItemCheckbox_1, MenuItemRadio_1, MenuDivider_1, MenuGroupHeader_1, MenuGroup_1, index_1, MenuTrigger_1, Menu_1, menuContext_1, menuTriggerContext_1, menuGroupContext_1, menuListContext_1) {
+define(["require", "exports", "tslib", "./MenuItem", "./MenuList", "./MenuItemCheckbox", "./MenuItemRadio", "./MenuDivider", "./MenuGroupHeader", "./MenuGroup", "./selectable/index", "./MenuTrigger", "./Menu", "./contexts/menuContext", "./contexts/menuTriggerContext", "./contexts/menuGroupContext", "./contexts/menuListContext", "./MenuPopover"], function (require, exports, tslib_1, MenuItem_1, MenuList_1, MenuItemCheckbox_1, MenuItemRadio_1, MenuDivider_1, MenuGroupHeader_1, MenuGroup_1, index_1, MenuTrigger_1, Menu_1, menuContext_1, menuTriggerContext_1, menuGroupContext_1, menuListContext_1, MenuPopover_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     tslib_1.__exportStar(MenuItem_1, exports);
@@ -15,5 +15,6 @@ define(["require", "exports", "tslib", "./MenuItem", "./MenuList", "./MenuItemCh
     tslib_1.__exportStar(menuTriggerContext_1, exports);
     tslib_1.__exportStar(menuGroupContext_1, exports);
     tslib_1.__exportStar(menuListContext_1, exports);
+    tslib_1.__exportStar(MenuPopover_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B;IAC3B,0CAA2B;IAC3B,kDAAmC;IACnC,+CAAgC;IAChC,6CAA8B;IAC9B,iDAAkC;IAClC,2CAA4B;IAC5B,uCAAmC;IACnC,6CAA8B;IAC9B,sCAAuB;IACvB,6CAAuC;IACvC,oDAA8C;IAC9C,kDAA4C;IAC5C,iDAA2C","sourcesContent":["export * from './MenuItem';\nexport * from './MenuList';\nexport * from './MenuItemCheckbox';\nexport * from './MenuItemRadio';\nexport * from './MenuDivider';\nexport * from './MenuGroupHeader';\nexport * from './MenuGroup';\nexport * from './selectable/index';\nexport * from './MenuTrigger';\nexport * from './Menu';\nexport * from './contexts/menuContext';\nexport * from './contexts/menuTriggerContext';\nexport * from './contexts/menuGroupContext';\nexport * from './contexts/menuListContext';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B;IAC3B,0CAA2B;IAC3B,kDAAmC;IACnC,+CAAgC;IAChC,6CAA8B;IAC9B,iDAAkC;IAClC,2CAA4B;IAC5B,uCAAmC;IACnC,6CAA8B;IAC9B,sCAAuB;IACvB,6CAAuC;IACvC,oDAA8C;IAC9C,kDAA4C;IAC5C,iDAA2C;IAC3C,6CAA8B","sourcesContent":["export * from './MenuItem';\nexport * from './MenuList';\nexport * from './MenuItemCheckbox';\nexport * from './MenuItemRadio';\nexport * from './MenuDivider';\nexport * from './MenuGroupHeader';\nexport * from './MenuGroup';\nexport * from './selectable/index';\nexport * from './MenuTrigger';\nexport * from './Menu';\nexport * from './contexts/menuContext';\nexport * from './contexts/menuTriggerContext';\nexport * from './contexts/menuGroupContext';\nexport * from './contexts/menuListContext';\nexport * from './MenuPopover';\n"]}

package/lib-amd/selectable/index.js

@@ -1,6 +1,7 @@
-define(["require", "exports", "tslib", "./useCheckmarkStyles"], function (require, exports, tslib_1, useCheckmarkStyles_1) {
+define(["require", "exports", "tslib", "./useCheckmarkStyles", "./types"], function (require, exports, tslib_1, useCheckmarkStyles_1, types_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     tslib_1.__exportStar(useCheckmarkStyles_1, exports);
+    tslib_1.__exportStar(types_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/selectable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["selectable/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC","sourcesContent":["export * from './useCheckmarkStyles';\nexport * from './types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["selectable/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,uCAAwB","sourcesContent":["export * from './useCheckmarkStyles';\nexport * from './types';\n"]}

package/lib-amd/selectable/types.d.ts

@@ -3,7 +3,7 @@ export declare type SelectableHandler = (e: React.MouseEvent | React.KeyboardEve
 /**
  * Props for selecatble menu items
  */
-export interface MenuItemSelectableProps extends React.HTMLAttributes<HTMLElement> {
+export declare type MenuItemSelectableProps = {
     /**
      * Follows input convention
      * https://www.w3schools.com/jsref/prop_checkbox_name.asp
@@ -14,15 +14,11 @@ export interface MenuItemSelectableProps extends React.HTMLAttributes<HTMLElemen
      * https://www.w3schools.com/jsref/prop_checkbox_value.asp
      */
     value: string;
-    /**
-     * Whether the selectable item is disabled
-     */
-    disabled?: boolean;
-}
+};
 /**
  * State for selectable menu items
  */
-export interface MenuItemSelectableState extends MenuItemSelectableProps {
+export declare type MenuItemSelectableState = MenuItemSelectableProps & {
     /**
      * Checked items for a value with `name`
      */
@@ -35,4 +31,4 @@ export interface MenuItemSelectableState extends MenuItemSelectableProps {
      * Selectable is checked
      */
     checked: boolean;
-}
+};

package/lib-amd/selectable/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["selectable/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport type SelectableHandler = (\n  e: React.MouseEvent | React.KeyboardEvent,\n  name: string,\n  value: string,\n  checked: boolean,\n) => void;\n\n/**\n * Props for selecatble menu items\n */\nexport interface MenuItemSelectableProps extends React.HTMLAttributes<HTMLElement> {\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_name.asp\n   */\n  name: string;\n\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_value.asp\n   */\n  value: string;\n\n  /**\n   * Whether the selectable item is disabled\n   */\n  disabled?: boolean;\n}\n\n/**\n * State for selectable menu items\n */\nexport interface MenuItemSelectableState extends MenuItemSelectableProps {\n  /**\n   * Checked items for a value with `name`\n   */\n  checkedItems: string[];\n\n  /**\n   * Callback when checked items changes for a given value with `name`\n   */\n  onCheckedValueChange: (e: React.MouseEvent | React.KeyboardEvent, name: string, checkedItems: string[]) => void;\n\n  /**\n   * Selectable is checked\n   */\n  checked: boolean;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["selectable/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport type SelectableHandler = (\n  e: React.MouseEvent | React.KeyboardEvent,\n  name: string,\n  value: string,\n  checked: boolean,\n) => void;\n\n/**\n * Props for selecatble menu items\n */\nexport type MenuItemSelectableProps = {\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_name.asp\n   */\n  name: string;\n\n  /**\n   * Follows input convention\n   * https://www.w3schools.com/jsref/prop_checkbox_value.asp\n   */\n  value: string;\n};\n\n/**\n * State for selectable menu items\n */\nexport type MenuItemSelectableState = MenuItemSelectableProps & {\n  /**\n   * Checked items for a value with `name`\n   */\n  checkedItems: string[];\n\n  /**\n   * Callback when checked items changes for a given value with `name`\n   */\n  onCheckedValueChange: (e: React.MouseEvent | React.KeyboardEvent, name: string, checkedItems: string[]) => void;\n\n  /**\n   * Selectable is checked\n   */\n  checked: boolean;\n};\n"]}

package/lib-amd/selectable/useCheckmarkStyles.d.ts

@@ -1,11 +1,8 @@
-import * as React from 'react';
-import { ObjectShorthandProps } from '@fluentui/react-utilities';
-import { MenuItemSelectableState } from './types';
+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 & {
-    checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}) => void;
+export declare const useCheckmarkStyles: (state: MenuItemSelectableState & Pick<MenuItemSlots, 'checkmark'>) => void;

package/lib-amd/selectable/useCheckmarkStyles.js

@@ -1,11 +1,11 @@
 define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCheckmarkStyles = void 0;
     var useStyles = react_make_styles_1.makeStyles({
         root: {
             width: '16px',
             height: '16px',
-            marginRight: '8px',
             visibility: 'hidden',
         },
         rootChecked: {
@@ -17,11 +17,12 @@ define(["require", "exports", "@fluentui/react-make-styles"], function (require,
      *
      * @param state - should contain a `checkmark` slot
      */
-    exports.useCheckmarkStyles = function (state) {
+    var useCheckmarkStyles = function (state) {
         var styles = useStyles();
         if (state.checkmark) {
-            state.checkmark.className = react_make_styles_1.ax(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
+            state.checkmark.className = react_make_styles_1.mergeClasses(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
         }
     };
+    exports.useCheckmarkStyles = useCheckmarkStyles;
 });
 //# sourceMappingURL=useCheckmarkStyles.js.map

package/lib-amd/selectable/useCheckmarkStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckmarkStyles.js","sourceRoot":"../src/","sources":["selectable/useCheckmarkStyles.ts"],"names":[],"mappings":";;;IAKA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,QAAQ;SACrB;QACD,WAAW,EAAE;YACX,UAAU,EAAE,SAAS;SACtB;KACF,CAAC,CAAC;IAEH;;;;OAIG;IACU,QAAA,kBAAkB,GAAG,UAChC,KAAuG;QAEvG,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,sBAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;SAC7G;IACH,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { ax, makeStyles } from '@fluentui/react-make-styles';\nimport { ObjectShorthandProps } from '@fluentui/react-utilities';\nimport { MenuItemSelectableState } from './types';\n\nconst useStyles = makeStyles({\n  root: {\n    width: '16px',\n    height: '16px',\n    marginRight: '8px',\n    visibility: 'hidden',\n  },\n  rootChecked: {\n    visibility: 'visible',\n  },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles = (\n  state: MenuItemSelectableState & { checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>> },\n) => {\n  const styles = useStyles();\n  if (state.checkmark) {\n    state.checkmark.className = ax(styles.root, state.checked && styles.rootChecked, state.checkmark.className);\n  }\n};\n"]}
+{"version":3,"file":"useCheckmarkStyles.js","sourceRoot":"../src/","sources":["selectable/useCheckmarkStyles.ts"],"names":[],"mappings":";;;;IAIA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,QAAQ;SACrB;QACD,WAAW,EAAE;YACX,UAAU,EAAE,SAAS;SACtB;KACF,CAAC,CAAC;IAEH;;;;OAIG;IACI,IAAM,kBAAkB,GAAG,UAAC,KAAiE;QAClG,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,gCAAY,CACtC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,EACnC,KAAK,CAAC,SAAS,CAAC,SAAS,CAC1B,CAAC;SACH;IACH,CAAC,CAAC;IATW,QAAA,kBAAkB,sBAS7B","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemSlots } from '../components/MenuItem/MenuItem.types';\n\nconst useStyles = makeStyles({\n  root: {\n    width: '16px',\n    height: '16px',\n    visibility: 'hidden',\n  },\n  rootChecked: {\n    visibility: 'visible',\n  },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles = (state: MenuItemSelectableState & Pick<MenuItemSlots, 'checkmark'>) => {\n  const styles = useStyles();\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(\n      styles.root,\n      state.checked && styles.rootChecked,\n      state.checkmark.className,\n    );\n  }\n};\n"]}

package/lib-amd/utils/DefaultIcons.d.ts

@@ -3,4 +3,5 @@ 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-amd/utils/DefaultIcons.js

@@ -1,6 +1,7 @@
 define(["require", "exports", "tslib", "react", "@fluentui/react-make-styles", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_make_styles_1, react_utilities_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.AcceptIcon = exports.ChevronLeftIcon = exports.ChevronRightIcon = exports.renderIcon = void 0;
     var useStyles = react_make_styles_1.makeStyles({
         root: {
             display: 'inline-block',
@@ -34,12 +35,15 @@ define(["require", "exports", "tslib", "react", "@fluentui/react-make-styles", "
         var svgClasses = styles.svg;
         return { containerProps: containerProps, nativeProps: nativeProps, rootClasses: rootClasses, svgClasses: svgClasses };
     };
-    exports.renderIcon = function (SVGElement) { return function (props) {
+    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.ax(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: 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 = 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 = 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 = 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" }))); });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultIcons.js","sourceRoot":"../src/","sources":["utils/DefaultIcons.tsx"],"names":[],"mappings":";;;IAIA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;SACd;QACD,GAAG,EAAE;YACH,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,cAAc;YACpB,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAC;IAEH,EAAE;IACF,2EAA2E;IAC3E,gEAAgE;IAChE,EAAE;IAEF,IAAM,YAAY,GAAG,UAAC,KAA4C;;QAChE,IAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC;YACxC,CAAC,CAAC,EAAE;YACJ,CAAC;oBACG,IAAI,EAAE,cAAc;;gBACpB,GAAC,aAAa,IAAG,IAAI;mBACtB,CAAC;QACN,IAAM,WAAW,GAAG,gCAAc,CAAoC,KAAK,EAAE,uCAAqB,CAAC,CAAC;QACpG,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;QAChC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC;QAE9B,OAAO,EAAE,cAAc,gBAAA,EAAE,WAAW,aAAA,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,CAAC;IAClE,CAAC,CAAC;IAEW,QAAA,UAAU,GAAG,UACxB,UAA0D,IACN,OAAA,UAAA,KAAK;QACnD,IAAA,wBAA8E,EAA5E,kCAAc,EAAE,4BAAW,EAAE,4BAAW,EAAE,0BAAkC,CAAC;QAErF,OAAO,KAAK,CAAC,aAAa,CACxB,MAAM,yDAED,cAAc,GACd,WAAW,KACd,SAAS,EAAE,sBAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,KAE7C,oBAAC,UAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CACvC,CAAC;IACJ,CAAC,EAZqD,CAYrD,CAAC;IAEW,QAAA,gBAAgB,GAAG,kBAAU,CAAC,UAAA,KAAK,IAAI,OAAA,CAClD,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU;QACzF,8BAAM,CAAC,EAAC,2DAA2D,GAAG,CAClE,CACP,EAJmD,CAInD,CAAC,CAAC;IAEU,QAAA,UAAU,GAAG,kBAAU,CAAC,UAAA,KAAK,IAAI,OAAA,CAC5C,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU;QACzF,8BAAM,CAAC,EAAC,0DAA0D,GAAG,CACjE,CACP,EAJ6C,CAI7C,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { ax, makeStyles } from '@fluentui/react-make-styles';\nimport { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    speak: 'none',\n    width: '1em',\n    height: '1em',\n  },\n  svg: {\n    height: '100%',\n    fill: 'currentColor',\n    verticalAlign: 'top',\n  },\n});\n\n//\n// !!!   A temporary workaround to avoid dependencies on any icon packages.\n// !!!   A usage of converged icon package should be considered.\n//\n\nconst useIconProps = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n  const containerProps = props['aria-label']\n    ? {}\n    : {\n        role: 'presentation',\n        ['aria-hidden']: true,\n      };\n  const nativeProps = getNativeProps<React.HTMLAttributes<HTMLElement>>(props, htmlElementProperties);\n  const styles = useStyles();\n\n  const rootClasses = styles.root;\n  const svgClasses = styles.svg;\n\n  return { containerProps, nativeProps, rootClasses, svgClasses };\n};\n\nexport const renderIcon = (\n  SVGElement: (props: { svgClasses: string }) => JSX.Element,\n): React.FC<React.HTMLAttributes<HTMLSpanElement>> => props => {\n  const { containerProps, nativeProps, rootClasses, svgClasses } = useIconProps(props);\n\n  return React.createElement(\n    'span',\n    {\n      ...containerProps,\n      ...nativeProps,\n      className: ax(rootClasses, props.className),\n    },\n    <SVGElement svgClasses={svgClasses} />,\n  );\n};\n\nexport const ChevronRightIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z\" />\n  </svg>\n));\n\nexport const AcceptIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M640 1755L19 1133l90-90 531 530L1939 275l90 90L640 1755z\" />\n  </svg>\n));\n"]}
+{"version":3,"file":"DefaultIcons.js","sourceRoot":"../src/","sources":["utils/DefaultIcons.tsx"],"names":[],"mappings":";;;;IAIA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;SACd;QACD,GAAG,EAAE;YACH,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,cAAc;YACpB,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAC;IAEH,EAAE;IACF,2EAA2E;IAC3E,gEAAgE;IAChE,EAAE;IAEF,IAAM,YAAY,GAAG,UAAC,KAA4C;;QAChE,IAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC;YACxC,CAAC,CAAC,EAAE;YACJ,CAAC;oBACG,IAAI,EAAE,cAAc;;gBACpB,GAAC,aAAa,IAAG,IAAI;mBACtB,CAAC;QACN,IAAM,WAAW,GAAG,gCAAc,CAAoC,KAAK,EAAE,uCAAqB,CAAC,CAAC;QACpG,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;QAChC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC;QAE9B,OAAO,EAAE,cAAc,gBAAA,EAAE,WAAW,aAAA,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,CAAC;IAClE,CAAC,CAAC;IAEK,IAAM,UAAU,GAAG,UACxB,UAA0D,IACN,OAAA,UAAA,KAAK;QACnD,IAAA,KAA2D,YAAY,CAAC,KAAK,CAAC,EAA5E,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAwB,CAAC;QAErF,OAAO,KAAK,CAAC,aAAa,CACxB,MAAM,yDAED,cAAc,GACd,WAAW,KACd,SAAS,EAAE,gCAAY,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,KAEvD,oBAAC,UAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CACvC,CAAC;IACJ,CAAC,EAZqD,CAYrD,CAAC;IAdW,QAAA,UAAU,cAcrB;IAEW,QAAA,gBAAgB,GAAG,kBAAU,CAAC,UAAA,KAAK,IAAI,OAAA,CAClD,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU;QACzF,8BAAM,CAAC,EAAC,2DAA2D,GAAG,CAClE,CACP,EAJmD,CAInD,CAAC,CAAC;IAEU,QAAA,eAAe,GAAG,kBAAU,CAAC,UAAA,KAAK,IAAI,OAAA,CACjD,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,OAAO;QAC5G,8BAAM,CAAC,EAAC,yDAAyD,GAAG,CAChE,CACP,EAJkD,CAIlD,CAAC,CAAC;IAEU,QAAA,UAAU,GAAG,kBAAU,CAAC,UAAA,KAAK,IAAI,OAAA,CAC5C,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU;QACzF,8BAAM,CAAC,EAAC,0DAA0D,GAAG,CACjE,CACP,EAJ6C,CAI7C,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    speak: 'none',\n    width: '1em',\n    height: '1em',\n  },\n  svg: {\n    height: '100%',\n    fill: 'currentColor',\n    verticalAlign: 'top',\n  },\n});\n\n//\n// !!!   A temporary workaround to avoid dependencies on any icon packages.\n// !!!   A usage of converged icon package should be considered.\n//\n\nconst useIconProps = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n  const containerProps = props['aria-label']\n    ? {}\n    : {\n        role: 'presentation',\n        ['aria-hidden']: true,\n      };\n  const nativeProps = getNativeProps<React.HTMLAttributes<HTMLElement>>(props, htmlElementProperties);\n  const styles = useStyles();\n\n  const rootClasses = styles.root;\n  const svgClasses = styles.svg;\n\n  return { containerProps, nativeProps, rootClasses, svgClasses };\n};\n\nexport const renderIcon = (\n  SVGElement: (props: { svgClasses: string }) => JSX.Element,\n): React.FC<React.HTMLAttributes<HTMLSpanElement>> => props => {\n  const { containerProps, nativeProps, rootClasses, svgClasses } = useIconProps(props);\n\n  return React.createElement(\n    'span',\n    {\n      ...containerProps,\n      ...nativeProps,\n      className: mergeClasses(rootClasses, props.className),\n    },\n    <SVGElement svgClasses={svgClasses} />,\n  );\n};\n\nexport const ChevronRightIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z\" />\n  </svg>\n));\n\nexport const ChevronLeftIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses} focusable=\"false\">\n    <path d=\"M1443 2045L421 1024 1443 3l90 90-930 931 930 931-90 90z\" />\n  </svg>\n));\n\nexport const AcceptIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M640 1755L19 1133l90-90 531 530L1939 275l90 90L640 1755z\" />\n  </svg>\n));\n"]}

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

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

package/lib-amd/utils/index.js

@@ -1,6 +1,6 @@
-define(["require", "exports", "tslib", "./isOutsideMenu"], function (require, exports, tslib_1, isOutsideMenu_1) {
+define(["require", "exports", "tslib", "./useOnMenuEnter"], function (require, exports, tslib_1, useOnMenuEnter_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(isOutsideMenu_1, exports);
+    tslib_1.__exportStar(useOnMenuEnter_1, exports);
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":";;;IAAA,+CAAgC","sourcesContent":["export * from './isOutsideMenu';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC","sourcesContent":["export * from './useOnMenuEnter';\n"]}

package/lib-amd/utils/useIsSubmenu.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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-amd/utils/useIsSubmenu.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "@fluentui/react-context-selector", "../contexts/menuContext", "../contexts/menuListContext"], function (require, exports, react_context_selector_1, menuContext_1, menuListContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useIsSubmenu = void 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
+     */
+    function useIsSubmenu() {
+        var menuContextValue = menuContext_1.useMenuContext(function (context) { return context.isSubmenu; });
+        var hasMenuListContext = react_context_selector_1.useHasParentContext(menuListContext_1.MenuListContext);
+        return menuContextValue || hasMenuListContext;
+    }
+    exports.useIsSubmenu = useIsSubmenu;
+});
+//# sourceMappingURL=useIsSubmenu.js.map

package/lib-amd/utils/useIsSubmenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsSubmenu.js","sourceRoot":"../src/","sources":["utils/useIsSubmenu.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;OAOG;IACH,SAAgB,YAAY;QAC1B,IAAM,gBAAgB,GAAG,4BAAc,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,SAAS,EAAjB,CAAiB,CAAC,CAAC;QACtE,IAAM,kBAAkB,GAAG,4CAAmB,CAAC,iCAAe,CAAC,CAAC;QAEhE,OAAO,gBAAgB,IAAI,kBAAkB,CAAC;IAChD,CAAC;IALD,oCAKC","sourcesContent":["import { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useMenuContext } from '../contexts/menuContext';\nimport { MenuListContext } from '../contexts/menuListContext';\n\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu() {\n  const menuContextValue = useMenuContext(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n\n  return menuContextValue || hasMenuListContext;\n}\n"]}

package/lib-amd/utils/useOnMenuEnter.d.ts

@@ -0,0 +1,23 @@
+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-amd/utils/useOnMenuEnter.js

@@ -0,0 +1,59 @@
+define(["require", "exports", "react", "@fluentui/react-utilities", "@fluentui/react-portal"], function (require, exports, React, react_utilities_1, react_portal_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.dispatchMenuEnterEvent = exports.useOnMenuMouseEnter = exports.MENU_ENTER_EVENT = void 0;
+    /**
+     * Name of the custom event
+     */
+    exports.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
+     */
+    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
+        var listener = react_utilities_1.useEventCallback(function (ev) {
+            var _a;
+            var popoverRef = refs[0];
+            var 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);
+            if (isOutsidePopover && !disabled) {
+                callback(ev);
+            }
+        });
+        React.useEffect(function () {
+            // eslint-disable-next-line eqeqeq
+            if (element == null) {
+                return;
+            }
+            if (!disabled) {
+                element.addEventListener(exports.MENU_ENTER_EVENT, listener);
+            }
+            return function () {
+                element.removeEventListener(exports.MENU_ENTER_EVENT, listener);
+            };
+        }, [listener, element, disabled]);
+    };
+    exports.useOnMenuMouseEnter = useOnMenuMouseEnter;
+    /**
+     * 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
+     */
+    var dispatchMenuEnterEvent = function (el, nativeEvent) {
+        el.dispatchEvent(new CustomEvent(exports.MENU_ENTER_EVENT, { bubbles: true, detail: { nativeEvent: nativeEvent } }));
+    };
+    exports.dispatchMenuEnterEvent = dispatchMenuEnterEvent;
+});
+//# sourceMappingURL=useOnMenuEnter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnMenuEnter.js","sourceRoot":"../src/","sources":["utils/useOnMenuEnter.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACU,QAAA,gBAAgB,GAAG,cAAc,CAAC;IAE/C;;;;;;;;;;OAUG;IACI,IAAM,mBAAmB,GAAG,UAAC,OAAyC;QACnE,IAAA,IAAI,GAAkC,OAAO,KAAzC,EAAE,QAAQ,GAAwB,OAAO,SAA/B,EAAE,OAAO,GAAe,OAAO,QAAtB,EAAE,QAAQ,GAAK,OAAO,SAAZ,CAAa;QAEtD,gFAAgF;QAChF,IAAM,QAAQ,GAAG,kCAAgB,CAAC,UAAC,EAAc;;YAC/C,IAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAM,eAAe,GAAG,EAAE,CAAC,MAAqB,CAAC;YAEjD,sEAAsE;YACtE,0EAA0E;YAC1E,4DAA4D;YAC5D,IAAM,gBAAgB,GAAG,CAAC,8BAAe,OAAC,UAAU,CAAC,OAAO,mCAAI,IAAI,EAAE,eAAe,CAAC,CAAC;YACvF,IAAI,gBAAgB,IAAI,CAAC,QAAQ,EAAE;gBACjC,QAAQ,CAAC,EAAE,CAAC,CAAC;aACd;QACH,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,SAAS,CAAC;YACd,kCAAkC;YAClC,IAAI,OAAO,IAAI,IAAI,EAAE;gBACnB,OAAO;aACR;YAUD,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAO,CAAC,gBAAgB,CAAC,wBAAgB,EAAE,QAA4B,CAAC,CAAC;aAC1E;YAED,OAAO;gBACL,OAAO,CAAC,mBAAmB,CAAC,wBAAgB,EAAE,QAA4B,CAAC,CAAC;YAC9E,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;IAvCW,QAAA,mBAAmB,uBAuC9B;IAEF;;;;OAIG;IACI,IAAM,sBAAsB,GAAG,UAAC,EAAe,EAAE,WAAuB;QAC7E,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,wBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,WAAW,aAAA,EAAE,EAAE,CAAC,CAAC,CAAC;IAClG,CAAC,CAAC;IAFW,QAAA,sBAAsB,0BAEjC","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"]}

package/lib-commonjs/Menu.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/Menu/index"), exports);
 //# sourceMappingURL=Menu.js.map

package/lib-commonjs/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"../src/","sources":["Menu.ts"],"names":[],"mappings":";;;AAAA,kEAAwC","sourcesContent":["export * from './components/Menu/index';\n"]}
+{"version":3,"sources":["Menu.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Menu/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuDivider.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuDivider/index"), exports);
 //# sourceMappingURL=MenuDivider.js.map

package/lib-commonjs/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sourceRoot":"../src/","sources":["MenuDivider.ts"],"names":[],"mappings":";;;AAAA,yEAA+C","sourcesContent":["export * from './components/MenuDivider/index';\n"]}
+{"version":3,"sources":["MenuDivider.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuDivider/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuGroup.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuGroup/index"), exports);
 //# sourceMappingURL=MenuGroup.js.map

package/lib-commonjs/MenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuGroup.js","sourceRoot":"../src/","sources":["MenuGroup.ts"],"names":[],"mappings":";;;AAAA,uEAA6C","sourcesContent":["export * from './components/MenuGroup/index';\n"]}
+{"version":3,"sources":["MenuGroup.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuGroup/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuGroupHeader.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuGroupHeader/index"), exports);
 //# sourceMappingURL=MenuGroupHeader.js.map

package/lib-commonjs/MenuGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuGroupHeader.js","sourceRoot":"../src/","sources":["MenuGroupHeader.ts"],"names":[],"mappings":";;;AAAA,6EAAmD","sourcesContent":["export * from './components/MenuGroupHeader/index';\n"]}
+{"version":3,"sources":["MenuGroupHeader.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuGroupHeader/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuItem.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuItem/index"), exports);
 //# sourceMappingURL=MenuItem.js.map

package/lib-commonjs/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sourceRoot":"../src/","sources":["MenuItem.ts"],"names":[],"mappings":";;;AAAA,sEAA4C","sourcesContent":["export * from './components/MenuItem/index';\n"]}
+{"version":3,"sources":["MenuItem.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuItem/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuItemCheckbox.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuItemCheckbox/index"), exports);
 //# sourceMappingURL=MenuItemCheckbox.js.map

package/lib-commonjs/MenuItemCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemCheckbox.js","sourceRoot":"../src/","sources":["MenuItemCheckbox.ts"],"names":[],"mappings":";;;AAAA,8EAAoD","sourcesContent":["export * from './components/MenuItemCheckbox/index';\n"]}
+{"version":3,"sources":["MenuItemCheckbox.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuItemCheckbox/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuItemRadio.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuItemRadio/index"), exports);
 //# sourceMappingURL=MenuItemRadio.js.map

package/lib-commonjs/MenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemRadio.js","sourceRoot":"../src/","sources":["MenuItemRadio.ts"],"names":[],"mappings":";;;AAAA,2EAAiD","sourcesContent":["export * from './components/MenuItemRadio/index';\n"]}
+{"version":3,"sources":["MenuItemRadio.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuItemRadio/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuList.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuList/index"), exports);
 //# sourceMappingURL=MenuList.js.map

package/lib-commonjs/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sourceRoot":"../src/","sources":["MenuList.ts"],"names":[],"mappings":";;;AAAA,sEAA4C","sourcesContent":["export * from './components/MenuList/index';\n"]}
+{"version":3,"sources":["MenuList.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuList/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuPopover.d.ts

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

package/lib-commonjs/MenuPopover.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/MenuPopover/index"), exports);
+//# sourceMappingURL=MenuPopover.js.map

package/lib-commonjs/MenuPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuPopover.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuPopover/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/MenuTrigger.js

@@ -1,5 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./components/MenuTrigger/index"), exports);
 //# sourceMappingURL=MenuTrigger.js.map

package/lib-commonjs/MenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTrigger.js","sourceRoot":"../src/","sources":["MenuTrigger.ts"],"names":[],"mappings":";;;AAAA,yEAA+C","sourcesContent":["export * from './components/MenuTrigger/index';\n"]}
+{"version":3,"sources":["MenuTrigger.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/MenuTrigger/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/common/isConformant.d.ts

@@ -1,2 +1,4 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>): void;
+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,12 +1,23 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_conformance_1 = require("@fluentui/react-conformance");
+
+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', ''),
-    };
-    react_conformance_1.isConformant(defaultOptions, 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