@fluentui/react-menu 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230324-0422.1

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js

@@ -1,41 +1,70 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuSplitGroupClassNames: ()=>menuSplitGroupClassNames,
+    useMenuSplitGroupStyles_unstable: ()=>useMenuSplitGroupStyles_unstable
 });
-exports.useMenuSplitGroupStyles_unstable = exports.menuSplitGroupClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const useMenuItemStyles_1 = /*#__PURE__*/require("../MenuItem/useMenuItemStyles");
-exports.menuSplitGroupClassNames = {
-  root: 'fui-MenuSplitGroup'
+const _react = require("@griffel/react");
+const menuSplitGroupClassNames = {
+    root: 'fui-MenuSplitGroup'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    u7v6m2: "f168awwq",
-    Bo1wru1: ["f1om2jlk", "fcyhg04"],
-    Bhkyaub: ["fgqgg70", "fqo1hry"],
-    J9ixe0: ["fh1zedf", "f1auaj6e"],
-    rj29m3: ["fokbbcd", "f1xlvh9o"],
-    B2knx3v: "f1mf2v5d",
-    Bl7aesu: "fi8lk9b",
-    e82tai: "f1tc32yi",
-    Bnkcs84: "f1kve8m0"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        u7v6m2: "f168awwq",
+        Bo1wru1: [
+            "f1om2jlk",
+            "fcyhg04"
+        ],
+        Bhkyaub: [
+            "fgqgg70",
+            "fqo1hry"
+        ],
+        J9ixe0: [
+            "fh1zedf",
+            "f1auaj6e"
+        ],
+        rj29m3: [
+            "fokbbcd",
+            "f1xlvh9o"
+        ],
+        B2knx3v: "f1mf2v5d",
+        Bl7aesu: "fi8lk9b",
+        e82tai: "f1tc32yi",
+        Bnkcs84: "f1kve8m0"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f168awwq>.fui-MenuItem:nth-child(1){width:100%;}", ".f1om2jlk>.fui-MenuItem:nth-child(2){border-top-left-radius:0;}", ".fcyhg04>.fui-MenuItem:nth-child(2){border-top-right-radius:0;}", ".fgqgg70>.fui-MenuItem:nth-child(2){border-bottom-left-radius:0;}", ".fqo1hry>.fui-MenuItem:nth-child(2){border-bottom-right-radius:0;}", ".fh1zedf>.fui-MenuItem:nth-child(2){padding-left:0;}", ".f1auaj6e>.fui-MenuItem:nth-child(2){padding-right:0;}", ".fokbbcd>.fui-MenuItem:nth-child(2){margin-left:auto;}", ".f1xlvh9o>.fui-MenuItem:nth-child(2){margin-right:auto;}", ".f1mf2v5d>.fui-MenuItem:nth-child(2)::before{content:\"\";}", ".fi8lk9b>.fui-MenuItem:nth-child(2)::before{width:var(--strokeWidthThin);}", ".f1tc32yi>.fui-MenuItem:nth-child(2)::before{height:24px;}", ".f1kve8m0>.fui-MenuItem:nth-child(2)::before{background-color:var(--colorNeutralStroke1);}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f168awwq>.fui-MenuItem:nth-child(1){width:100%;}",
+        ".f1om2jlk>.fui-MenuItem:nth-child(2){border-top-left-radius:0;}",
+        ".fcyhg04>.fui-MenuItem:nth-child(2){border-top-right-radius:0;}",
+        ".fgqgg70>.fui-MenuItem:nth-child(2){border-bottom-left-radius:0;}",
+        ".fqo1hry>.fui-MenuItem:nth-child(2){border-bottom-right-radius:0;}",
+        ".fh1zedf>.fui-MenuItem:nth-child(2){padding-left:0;}",
+        ".f1auaj6e>.fui-MenuItem:nth-child(2){padding-right:0;}",
+        ".fokbbcd>.fui-MenuItem:nth-child(2){margin-left:auto;}",
+        ".f1xlvh9o>.fui-MenuItem:nth-child(2){margin-right:auto;}",
+        ".f1mf2v5d>.fui-MenuItem:nth-child(2)::before{content:\"\";}",
+        ".fi8lk9b>.fui-MenuItem:nth-child(2)::before{width:var(--strokeWidthThin);}",
+        ".f1tc32yi>.fui-MenuItem:nth-child(2)::before{height:24px;}",
+        ".f1kve8m0>.fui-MenuItem:nth-child(2)::before{background-color:var(--colorNeutralStroke1);}"
+    ]
 });
-/**
- * Apply styling to the MenuSplitGroup slots based on the state
- */
-const useMenuSplitGroupStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.menuSplitGroupClassNames.root, styles.root, state.root.className);
-  return state;
-};
-exports.useMenuSplitGroupStyles_unstable = useMenuSplitGroupStyles_unstable;
+const useMenuSplitGroupStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(menuSplitGroupClassNames.root, styles.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useMenuSplitGroupStyles.js.map
+
 //# sourceMappingURL=useMenuSplitGroupStyles.js.map

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","useMenuItemStyles_1","exports","menuSplitGroupClassNames","root","useStyles","__styles","mc9l5x","u7v6m2","Bo1wru1","Bhkyaub","J9ixe0","rj29m3","B2knx3v","Bl7aesu","e82tai","Bnkcs84","d","useMenuSplitGroupStyles_unstable","state","styles","className","mergeClasses"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { menuItemClassNames } from '../MenuItem/useMenuItemStyles';\nimport type { MenuSplitGroupSlots, MenuSplitGroupState } from './MenuSplitGroup.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuSplitGroupClassNames: SlotClassNames<MenuSplitGroupSlots> = {\n  root: 'fui-MenuSplitGroup',\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    [`& > .${menuItemClassNames.root}:nth-child(1)`]: {\n      width: '100%',\n    },\n    [`& > .${menuItemClassNames.root}:nth-child(2)`]: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      paddingLeft: 0,\n      marginLeft: 'auto',\n      '::before': {\n        content: '\"\"',\n        width: tokens.strokeWidthThin,\n        height: '24px',\n        backgroundColor: tokens.colorNeutralStroke1,\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the MenuSplitGroup slots based on the state\n */\nexport const useMenuSplitGroupStyles_unstable = (state: MenuSplitGroupState): MenuSplitGroupState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuSplitGroupClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AAIaG,OAAA,CAAAC,wBAAwB,GAAwC;EAC3EC,IAAI,EAAE;CACP;AACD;;;AAGA,MAAMC,SAAS,gBAAGP,OAAA,CAAAQ,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAmB1B;AAEF;;;AAGO,MAAMC,gCAAgC,GAAIC,KAA0B,IAAyB;EAClG,MAAMC,MAAM,GAAGf,SAAS,EAAE;EAC1Bc,KAAK,CAACf,IAAI,CAACiB,SAAS,GAAGvB,OAAA,CAAAwB,YAAY,CAACpB,OAAA,CAAAC,wBAAwB,CAACC,IAAI,EAAEgB,MAAM,CAAChB,IAAI,EAAEe,KAAK,CAACf,IAAI,CAACiB,SAAS,CAAC;EACrG,OAAOF,KAAK;AACd,CAAC;AAJYjB,OAAA,CAAAgB,gCAAgC,GAAAA,gCAAA"}
+{"version":3,"sources":["../../../lib/components/MenuSplitGroup/useMenuSplitGroupStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { menuItemClassNames } from '../MenuItem/useMenuItemStyles';\nexport const menuSplitGroupClassNames = {\n  root: 'fui-MenuSplitGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    u7v6m2: \"f168awwq\",\n    Bo1wru1: [\"f1om2jlk\", \"fcyhg04\"],\n    Bhkyaub: [\"fgqgg70\", \"fqo1hry\"],\n    J9ixe0: [\"fh1zedf\", \"f1auaj6e\"],\n    rj29m3: [\"fokbbcd\", \"f1xlvh9o\"],\n    B2knx3v: \"f1mf2v5d\",\n    Bl7aesu: \"fi8lk9b\",\n    e82tai: \"f1tc32yi\",\n    Bnkcs84: \"f1kve8m0\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f168awwq>.fui-MenuItem:nth-child(1){width:100%;}\", \".f1om2jlk>.fui-MenuItem:nth-child(2){border-top-left-radius:0;}\", \".fcyhg04>.fui-MenuItem:nth-child(2){border-top-right-radius:0;}\", \".fgqgg70>.fui-MenuItem:nth-child(2){border-bottom-left-radius:0;}\", \".fqo1hry>.fui-MenuItem:nth-child(2){border-bottom-right-radius:0;}\", \".fh1zedf>.fui-MenuItem:nth-child(2){padding-left:0;}\", \".f1auaj6e>.fui-MenuItem:nth-child(2){padding-right:0;}\", \".fokbbcd>.fui-MenuItem:nth-child(2){margin-left:auto;}\", \".f1xlvh9o>.fui-MenuItem:nth-child(2){margin-right:auto;}\", \".f1mf2v5d>.fui-MenuItem:nth-child(2)::before{content:\\\"\\\";}\", \".fi8lk9b>.fui-MenuItem:nth-child(2)::before{width:var(--strokeWidthThin);}\", \".f1tc32yi>.fui-MenuItem:nth-child(2)::before{height:24px;}\", \".f1kve8m0>.fui-MenuItem:nth-child(2)::before{background-color:var(--colorNeutralStroke1);}\"]\n});\n/**\n * Apply styling to the MenuSplitGroup slots based on the state\n */\nexport const useMenuSplitGroupStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuSplitGroupClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useMenuSplitGroupStyles.js.map"],"names":["menuSplitGroupClassNames","useMenuSplitGroupStyles_unstable","root","useStyles","__styles","mc9l5x","u7v6m2","Bo1wru1","Bhkyaub","J9ixe0","rj29m3","B2knx3v","Bl7aesu","e82tai","Bnkcs84","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAyBAC,gCAAgC,MAAhCA;;uBA5B0B;AAGhC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAAqD;QAAmE;QAAmE;QAAqE;QAAsE;QAAwD;QAA0D;QAA0D;QAA4D;QAA+D;QAA8E;QAA8D;KAA6F;AACp7B;AAIO,MAAMd,mCAAmCe,CAAAA,QAAS;IACvD,MAAMC,SAASd;IACfa,MAAMd,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACnB,yBAAyBE,IAAI,EAAEe,OAAOf,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IACpG,OAAOF;AACT,GACA,mDAAmD"}

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

@@ -1,21 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "MenuTrigger", {
+    enumerable: true,
+    get: ()=>MenuTrigger
 });
-exports.MenuTrigger = void 0;
-const useMenuTrigger_1 = /*#__PURE__*/require("./useMenuTrigger");
-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
- */
-const MenuTrigger = props => {
-  const state = useMenuTrigger_1.useMenuTrigger_unstable(props);
-  return renderMenuTrigger_1.renderMenuTrigger_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useMenuTrigger = require("./useMenuTrigger");
+const _renderMenuTrigger = require("./renderMenuTrigger");
+const MenuTrigger = (props)=>{
+    const state = (0, _useMenuTrigger.useMenuTrigger_unstable)(props);
+    return (0, _renderMenuTrigger.renderMenuTrigger_unstable)(state);
 };
-exports.MenuTrigger = MenuTrigger;
-exports.MenuTrigger.displayName = 'MenuTrigger';
+MenuTrigger.displayName = 'MenuTrigger';
 // type casting here is required to ensure internal type FluentTriggerComponent is not leaked
-exports.MenuTrigger.isFluentTriggerComponent = true;
+MenuTrigger.isFluentTriggerComponent = true; //# sourceMappingURL=MenuTrigger.js.map
+
 //# sourceMappingURL=MenuTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useMenuTrigger_1","require","renderMenuTrigger_1","MenuTrigger","props","state","useMenuTrigger_unstable","renderMenuTrigger_unstable","exports","displayName","isFluentTriggerComponent"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuTrigger_unstable } from './useMenuTrigger';\nimport { renderMenuTrigger_unstable } from './renderMenuTrigger';\nimport type { MenuTriggerProps } from './MenuTrigger.types';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\n\n/**\n * Wraps a trigger element as an only child\n * and adds the necessary event handling to open a popup menu\n */\nexport const MenuTrigger: React.FC<MenuTriggerProps> = props => {\n  const state = useMenuTrigger_unstable(props);\n\n  return renderMenuTrigger_unstable(state);\n};\n\nMenuTrigger.displayName = 'MenuTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(MenuTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"mappings":";;;;;;AACA,MAAAA,gBAAA,gBAAAC,OAAA;AACA,MAAAC,mBAAA,gBAAAD,OAAA;AAIA;;;;AAIO,MAAME,WAAW,GAA+BC,KAAK,IAAG;EAC7D,MAAMC,KAAK,GAAGL,gBAAA,CAAAM,uBAAuB,CAACF,KAAK,CAAC;EAE5C,OAAOF,mBAAA,CAAAK,0BAA0B,CAACF,KAAK,CAAC;AAC1C,CAAC;AAJYG,OAAA,CAAAL,WAAW,GAAAA,WAAA;AAMxBK,OAAA,CAAAL,WAAW,CAACM,WAAW,GAAG,aAAa;AACvC;AACCD,OAAA,CAAAL,WAAsC,CAACO,wBAAwB,GAAG,IAAI"}
+{"version":3,"sources":["../../../lib/components/MenuTrigger/MenuTrigger.js"],"sourcesContent":["import * as React from 'react';\nimport { useMenuTrigger_unstable } from './useMenuTrigger';\nimport { renderMenuTrigger_unstable } from './renderMenuTrigger';\n/**\n * Wraps a trigger element as an only child\n * and adds the necessary event handling to open a popup menu\n */\nexport const MenuTrigger = props => {\n  const state = useMenuTrigger_unstable(props);\n  return renderMenuTrigger_unstable(state);\n};\nMenuTrigger.displayName = 'MenuTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\nMenuTrigger.isFluentTriggerComponent = true;\n//# sourceMappingURL=MenuTrigger.js.map"],"names":["MenuTrigger","props","state","useMenuTrigger_unstable","renderMenuTrigger_unstable","displayName","isFluentTriggerComponent"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACiB;mCACG;AAKpC,MAAMA,cAAcC,CAAAA,QAAS;IAClC,MAAMC,QAAQC,IAAAA,uCAAuB,EAACF;IACtC,OAAOG,IAAAA,6CAA0B,EAACF;AACpC;AACAF,YAAYK,WAAW,GAAG;AAC1B,6FAA6F;AAC7FL,YAAYM,wBAAwB,GAAG,IAAI,EAC3C,uCAAuC"}

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

@@ -1,6 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+ //# sourceMappingURL=MenuTrigger.types.js.map
+
 //# sourceMappingURL=MenuTrigger.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.types.ts"],"sourcesContent":["import { ARIAButtonResultProps, ARIAButtonType } from '@fluentui/react-aria';\nimport type { TriggerProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type MenuTriggerProps = TriggerProps<MenuTriggerChildProps> & {\n  /**\n   * Disables internal trigger mechanism that ensures a child provided will be a compliant ARIA button.\n   * @default false\n   */\n  disableButtonEnhancement?: boolean;\n};\n\n/**\n * Props that are passed to the child of the MenuTrigger when cloned to ensure correct behaviour for the Menu\n */\nexport type MenuTriggerChildProps<Type extends ARIAButtonType = ARIAButtonType, Props = {}> = ARIAButtonResultProps<\n  Type,\n  Props & {\n    'aria-haspopup'?: 'menu';\n    'aria-expanded'?: boolean;\n    id: string;\n    ref: React.Ref<never>;\n    onMouseEnter: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n    onMouseLeave: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n    onMouseMove: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n    onContextMenu: React.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;\n  }\n>;\n\nexport type MenuTriggerState = {\n  children: React.ReactElement | null;\n  isSubmenu: boolean;\n};\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/MenuTrigger/MenuTrigger.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=MenuTrigger.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,6CAA6C"}

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

@@ -1,11 +1,12 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./MenuTrigger"), exports);
-tslib_1.__exportStar(require("./MenuTrigger.types"), exports);
-tslib_1.__exportStar(require("./renderMenuTrigger"), exports);
-tslib_1.__exportStar(require("./useMenuTrigger"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./MenuTrigger"), exports);
+_exportStar(require("./MenuTrigger.types"), exports);
+_exportStar(require("./renderMenuTrigger"), exports);
+_exportStar(require("./useMenuTrigger"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/index.ts"],"sourcesContent":["export * from './MenuTrigger';\nexport * from './MenuTrigger.types';\nexport * from './renderMenuTrigger';\nexport * from './useMenuTrigger';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/MenuTrigger/index.js"],"sourcesContent":["export * from './MenuTrigger';\nexport * from './MenuTrigger.types';\nexport * from './renderMenuTrigger';\nexport * from './useMenuTrigger';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}

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

@@ -1,20 +1,18 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderMenuTrigger_unstable", {
+    enumerable: true,
+    get: ()=>renderMenuTrigger_unstable
 });
-exports.renderMenuTrigger_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const menuTriggerContext_1 = /*#__PURE__*/require("../../contexts/menuTriggerContext");
-/**
- * Render the final JSX of MenuTrigger
- *
- * Only renders children
- */
-const renderMenuTrigger_unstable = state => {
-  return React.createElement(menuTriggerContext_1.MenuTriggerContextProvider, {
-    value: state.isSubmenu
-  }, state.children);
-};
-exports.renderMenuTrigger_unstable = renderMenuTrigger_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _menuTriggerContext = require("../../contexts/menuTriggerContext");
+const renderMenuTrigger_unstable = (state)=>{
+    return /*#__PURE__*/ _react.createElement(_menuTriggerContext.MenuTriggerContextProvider, {
+        value: state.isSubmenu
+    }, state.children);
+}; //# sourceMappingURL=renderMenuTrigger.js.map
+
 //# sourceMappingURL=renderMenuTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","menuTriggerContext_1","renderMenuTrigger_unstable","state","createElement","MenuTriggerContextProvider","value","isSubmenu","children","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuTrigger/renderMenuTrigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MenuTriggerContextProvider } from '../../contexts/menuTriggerContext';\nimport type { MenuTriggerState } from './MenuTrigger.types';\n\n/**\n * Render the final JSX of MenuTrigger\n *\n * Only renders children\n */\nexport const renderMenuTrigger_unstable = (state: MenuTriggerState) => {\n  return <MenuTriggerContextProvider value={state.isSubmenu}>{state.children}</MenuTriggerContextProvider>;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,oBAAA,gBAAAD,OAAA;AAGA;;;;;AAKO,MAAME,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,OAAOJ,KAAA,CAAAK,aAAA,CAACH,oBAAA,CAAAI,0BAA0B;IAACC,KAAK,EAAEH,KAAK,CAACI;EAAS,GAAGJ,KAAK,CAACK,QAAQ,CAA8B;AAC1G,CAAC;AAFYC,OAAA,CAAAP,0BAA0B,GAAAA,0BAAA"}
+{"version":3,"sources":["../../../lib/components/MenuTrigger/renderMenuTrigger.js"],"sourcesContent":["import * as React from 'react';\nimport { MenuTriggerContextProvider } from '../../contexts/menuTriggerContext';\n/**\n * Render the final JSX of MenuTrigger\n *\n * Only renders children\n */\nexport const renderMenuTrigger_unstable = state => {\n  return /*#__PURE__*/React.createElement(MenuTriggerContextProvider, {\n    value: state.isSubmenu\n  }, state.children);\n};\n//# sourceMappingURL=renderMenuTrigger.js.map"],"names":["renderMenuTrigger_unstable","state","React","createElement","MenuTriggerContextProvider","value","isSubmenu","children"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;oCACoB;AAMpC,MAAMA,6BAA6BC,CAAAA,QAAS;IACjD,OAAO,WAAW,GAAEC,OAAMC,aAAa,CAACC,8CAA0B,EAAE;QAClEC,OAAOJ,MAAMK,SAAS;IACxB,GAAGL,MAAMM,QAAQ;AACnB,GACA,6CAA6C"}

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

@@ -1,175 +1,168 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useMenuTrigger_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
-const useIsSubmenu_1 = /*#__PURE__*/require("../../utils/useIsSubmenu");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_aria_1 = /*#__PURE__*/require("@fluentui/react-aria");
-/**
- * Create the state required to render MenuTrigger.
- * Clones the only child component and adds necessary event handling behaviours to open a popup menu
- *
- * @param props - props from this instance of MenuTrigger
- */
-const useMenuTrigger_unstable = props => {
-  const {
-    children,
-    disableButtonEnhancement = false
-  } = props;
-  const triggerRef = menuContext_1.useMenuContext_unstable(context => context.triggerRef);
-  const menuPopoverRef = menuContext_1.useMenuContext_unstable(context => context.menuPopoverRef);
-  const setOpen = menuContext_1.useMenuContext_unstable(context => context.setOpen);
-  const open = menuContext_1.useMenuContext_unstable(context => context.open);
-  const triggerId = menuContext_1.useMenuContext_unstable(context => context.triggerId);
-  const openOnHover = menuContext_1.useMenuContext_unstable(context => context.openOnHover);
-  const openOnContext = menuContext_1.useMenuContext_unstable(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]);
-  const openedWithKeyboardRef = React.useRef(false);
-  const hasMouseMoved = React.useRef(false);
-  const {
-    dir
-  } = react_shared_contexts_1.useFluent_unstable();
-  const OpenArrowKey = dir === 'ltr' ? keyboard_keys_1.ArrowRight : keyboard_keys_1.ArrowLeft;
-  const child = react_utilities_1.getTriggerChild(children);
-  const onContextMenu = event => {
-    if (isTargetDisabled(event)) {
-      return;
-    }
-    if (openOnContext) {
-      event.preventDefault();
-      setOpen(event, {
-        open: true,
-        keyboard: false,
-        type: 'menuTriggerContextMenu',
-        event
-      });
-    }
-  };
-  const onClick = event => {
-    if (isTargetDisabled(event)) {
-      return;
-    }
-    if (!openOnContext) {
-      setOpen(event, {
-        open: !open,
-        keyboard: openedWithKeyboardRef.current,
-        type: 'menuTriggerClick',
-        event
-      });
-      openedWithKeyboardRef.current = false;
-    }
-  };
-  const onKeyDown = event => {
-    if (isTargetDisabled(event)) {
-      return;
-    }
-    const key = event.key;
-    if (!openOnContext && (isSubmenu && key === OpenArrowKey || !isSubmenu && key === keyboard_keys_1.ArrowDown)) {
-      setOpen(event, {
-        open: true,
-        keyboard: true,
-        type: 'menuTriggerKeyDown',
-        event
-      });
-    }
-    if (key === keyboard_keys_1.Escape && !isSubmenu) {
-      setOpen(event, {
-        open: false,
-        keyboard: true,
-        type: 'menuTriggerKeyDown',
-        event
-      });
-    }
-    // if menu is already open, can't rely on effects to focus
-    if (open && key === OpenArrowKey && isSubmenu) {
-      focusFirst();
-    }
-  };
-  const onMouseEnter = event => {
-    if (isTargetDisabled(event)) {
-      return;
-    }
-    if (openOnHover && hasMouseMoved.current) {
-      setOpen(event, {
-        open: true,
-        keyboard: false,
-        type: 'menuTriggerMouseEnter',
-        event
-      });
-    }
-  };
-  // Opening a menu when a mouse hasn't moved and just entering the trigger is a bad a11y experience
-  // 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
-  const onMouseMove = event => {
-    if (isTargetDisabled(event)) {
-      return;
-    }
-    if (openOnHover && !hasMouseMoved.current) {
-      setOpen(event, {
-        open: true,
-        keyboard: false,
-        type: 'menuTriggerMouseMove',
-        event
-      });
-      hasMouseMoved.current = true;
-    }
-  };
-  const onMouseLeave = event => {
-    if (isTargetDisabled(event)) {
-      return;
-    }
-    if (openOnHover) {
-      setOpen(event, {
-        open: false,
-        keyboard: false,
-        type: 'menuTriggerMouseLeave',
-        event
-      });
-    }
-  };
-  const contextMenuProps = {
-    id: triggerId,
-    ...(child === null || child === void 0 ? void 0 : child.props),
-    ref: react_utilities_1.useMergedRefs(triggerRef, child === null || child === void 0 ? void 0 : child.ref),
-    onMouseEnter: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onMouseEnter, onMouseEnter)),
-    onMouseLeave: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onMouseLeave, onMouseLeave)),
-    onContextMenu: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onContextMenu, onContextMenu)),
-    onMouseMove: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onMouseMove, onMouseMove))
-  };
-  const triggerChildProps = {
-    'aria-haspopup': 'menu',
-    'aria-expanded': !open && !isSubmenu ? undefined : open,
-    ...contextMenuProps,
-    onClick: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onClick, onClick)),
-    onKeyDown: react_utilities_1.useEventCallback(react_utilities_1.mergeCallbacks(child === null || child === void 0 ? void 0 : child.props.onKeyDown, onKeyDown))
-  };
-  const ariaButtonTriggerChildProps = react_aria_1.useARIAButtonProps((child === null || child === void 0 ? void 0 : child.type) === 'button' || (child === null || child === void 0 ? void 0 : child.type) === 'a' ? child.type : 'div', triggerChildProps);
-  return {
-    isSubmenu,
-    children: react_utilities_1.applyTriggerPropsToChildren(children, openOnContext ? contextMenuProps : disableButtonEnhancement ? triggerChildProps : ariaButtonTriggerChildProps)
-  };
-};
-exports.useMenuTrigger_unstable = useMenuTrigger_unstable;
-const isTargetDisabled = event => {
-  const isDisabled = el => el.hasAttribute('disabled') || el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true';
-  if (react_utilities_1.isHTMLElement(event.target) && isDisabled(event.target)) {
-    return true;
-  }
-  return react_utilities_1.isHTMLElement(event.currentTarget) && isDisabled(event.currentTarget);
+Object.defineProperty(exports, "useMenuTrigger_unstable", {
+    enumerable: true,
+    get: ()=>useMenuTrigger_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _menuContext = require("../../contexts/menuContext");
+const _useIsSubmenu = require("../../utils/useIsSubmenu");
+const _reactTabster = require("@fluentui/react-tabster");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactAria = require("@fluentui/react-aria");
+const useMenuTrigger_unstable = (props)=>{
+    const { children , disableButtonEnhancement =false  } = props;
+    const triggerRef = (0, _menuContext.useMenuContext_unstable)((context)=>context.triggerRef);
+    const menuPopoverRef = (0, _menuContext.useMenuContext_unstable)((context)=>context.menuPopoverRef);
+    const setOpen = (0, _menuContext.useMenuContext_unstable)((context)=>context.setOpen);
+    const open = (0, _menuContext.useMenuContext_unstable)((context)=>context.open);
+    const triggerId = (0, _menuContext.useMenuContext_unstable)((context)=>context.triggerId);
+    const openOnHover = (0, _menuContext.useMenuContext_unstable)((context)=>context.openOnHover);
+    const openOnContext = (0, _menuContext.useMenuContext_unstable)((context)=>context.openOnContext);
+    const isSubmenu = (0, _useIsSubmenu.useIsSubmenu)();
+    const { findFirstFocusable  } = (0, _reactTabster.useFocusFinders)();
+    const focusFirst = _react.useCallback(()=>{
+        const firstFocusable = findFirstFocusable(menuPopoverRef.current);
+        firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
+    }, [
+        findFirstFocusable,
+        menuPopoverRef
+    ]);
+    const openedWithKeyboardRef = _react.useRef(false);
+    const hasMouseMoved = _react.useRef(false);
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const OpenArrowKey = dir === 'ltr' ? _keyboardKeys.ArrowRight : _keyboardKeys.ArrowLeft;
+    const child = (0, _reactUtilities.getTriggerChild)(children);
+    const onContextMenu = (event)=>{
+        if (isTargetDisabled(event)) {
+            return;
+        }
+        if (openOnContext) {
+            event.preventDefault();
+            setOpen(event, {
+                open: true,
+                keyboard: false,
+                type: 'menuTriggerContextMenu',
+                event
+            });
+        }
+    };
+    const onClick = (event)=>{
+        if (isTargetDisabled(event)) {
+            return;
+        }
+        if (!openOnContext) {
+            setOpen(event, {
+                open: !open,
+                keyboard: openedWithKeyboardRef.current,
+                type: 'menuTriggerClick',
+                event
+            });
+            openedWithKeyboardRef.current = false;
+        }
+    };
+    const onKeyDown = (event)=>{
+        if (isTargetDisabled(event)) {
+            return;
+        }
+        const key = event.key;
+        if (!openOnContext && (isSubmenu && key === OpenArrowKey || !isSubmenu && key === _keyboardKeys.ArrowDown)) {
+            setOpen(event, {
+                open: true,
+                keyboard: true,
+                type: 'menuTriggerKeyDown',
+                event
+            });
+        }
+        if (key === _keyboardKeys.Escape && !isSubmenu) {
+            setOpen(event, {
+                open: false,
+                keyboard: true,
+                type: 'menuTriggerKeyDown',
+                event
+            });
+        }
+        // if menu is already open, can't rely on effects to focus
+        if (open && key === OpenArrowKey && isSubmenu) {
+            focusFirst();
+        }
+    };
+    const onMouseEnter = (event)=>{
+        if (isTargetDisabled(event)) {
+            return;
+        }
+        if (openOnHover && hasMouseMoved.current) {
+            setOpen(event, {
+                open: true,
+                keyboard: false,
+                type: 'menuTriggerMouseEnter',
+                event
+            });
+        }
+    };
+    // Opening a menu when a mouse hasn't moved and just entering the trigger is a bad a11y experience
+    // 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
+    const onMouseMove = (event)=>{
+        if (isTargetDisabled(event)) {
+            return;
+        }
+        if (openOnHover && !hasMouseMoved.current) {
+            setOpen(event, {
+                open: true,
+                keyboard: false,
+                type: 'menuTriggerMouseMove',
+                event
+            });
+            hasMouseMoved.current = true;
+        }
+    };
+    const onMouseLeave = (event)=>{
+        if (isTargetDisabled(event)) {
+            return;
+        }
+        if (openOnHover) {
+            setOpen(event, {
+                open: false,
+                keyboard: false,
+                type: 'menuTriggerMouseLeave',
+                event
+            });
+        }
+    };
+    const contextMenuProps = {
+        id: triggerId,
+        ...child === null || child === void 0 ? void 0 : child.props,
+        ref: (0, _reactUtilities.useMergedRefs)(triggerRef, child === null || child === void 0 ? void 0 : child.ref),
+        onMouseEnter: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : child.props.onMouseEnter, onMouseEnter)),
+        onMouseLeave: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : child.props.onMouseLeave, onMouseLeave)),
+        onContextMenu: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : child.props.onContextMenu, onContextMenu)),
+        onMouseMove: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : child.props.onMouseMove, onMouseMove))
+    };
+    const triggerChildProps = {
+        'aria-haspopup': 'menu',
+        'aria-expanded': !open && !isSubmenu ? undefined : open,
+        ...contextMenuProps,
+        onClick: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : child.props.onClick, onClick)),
+        onKeyDown: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : child.props.onKeyDown, onKeyDown))
+    };
+    const ariaButtonTriggerChildProps = (0, _reactAria.useARIAButtonProps)((child === null || child === void 0 ? void 0 : child.type) === 'button' || (child === null || child === void 0 ? void 0 : child.type) === 'a' ? child.type : 'div', triggerChildProps);
+    return {
+        isSubmenu,
+        children: (0, _reactUtilities.applyTriggerPropsToChildren)(children, openOnContext ? contextMenuProps : disableButtonEnhancement ? triggerChildProps : ariaButtonTriggerChildProps)
+    };
 };
+const isTargetDisabled = (event)=>{
+    const isDisabled = (el)=>el.hasAttribute('disabled') || el.hasAttribute('aria-disabled') && el.getAttribute('aria-disabled') === 'true';
+    if ((0, _reactUtilities.isHTMLElement)(event.target) && isDisabled(event.target)) {
+        return true;
+    }
+    return (0, _reactUtilities.isHTMLElement)(event.currentTarget) && isDisabled(event.currentTarget);
+}; //# sourceMappingURL=useMenuTrigger.js.map
+
 //# sourceMappingURL=useMenuTrigger.js.map