@fluentui/react-menu 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.1

package/lib-commonjs/components/MenuPopover/MenuPopover.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuPopover = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuPopover_1 = /*#__PURE__*/require("./useMenuPopover");
+const useMenuPopover_1 = /*#__PURE__*/require("./useMenuPopover");
 
-var useMenuPopoverStyles_1 = /*#__PURE__*/require("./useMenuPopoverStyles");
+const useMenuPopoverStyles_1 = /*#__PURE__*/require("./useMenuPopoverStyles");
 
-var renderMenuPopover_1 = /*#__PURE__*/require("./renderMenuPopover");
+const renderMenuPopover_1 = /*#__PURE__*/require("./renderMenuPopover");
 /**
  * Popover intended to wrap `MenuList` and adds styling and interaction support specific to menus
  */
 
 
-exports.MenuPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuPopover_1.useMenuPopover(props, ref);
+exports.MenuPopover = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuPopover_1.useMenuPopover(props, ref);
   useMenuPopoverStyles_1.useMenuPopoverStyles(state);
   return renderMenuPopover_1.renderMenuPopover(state);
 });

package/lib-commonjs/components/MenuPopover/MenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5F,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAChG,QAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}

package/lib-commonjs/components/MenuPopover/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./MenuPopover"), exports);
 

package/lib-commonjs/components/MenuPopover/renderMenuPopover.js

@@ -5,28 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderMenuPopover = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
+const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
 /**
  * Render the final JSX of MenuPopover
  */
 
 
-var renderMenuPopover = function (state) {
-  var _a = react_utilities_1.getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
+const renderMenuPopover = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
 
   if (state.inline) {
-    return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
+    return React.createElement(slots.root, Object.assign({}, slotProps.root));
   }
 
-  return React.createElement(react_portal_1.Portal, null, React.createElement(slots.root, tslib_1.__assign({}, slotProps.root)));
+  return React.createElement(react_portal_1.Portal, null, React.createElement(slots.root, Object.assign({}, slotProps.root)));
 };
 
 exports.renderMenuPopover = renderMenuPopover;

package/lib-commonjs/components/MenuPopover/renderMenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuPopover/renderMenuPopover.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,WAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD;;AAED,SACE,KAAA,CAAA,aAAA,CAAC,cAAA,CAAA,MAAD,EAAO,IAAP,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADF,CADF;AAKD,CAZM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuPopover/renderMenuPopover.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAEA;;AAEG;;;AACI,MAAM,iBAAiB,GAAI,KAAD,IAA4B;AAC3D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,WAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD;;AAED,SACE,KAAA,CAAA,aAAA,CAAC,cAAA,CAAA,MAAD,EAAO,IAAP,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADF,CADF;AAKD,CAZM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}

package/lib-commonjs/components/MenuPopover/useMenuPopover.js

@@ -5,21 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMenuPopover = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
 
-var keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
 
-var menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
+const index_1 = /*#__PURE__*/require("../../utils/index");
 
-var index_1 = /*#__PURE__*/require("../../utils/index");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 
-var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-
-var useIsSubmenu_1 = /*#__PURE__*/require("../../utils/useIsSubmenu");
+const useIsSubmenu_1 = /*#__PURE__*/require("../../utils/useIsSubmenu");
 /**
  * Create the state required to render MenuPopover.
  *
@@ -31,59 +29,51 @@ var useIsSubmenu_1 = /*#__PURE__*/require("../../utils/useIsSubmenu");
  */
 
 
-var useMenuPopover = function (props, ref) {
+const useMenuPopover = (props, ref) => {
   var _a;
 
-  var popoverRef = menuContext_1.useMenuContext(function (context) {
-    return context.menuPopoverRef;
-  });
-  var setOpen = menuContext_1.useMenuContext(function (context) {
-    return context.setOpen;
-  });
-  var openOnHover = menuContext_1.useMenuContext(function (context) {
-    return context.openOnHover;
-  });
-  var isSubmenu = useIsSubmenu_1.useIsSubmenu();
-  var canDispatchCustomEventRef = React.useRef(true);
-  var throttleDispatchTimerRef = React.useRef(0);
-  var dir = react_shared_contexts_1.useFluent().dir;
-  var CloseArrowKey = dir === 'ltr' ? keyboard_keys_1.ArrowLeft : keyboard_keys_1.ArrowRight; // use DOM listener since react events propagate up the react tree
+  const popoverRef = menuContext_1.useMenuContext(context => context.menuPopoverRef);
+  const setOpen = menuContext_1.useMenuContext(context => context.setOpen);
+  const openOnHover = menuContext_1.useMenuContext(context => context.openOnHover);
+  const isSubmenu = useIsSubmenu_1.useIsSubmenu();
+  const canDispatchCustomEventRef = React.useRef(true);
+  const throttleDispatchTimerRef = React.useRef(0);
+  const {
+    dir
+  } = react_shared_contexts_1.useFluent();
+  const CloseArrowKey = dir === 'ltr' ? keyboard_keys_1.ArrowLeft : keyboard_keys_1.ArrowRight; // use DOM listener since react events propagate up the react tree
   // no need to do `contains` logic as menus are all positioned in different portals
 
-  var mouseOverListenerCallbackRef = React.useCallback(function (node) {
+  const mouseOverListenerCallbackRef = React.useCallback(node => {
     if (node) {
       // Dispatches the custom menu mouse enter event with throttling
       // Needs to trigger on mouseover to support keyboard + mouse together
       // i.e. keyboard opens submenus while cursor is still on the parent
-      node.addEventListener('mouseover', function (e) {
+      node.addEventListener('mouseover', e => {
         if (canDispatchCustomEventRef.current) {
           canDispatchCustomEventRef.current = false;
           index_1.dispatchMenuEnterEvent(popoverRef.current, e); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore #16889 Node setTimeout type leaking
 
-          throttleDispatchTimerRef.current = setTimeout(function () {
-            return canDispatchCustomEventRef.current = true;
-          }, 250);
+          throttleDispatchTimerRef.current = setTimeout(() => canDispatchCustomEventRef.current = true, 250);
         }
       });
     }
   }, [popoverRef, throttleDispatchTimerRef]);
-  React.useEffect(function () {
-    (function () {
-      return clearTimeout(throttleDispatchTimerRef.current);
-    });
+  React.useEffect(() => {
+    () => clearTimeout(throttleDispatchTimerRef.current);
   }, []);
-  var inline = (_a = menuContext_1.useMenuContext(function (context) {
-    return context.inline;
-  })) !== null && _a !== void 0 ? _a : false;
-  var rootProps = react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({
-    role: 'presentation'
-  }, props), {
+  const inline = (_a = menuContext_1.useMenuContext(context => context.inline)) !== null && _a !== void 0 ? _a : false;
+  const rootProps = react_utilities_1.getNativeElementProps('div', {
+    role: 'presentation',
+    ...props,
     ref: react_utilities_1.useMergedRefs(ref, popoverRef, mouseOverListenerCallbackRef)
-  }));
-  var onMouseEnterOriginal = rootProps.onMouseEnter,
-      onKeyDownOriginal = rootProps.onKeyDown;
-  rootProps.onMouseEnter = react_utilities_1.useEventCallback(function (e) {
+  });
+  const {
+    onMouseEnter: onMouseEnterOriginal,
+    onKeyDown: onKeyDownOriginal
+  } = rootProps;
+  rootProps.onMouseEnter = react_utilities_1.useEventCallback(e => {
     if (openOnHover) {
       setOpen(e, {
         open: true,
@@ -93,10 +83,10 @@ var useMenuPopover = function (props, ref) {
 
     onMouseEnterOriginal === null || onMouseEnterOriginal === void 0 ? void 0 : onMouseEnterOriginal(e);
   });
-  rootProps.onKeyDown = react_utilities_1.useEventCallback(function (e) {
+  rootProps.onKeyDown = react_utilities_1.useEventCallback(e => {
     var _a;
 
-    var key = e.key;
+    const key = e.key;
 
     if (key === keyboard_keys_1.Escape || isSubmenu && key === CloseArrowKey) {
       if ((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
@@ -118,7 +108,7 @@ var useMenuPopover = function (props, ref) {
     onKeyDownOriginal === null || onKeyDownOriginal === void 0 ? void 0 : onKeyDownOriginal(e);
   });
   return {
-    inline: inline,
+    inline,
     root: rootProps
   };
 };

package/lib-commonjs/components/MenuPopover/useMenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.d.ts

@@ -1,4 +1,5 @@
 import type { MenuPopoverState } from './MenuPopover.types';
+export declare const menuPopoverClassName = "fui-MenuPopover";
 /**
  * Apply styling to the Menu slots based on the state
  */

package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.js

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuPopoverStyles = void 0;
+exports.useMenuPopoverStyles = exports.menuPopoverClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+exports.menuPopoverClassName = 'fui-MenuPopover';
+
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {
     "Dimara": "ft85np5",
     "De3pzq": "fxugw4r",
     "Bf4jedk": "fkqu4gx",
     "B2u0y6b": "f1kaai3v",
     "a9b677": "f1ahpp82",
-    "E5pizo": ["f1hg901r", "f136t921"],
+    "E5pizo": "f1hg901r",
     "z8tnut": "f10ra9hq",
     "z189sj": ["f8wuabp", "fycuoez"],
     "Byoj8tv": "f1y2xyjm",
@@ -33,16 +35,16 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
     "zhjwy3": ["fjscplz", "f1gn591s"]
   }
 }, {
-  "d": [".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fkqu4gx{min-width:128px;}", ".f1kaai3v{max-width:300px;}", ".f1ahpp82{width:-webkit-max-content;width:-moz-max-content;width:max-content;}", ".f1hg901r{box-shadow:var(--shadow16);}", ".f136t921{box-shadow:var(--shadow-16);}", ".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}"]
+  "d": [".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fkqu4gx{min-width:128px;}", ".f1kaai3v{max-width:300px;}", ".f1ahpp82{width:-webkit-max-content;width:-moz-max-content;width:max-content;}", ".f1hg901r{box-shadow:var(--shadow16);}", ".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}"]
 });
 /**
  * Apply styling to the Menu slots based on the state
  */
 
 
-var useMenuPopoverStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
+const useMenuPopoverStyles = state => {
+  const styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(exports.menuPopoverClassName, styles.root, state.root.className);
   return state;
 };
 

package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuPopover/useMenuPopoverStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAaA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuPopover/useMenuPopoverStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAaA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAA8C;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,oBAAb,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;AACA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}

package/lib-commonjs/components/MenuTrigger/MenuTrigger.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuTrigger = void 0;
 
-var useMenuTrigger_1 = /*#__PURE__*/require("./useMenuTrigger");
+const useMenuTrigger_1 = /*#__PURE__*/require("./useMenuTrigger");
 
-var renderMenuTrigger_1 = /*#__PURE__*/require("./renderMenuTrigger");
+const renderMenuTrigger_1 = /*#__PURE__*/require("./renderMenuTrigger");
 /**
  * Wraps a trigger element as an only child
  * and adds the necessary event handling to open a popup menu
  */
 
 
-var MenuTrigger = function (props) {
-  var state = useMenuTrigger_1.useMenuTrigger(props);
+const MenuTrigger = props => {
+  const state = useMenuTrigger_1.useMenuTrigger(props);
   return renderMenuTrigger_1.renderMenuTrigger(state);
 };
 

package/lib-commonjs/components/MenuTrigger/MenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;;AAGG;;;AACI,IAAM,WAAW,GAA+B,UAAA,KAAA,EAAK;AAC1D,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,CAAd;AAEA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX;AAMb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,WAAW,GAA+B,KAAK,IAAG;AAC7D,QAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,CAAd;AAEA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX;AAMb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}

package/lib-commonjs/components/MenuTrigger/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./MenuTrigger"), exports);
 

package/lib-commonjs/components/MenuTrigger/renderMenuTrigger.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderMenuTrigger = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var menuTriggerContext_1 = /*#__PURE__*/require("../../contexts/menuTriggerContext");
+const menuTriggerContext_1 = /*#__PURE__*/require("../../contexts/menuTriggerContext");
 /**
  * Render the final JSX of MenuTrigger
  *
@@ -15,7 +15,7 @@ var menuTriggerContext_1 = /*#__PURE__*/require("../../contexts/menuTriggerConte
  */
 
 
-var renderMenuTrigger = function (state) {
+const renderMenuTrigger = state => {
   return React.createElement(menuTriggerContext_1.MenuTriggerContextProvider, {
     value: true
   }, state.children);

package/lib-commonjs/components/MenuTrigger/renderMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuTrigger/renderMenuTrigger.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,oBAAA,gBAAA,OAAA,CAAA,mCAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACvD,SAAO,KAAA,CAAA,aAAA,CAAC,oBAAA,CAAA,0BAAD,EAA2B;AAAC,IAAA,KAAK,EAAE;AAAR,GAA3B,EAA0C,KAAK,CAAC,QAAhD,CAAP;AACD,CAFM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuTrigger/renderMenuTrigger.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,oBAAA,gBAAA,OAAA,CAAA,mCAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,iBAAiB,GAAI,KAAD,IAA4B;AAC3D,SAAO,KAAA,CAAA,aAAA,CAAC,oBAAA,CAAA,0BAAD,EAA2B;AAAC,IAAA,KAAK,EAAE;AAAR,GAA3B,EAA0C,KAAK,CAAC,QAAhD,CAAP;AACD,CAFM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}

package/lib-commonjs/components/MenuTrigger/useMenuTrigger.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMenuTrigger = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var useTriggerElement_1 = /*#__PURE__*/require("./useTriggerElement");
+const useTriggerElement_1 = /*#__PURE__*/require("./useTriggerElement");
 /**
  * Create the state required to render MenuTrigger.
  * Clones the only child component and adds necessary event handling behaviours to open a popup menu
@@ -16,9 +14,9 @@ var useTriggerElement_1 = /*#__PURE__*/require("./useTriggerElement");
  */
 
 
-var useMenuTrigger = function (props) {
-  var state = tslib_1.__assign({}, props); // TODO just move the contents of this hook here
-
+const useMenuTrigger = props => {
+  const state = { ...props
+  }; // TODO just move the contents of this hook here
 
   return useTriggerElement_1.useTriggerElement(state);
 };

package/lib-commonjs/components/MenuTrigger/useMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;;;;AAKG;;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAAwB;AACpD,MAAM,KAAK,GAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAQ,KAAR,CAAX,CADoD,CAGpD;;;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuTrigger/useMenuTrigger.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;;;;AAKG;;;AACI,MAAM,cAAc,GAAI,KAAD,IAA8C;AAC1E,QAAM,KAAK,GAAG,EAAE,GAAG;AAAL,GAAd,CAD0E,CAG1E;;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}

package/lib-commonjs/components/MenuTrigger/useTriggerElement.js

@@ -5,66 +5,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTriggerElement = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
 
-var keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 
-var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
 
-var menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 
-var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+const useIsSubmenu_1 = /*#__PURE__*/require("../../utils/useIsSubmenu");
 
-var useIsSubmenu_1 = /*#__PURE__*/require("../../utils/useIsSubmenu");
-
-var noop = function () {
-  return null;
-};
+const noop = () => null;
 /**
  * Adds the necessary props to the trigger element
  */
 
 
-var useTriggerElement = function (state) {
+const useTriggerElement = state => {
   var _a, _b;
 
-  var triggerRef = menuContext_1.useMenuContext(function (context) {
-    return context.triggerRef;
-  });
-  var menuPopoverRef = menuContext_1.useMenuContext(function (context) {
-    return context.menuPopoverRef;
-  });
-  var setOpen = menuContext_1.useMenuContext(function (context) {
-    return context.setOpen;
-  });
-  var open = menuContext_1.useMenuContext(function (context) {
-    return context.open;
-  });
-  var triggerId = menuContext_1.useMenuContext(function (context) {
-    return context.triggerId;
-  });
-  var openOnHover = menuContext_1.useMenuContext(function (context) {
-    return context.openOnHover;
-  });
-  var openOnContext = menuContext_1.useMenuContext(function (context) {
-    return context.openOnContext;
-  });
-  var isSubmenu = useIsSubmenu_1.useIsSubmenu();
-  var findFirstFocusable = react_tabster_1.useFocusFinders().findFirstFocusable;
-  var focusFirst = React.useCallback(function () {
-    var firstFocusable = findFirstFocusable(menuPopoverRef.current);
+  const triggerRef = menuContext_1.useMenuContext(context => context.triggerRef);
+  const menuPopoverRef = menuContext_1.useMenuContext(context => context.menuPopoverRef);
+  const setOpen = menuContext_1.useMenuContext(context => context.setOpen);
+  const open = menuContext_1.useMenuContext(context => context.open);
+  const triggerId = menuContext_1.useMenuContext(context => context.triggerId);
+  const openOnHover = menuContext_1.useMenuContext(context => context.openOnHover);
+  const openOnContext = menuContext_1.useMenuContext(context => context.openOnContext);
+  const isSubmenu = useIsSubmenu_1.useIsSubmenu();
+  const {
+    findFirstFocusable
+  } = react_tabster_1.useFocusFinders();
+  const focusFirst = React.useCallback(() => {
+    const firstFocusable = findFirstFocusable(menuPopoverRef.current);
     firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
   }, [findFirstFocusable, menuPopoverRef]);
-  var openedWithKeyboardRef = React.useRef(false);
-  var hasMouseMoved = React.useRef(false);
-  var dir = react_shared_contexts_1.useFluent().dir;
-  var OpenArrowKey = dir === 'ltr' ? keyboard_keys_1.ArrowRight : keyboard_keys_1.ArrowLeft;
-  var child = React.isValidElement(state.children) ? react_utilities_1.onlyChild(state.children) : undefined;
-  var onContextMenu = react_utilities_1.useEventCallback(function (e) {
+  const openedWithKeyboardRef = React.useRef(false);
+  const hasMouseMoved = React.useRef(false);
+  const {
+    dir
+  } = react_shared_contexts_1.useFluent();
+  const OpenArrowKey = dir === 'ltr' ? keyboard_keys_1.ArrowRight : keyboard_keys_1.ArrowLeft;
+  const child = React.isValidElement(state.children) ? react_utilities_1.onlyChild(state.children) : undefined;
+  const onContextMenu = react_utilities_1.useEventCallback(e => {
     var _a, _b;
 
     if (openOnContext) {
@@ -77,7 +63,7 @@ var useTriggerElement = function (state) {
 
     (_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   });
-  var onClick = react_utilities_1.useEventCallback(function (e) {
+  const onClick = react_utilities_1.useEventCallback(e => {
     var _a, _b;
 
     if (!openOnContext) {
@@ -90,7 +76,7 @@ var useTriggerElement = function (state) {
 
     (_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   });
-  var onKeyDown = react_utilities_1.useEventCallback(function (e) {
+  const onKeyDown = react_utilities_1.useEventCallback(e => {
     var _a, _b, _c;
 
     if (react_utilities_1.shouldPreventDefaultOnKeyDown(e)) {
@@ -99,7 +85,7 @@ var useTriggerElement = function (state) {
       (_a = e.target) === null || _a === void 0 ? void 0 : _a.click();
     }
 
-    var key = e.key;
+    const key = e.key;
 
     if (!openOnContext && (isSubmenu && key === OpenArrowKey || !isSubmenu && key === keyboard_keys_1.ArrowDown)) {
       setOpen(e, {
@@ -126,7 +112,7 @@ var useTriggerElement = function (state) {
 
     (_c = (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
   });
-  var onMouseEnter = react_utilities_1.useEventCallback(function (e) {
+  const onMouseEnter = react_utilities_1.useEventCallback(e => {
     var _a, _b;
 
     if (openOnHover && hasMouseMoved.current) {
@@ -141,7 +127,7 @@ var useTriggerElement = function (state) {
   // First time open the mouse using mousemove and then continue with mouseenter
   // Only use once to determine that the user is using the mouse since it is an expensive event to handle
 
-  var onMouseMove = react_utilities_1.useEventCallback(function (e) {
+  const onMouseMove = react_utilities_1.useEventCallback(e => {
     if (openOnHover && !hasMouseMoved.current) {
       setOpen(e, {
         open: true,
@@ -150,7 +136,7 @@ var useTriggerElement = function (state) {
       hasMouseMoved.current = true;
     }
   });
-  var onMouseLeave = react_utilities_1.useEventCallback(function (e) {
+  const onMouseLeave = react_utilities_1.useEventCallback(e => {
     var _a, _b;
 
     if (openOnHover) {
@@ -162,32 +148,31 @@ var useTriggerElement = function (state) {
 
     (_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, e);
   });
-  var disabled = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.disabled;
-
-  var triggerProps = tslib_1.__assign({
+  const disabled = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.disabled;
+  const triggerProps = {
     'aria-haspopup': true,
     'aria-expanded': open,
-    id: ((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.id) || triggerId
-  }, !disabled ? {
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onContextMenu: onContextMenu,
-    onKeyDown: onKeyDown,
-    onMouseMove: onMouseMove
-  } : // Spread disabled event handlers to implement contract and avoid specific disabled logic in handlers
-  {
-    onClick: noop,
-    onMouseEnter: noop,
-    onMouseLeave: noop,
-    onContextMenu: noop,
-    onKeyDown: noop,
-    onMouseMove: noop
-  });
-
-  state.children = react_utilities_1.applyTriggerPropsToChildren(state.children, tslib_1.__assign(tslib_1.__assign({}, triggerProps), {
+    id: ((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.id) || triggerId,
+    ...(!disabled ? {
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      onContextMenu,
+      onKeyDown,
+      onMouseMove
+    } : // Spread disabled event handlers to implement contract and avoid specific disabled logic in handlers
+    {
+      onClick: noop,
+      onMouseEnter: noop,
+      onMouseLeave: noop,
+      onContextMenu: noop,
+      onKeyDown: noop,
+      onMouseMove: noop
+    })
+  };
+  state.children = react_utilities_1.applyTriggerPropsToChildren(state.children, { ...triggerProps,
     ref: react_utilities_1.useMergedRefs(typeof state.children !== 'function' && state.children.ref || null, triggerRef)
-  }));
+  });
   return state;
 };