@fluentui/react-menu 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1,70 +1,41 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    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
+  value: true
 });
-const _react = require("@griffel/react");
-const menuSplitGroupClassNames = {
-    root: "fui-MenuSplitGroup"
+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'
 };
 /**
  * Styles for the root slot
- */ 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"
-    }
+ */
+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"
+  }
 }, {
-    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);}"]
 });
-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
-
+/**
+ * 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;
 //# sourceMappingURL=useMenuSplitGroupStyles.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,21 +1,21 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MenuTrigger", {
-    enumerable: true,
-    get: ()=>MenuTrigger
+  value: true
 });
-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 = 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);
 };
-MenuTrigger.displayName = "MenuTrigger";
+exports.MenuTrigger = MenuTrigger;
+exports.MenuTrigger.displayName = 'MenuTrigger';
 // type casting here is required to ensure internal type FluentTriggerComponent is not leaked
-MenuTrigger.isFluentTriggerComponent = true; //# sourceMappingURL=MenuTrigger.js.map
-
+exports.MenuTrigger.isFluentTriggerComponent = true;
 //# sourceMappingURL=MenuTrigger.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,9 +1,6 @@
 "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,"sources":["../../../lib/components/MenuTrigger/MenuTrigger.types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=MenuTrigger.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,6CAA6C"}
+{"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":""}

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

@@ -1,12 +1,11 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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
-
+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);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,18 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderMenuTrigger_unstable", {
-    enumerable: true,
-    get: ()=>renderMenuTrigger_unstable
+  value: true
 });
-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
-
+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;
 //# sourceMappingURL=renderMenuTrigger.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,168 +1,175 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenuTrigger_unstable", {
-    enumerable: true,
-    get: ()=>useMenuTrigger_unstable
+  value: true
 });
-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?.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?.props,
-        ref: (0, _reactUtilities.useMergedRefs)(triggerRef, child?.ref),
-        onMouseEnter: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props.onMouseEnter, onMouseEnter)),
-        onMouseLeave: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props.onMouseLeave, onMouseLeave)),
-        onContextMenu: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props.onContextMenu, onContextMenu)),
-        onMouseMove: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props.onMouseMove, onMouseMove))
-    };
-    const triggerChildProps = {
-        "aria-haspopup": "menu",
-        "aria-expanded": !open && !isSubmenu ? undefined : open,
-        ...contextMenuProps,
-        onClick: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props.onClick, onClick)),
-        onKeyDown: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props.onKeyDown, onKeyDown))
-    };
-    const ariaButtonTriggerChildProps = (0, _reactAria.useARIAButtonProps)(child?.type === "button" || 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;
+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;
     }
-    return (0, _reactUtilities.isHTMLElement)(event.currentTarget) && isDisabled(event.currentTarget);
-}; //# sourceMappingURL=useMenuTrigger.js.map
-
+    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);
+};
 //# sourceMappingURL=useMenuTrigger.js.map