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

package/lib-commonjs/components/MenuItem/renderMenuItem.js

@@ -1,17 +1,32 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderMenuItem_unstable", {
-    enumerable: true,
-    get: ()=>renderMenuItem_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderMenuItem_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.checkmark && /*#__PURE__*/ _react.createElement(slots.checkmark, slotProps.checkmark), slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon), slots.content && /*#__PURE__*/ _react.createElement(slots.content, slotProps.content), slots.secondaryContent && /*#__PURE__*/ _react.createElement(slots.secondaryContent, slotProps.secondaryContent), slots.submenuIndicator && /*#__PURE__*/ _react.createElement(slots.submenuIndicator, slotProps.submenuIndicator));
-}; //# sourceMappingURL=renderMenuItem.js.map
-
+exports.renderMenuItem_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Function that renders the final JSX of the component
+ */
+const renderMenuItem_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, slots.checkmark && React.createElement(slots.checkmark, {
+    ...slotProps.checkmark
+  }), slots.icon && React.createElement(slots.icon, {
+    ...slotProps.icon
+  }), slots.content && React.createElement(slots.content, {
+    ...slotProps.content
+  }), slots.secondaryContent && React.createElement(slots.secondaryContent, {
+    ...slotProps.secondaryContent
+  }), slots.submenuIndicator && React.createElement(slots.submenuIndicator, {
+    ...slotProps.submenuIndicator
+  }));
+};
+exports.renderMenuItem_unstable = renderMenuItem_unstable;
 //# sourceMappingURL=renderMenuItem.js.map

package/lib-commonjs/components/MenuItem/renderMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuItem/renderMenuItem.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuItem_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.checkmark && /*#__PURE__*/React.createElement(slots.checkmark, slotProps.checkmark), slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), slots.content && /*#__PURE__*/React.createElement(slots.content, slotProps.content), slots.secondaryContent && /*#__PURE__*/React.createElement(slots.secondaryContent, slotProps.secondaryContent), slots.submenuIndicator && /*#__PURE__*/React.createElement(slots.submenuIndicator, slotProps.submenuIndicator));\n};\n//# sourceMappingURL=renderMenuItem.js.map"],"names":["renderMenuItem_unstable","state","slots","slotProps","getSlots","React","createElement","root","checkmark","icon","content","secondaryContent","submenuIndicator"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,0BAA0BC,CAAAA,QAAS;IAC9C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,SAAS,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMM,SAAS,EAAEL,UAAUK,SAAS,GAAGN,MAAMO,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI,GAAGP,MAAMQ,OAAO,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,OAAO,EAAEP,UAAUO,OAAO,GAAGR,MAAMS,gBAAgB,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMS,gBAAgB,EAAER,UAAUQ,gBAAgB,GAAGT,MAAMU,gBAAgB,IAAI,WAAW,GAAEP,OAAMC,aAAa,CAACJ,MAAMU,gBAAgB,EAAET,UAAUS,gBAAgB;AAC/hB,GACA,0CAA0C"}
+{"version":3,"names":["React","require","react_utilities_1","renderMenuItem_unstable","state","slots","slotProps","getSlots","createElement","root","checkmark","icon","content","secondaryContent","submenuIndicator","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItem/renderMenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { MenuItemSlots, MenuItemState } from './MenuItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuItem_unstable = (state: MenuItemState) => {\n  const { slots, slotProps } = getSlots<MenuItemSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.checkmark && <slots.checkmark {...slotProps.checkmark} />}\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {slots.content && <slots.content {...slotProps.content} />}\n      {slots.secondaryContent && <slots.secondaryContent {...slotProps.secondaryContent} />}\n      {slots.submenuIndicator && <slots.submenuIndicator {...slotProps.submenuIndicator} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,uBAAuB,GAAIC,KAAoB,IAAI;EAC9D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAgBH,KAAK,CAAC;EAE3D,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BJ,KAAK,CAACK,SAAS,IAAIV,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,SAAS;IAAA,GAAKJ,SAAS,CAACI;EAAS,EAAI,EAC/DL,KAAK,CAACM,IAAI,IAAIX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,EAChDN,KAAK,CAACO,OAAO,IAAIZ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,OAAO;IAAA,GAAKN,SAAS,CAACM;EAAO,EAAI,EACzDP,KAAK,CAACQ,gBAAgB,IAAIb,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACQ,gBAAgB;IAAA,GAAKP,SAAS,CAACO;EAAgB,EAAI,EACpFR,KAAK,CAACS,gBAAgB,IAAId,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACS,gBAAgB;IAAA,GAAKR,SAAS,CAACQ;EAAgB,EAAI,CAC1E;AAEjB,CAAC;AAZYC,OAAA,CAAAZ,uBAAuB,GAAAA,uBAAA"}

package/lib-commonjs/components/MenuItem/useCharacterSearch.js

@@ -1,27 +1,26 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useCharacterSearch", {
-    enumerable: true,
-    get: ()=>useCharacterSearch
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _menuListContext = require("../../contexts/menuListContext");
-const useCharacterSearch = (state, ref)=>{
-    const setFocusByFirstCharacter = (0, _menuListContext.useMenuListContext_unstable)((context)=>context.setFocusByFirstCharacter);
-    const { onKeyDown: originalOnKeyDown  } = state.root;
-    state.root.onKeyDown = (e)=>{
-        originalOnKeyDown?.(e);
-        if (e.key?.length > 1) {
-            return;
-        }
-        if (ref.current) {
-            setFocusByFirstCharacter?.(e, ref.current);
-        }
-    };
-    return state;
-}; //# sourceMappingURL=useCharacterSearch.js.map
-
+exports.useCharacterSearch = void 0;
+const menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
+const useCharacterSearch = (state, ref) => {
+  const setFocusByFirstCharacter = menuListContext_1.useMenuListContext_unstable(context => context.setFocusByFirstCharacter);
+  const {
+    onKeyDown: originalOnKeyDown
+  } = state.root;
+  state.root.onKeyDown = e => {
+    var _a;
+    originalOnKeyDown === null || originalOnKeyDown === void 0 ? void 0 : originalOnKeyDown(e);
+    if (((_a = e.key) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+      return;
+    }
+    if (ref.current) {
+      setFocusByFirstCharacter === null || setFocusByFirstCharacter === void 0 ? void 0 : setFocusByFirstCharacter(e, ref.current);
+    }
+  };
+  return state;
+};
+exports.useCharacterSearch = useCharacterSearch;
 //# sourceMappingURL=useCharacterSearch.js.map

package/lib-commonjs/components/MenuItem/useCharacterSearch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuItem/useCharacterSearch.js"],"sourcesContent":["import * as React from \"react\";\nimport { useMenuListContext_unstable } from \"../../contexts/menuListContext\";\nexport const useCharacterSearch = (state, ref) => {\n  const setFocusByFirstCharacter = useMenuListContext_unstable(context => context.setFocusByFirstCharacter);\n  const {\n    onKeyDown: originalOnKeyDown\n  } = state.root;\n  state.root.onKeyDown = e => {\n    originalOnKeyDown?.(e);\n    if (e.key?.length > 1) {\n      return;\n    }\n    if (ref.current) {\n      setFocusByFirstCharacter?.(e, ref.current);\n    }\n  };\n  return state;\n};\n//# sourceMappingURL=useCharacterSearch.js.map"],"names":["useCharacterSearch","state","ref","setFocusByFirstCharacter","useMenuListContext_unstable","context","onKeyDown","originalOnKeyDown","root","e","key","length","current"],"mappings":";;;;+BAEaA;;aAAAA;;;6DAFU;iCACqB;AACrC,MAAMA,qBAAqB,CAACC,OAAOC,MAAQ;IAChD,MAAMC,2BAA2BC,IAAAA,4CAA2B,EAACC,CAAAA,UAAWA,QAAQF,wBAAwB;IACxG,MAAM,EACJG,WAAWC,kBAAiB,EAC7B,GAAGN,MAAMO,IAAI;IACdP,MAAMO,IAAI,CAACF,SAAS,GAAGG,CAAAA,IAAK;QAC1BF,oBAAoBE;QACpB,IAAIA,EAAEC,GAAG,EAAEC,SAAS,GAAG;YACrB;QACF,CAAC;QACD,IAAIT,IAAIU,OAAO,EAAE;YACfT,2BAA2BM,GAAGP,IAAIU,OAAO;QAC3C,CAAC;IACH;IACA,OAAOX;AACT,GACA,8CAA8C"}
+{"version":3,"names":["menuListContext_1","require","useCharacterSearch","state","ref","setFocusByFirstCharacter","useMenuListContext_unstable","context","onKeyDown","originalOnKeyDown","root","e","_a","key","length","current","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItem/useCharacterSearch.ts"],"sourcesContent":["import * as React from 'react';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport type { MenuItemState } from '../../components/index';\nimport type { ARIAButtonElementIntersection } from '@fluentui/react-aria';\n\nexport const useCharacterSearch = (state: MenuItemState, ref: React.RefObject<HTMLElement>) => {\n  const setFocusByFirstCharacter = useMenuListContext_unstable(context => context.setFocusByFirstCharacter);\n\n  const { onKeyDown: originalOnKeyDown } = state.root;\n\n  state.root.onKeyDown = (e: React.KeyboardEvent<ARIAButtonElementIntersection>) => {\n    originalOnKeyDown?.(e);\n\n    if (e.key?.length > 1) {\n      return;\n    }\n\n    if (ref.current) {\n      setFocusByFirstCharacter?.(e, ref.current);\n    }\n  };\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAIO,MAAMC,kBAAkB,GAAGA,CAACC,KAAoB,EAAEC,GAAiC,KAAI;EAC5F,MAAMC,wBAAwB,GAAGL,iBAAA,CAAAM,2BAA2B,CAACC,OAAO,IAAIA,OAAO,CAACF,wBAAwB,CAAC;EAEzG,MAAM;IAAEG,SAAS,EAAEC;EAAiB,CAAE,GAAGN,KAAK,CAACO,IAAI;EAEnDP,KAAK,CAACO,IAAI,CAACF,SAAS,GAAIG,CAAqD,IAAI;;IAC/EF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAGE,CAAC,CAAC;IAEtB,IAAI,EAAAC,EAAA,GAAAD,CAAC,CAACE,GAAG,cAAAD,EAAA,uBAAAA,EAAA,CAAEE,MAAM,IAAG,CAAC,EAAE;MACrB;;IAGF,IAAIV,GAAG,CAACW,OAAO,EAAE;MACfV,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGM,CAAC,EAAEP,GAAG,CAACW,OAAO,CAAC;;EAE9C,CAAC;EAED,OAAOZ,KAAK;AACd,CAAC;AAlBYa,OAAA,CAAAd,kBAAkB,GAAAA,kBAAA"}

package/lib-commonjs/components/MenuItem/useMenuItem.js

@@ -1,98 +1,108 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenuItem_unstable", {
-    enumerable: true,
-    get: ()=>useMenuItem_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _useCharacterSearch = require("./useCharacterSearch");
-const _menuTriggerContext = require("../../contexts/menuTriggerContext");
-const _reactIcons = require("@fluentui/react-icons");
-const _menuListContext = require("../../contexts/menuListContext");
-const _menuContext = require("../../contexts/menuContext");
-const _reactAria = require("@fluentui/react-aria");
-const _keyboardKeys = require("@fluentui/keyboard-keys");
-const ChevronRightIcon = /*#__PURE__*/ (0, _reactIcons.bundleIcon)(_reactIcons.ChevronRightFilled, _reactIcons.ChevronRightRegular);
-const ChevronLeftIcon = /*#__PURE__*/ (0, _reactIcons.bundleIcon)(_reactIcons.ChevronLeftFilled, _reactIcons.ChevronLeftRegular);
-const useMenuItem_unstable = (props, ref)=>{
-    const isSubmenuTrigger = (0, _menuTriggerContext.useMenuTriggerContext_unstable)();
-    const persistOnClickContext = (0, _menuContext.useMenuContext_unstable)((context)=>context.persistOnItemClick);
-    const { as ="div" , disabled =false , hasSubmenu =isSubmenuTrigger , persistOnClick =persistOnClickContext  } = props;
-    const hasIcons = (0, _menuListContext.useMenuListContext_unstable)((context)=>context.hasIcons);
-    const hasCheckmarks = (0, _menuListContext.useMenuListContext_unstable)((context)=>context.hasCheckmarks);
-    const setOpen = (0, _menuContext.useMenuContext_unstable)((context)=>context.setOpen);
-    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
-    const innerRef = _react.useRef(null);
-    const dismissedWithKeyboardRef = _react.useRef(false);
-    const state = {
-        hasSubmenu,
-        disabled,
-        persistOnClick,
-        components: {
-            root: "div",
-            icon: "span",
-            checkmark: "span",
-            submenuIndicator: "span",
-            content: "span",
-            secondaryContent: "span"
-        },
-        root: (0, _reactUtilities.getNativeElementProps)(as, (0, _reactAria.useARIAButtonProps)(as, {
-            role: "menuitem",
-            ...props,
-            disabled: false,
-            disabledFocusable: disabled,
-            ref: (0, _reactUtilities.useMergedRefs)(ref, innerRef),
-            onKeyDown: (0, _reactUtilities.useEventCallback)((event)=>{
-                props.onKeyDown?.(event);
-                if (!event.isDefaultPrevented() && (event.key === _keyboardKeys.Space || event.key === _keyboardKeys.Enter)) {
-                    dismissedWithKeyboardRef.current = true;
-                }
-            }),
-            onMouseEnter: (0, _reactUtilities.useEventCallback)((event)=>{
-                innerRef.current?.focus();
-                props.onMouseEnter?.(event);
-            }),
-            onClick: (0, _reactUtilities.useEventCallback)((event)=>{
-                if (!hasSubmenu && !persistOnClick) {
-                    setOpen(event, {
-                        open: false,
-                        keyboard: dismissedWithKeyboardRef.current,
-                        bubble: true,
-                        type: "menuItemClick",
-                        event
-                    });
-                    dismissedWithKeyboardRef.current = false;
-                }
-                props.onClick?.(event);
-            })
-        })),
-        icon: (0, _reactUtilities.resolveShorthand)(props.icon, {
-            required: hasIcons
-        }),
-        checkmark: (0, _reactUtilities.resolveShorthand)(props.checkmark, {
-            required: hasCheckmarks
-        }),
-        submenuIndicator: (0, _reactUtilities.resolveShorthand)(props.submenuIndicator, {
-            required: hasSubmenu,
-            defaultProps: {
-                children: dir === "ltr" ? /*#__PURE__*/ _react.createElement(ChevronRightIcon, null) : /*#__PURE__*/ _react.createElement(ChevronLeftIcon, null)
-            }
-        }),
-        content: (0, _reactUtilities.resolveShorthand)(props.content, {
-            required: !!props.children,
-            defaultProps: {
-                children: props.children
-            }
-        }),
-        secondaryContent: (0, _reactUtilities.resolveShorthand)(props.secondaryContent)
-    };
-    (0, _useCharacterSearch.useCharacterSearch)(state, innerRef);
-    return state;
-}; //# sourceMappingURL=useMenuItem.js.map
-
+exports.useMenuItem_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+const useCharacterSearch_1 = /*#__PURE__*/require("./useCharacterSearch");
+const menuTriggerContext_1 = /*#__PURE__*/require("../../contexts/menuTriggerContext");
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+const menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
+const react_aria_1 = /*#__PURE__*/require("@fluentui/react-aria");
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+const ChevronRightIcon = /*#__PURE__*/react_icons_1.bundleIcon(react_icons_1.ChevronRightFilled, react_icons_1.ChevronRightRegular);
+const ChevronLeftIcon = /*#__PURE__*/react_icons_1.bundleIcon(react_icons_1.ChevronLeftFilled, react_icons_1.ChevronLeftRegular);
+/**
+ * Returns the props and state required to render the component
+ */
+const useMenuItem_unstable = (props, ref) => {
+  const isSubmenuTrigger = menuTriggerContext_1.useMenuTriggerContext_unstable();
+  const persistOnClickContext = menuContext_1.useMenuContext_unstable(context => context.persistOnItemClick);
+  const {
+    as = 'div',
+    disabled = false,
+    hasSubmenu = isSubmenuTrigger,
+    persistOnClick = persistOnClickContext
+  } = props;
+  const hasIcons = menuListContext_1.useMenuListContext_unstable(context => context.hasIcons);
+  const hasCheckmarks = menuListContext_1.useMenuListContext_unstable(context => context.hasCheckmarks);
+  const setOpen = menuContext_1.useMenuContext_unstable(context => context.setOpen);
+  const {
+    dir
+  } = react_shared_contexts_1.useFluent_unstable();
+  const innerRef = React.useRef(null);
+  const dismissedWithKeyboardRef = React.useRef(false);
+  const state = {
+    hasSubmenu,
+    disabled,
+    persistOnClick,
+    components: {
+      root: 'div',
+      icon: 'span',
+      checkmark: 'span',
+      submenuIndicator: 'span',
+      content: 'span',
+      secondaryContent: 'span'
+    },
+    root: react_utilities_1.getNativeElementProps(as, react_aria_1.useARIAButtonProps(as, {
+      role: 'menuitem',
+      ...props,
+      disabled: false,
+      disabledFocusable: disabled,
+      ref: react_utilities_1.useMergedRefs(ref, innerRef),
+      onKeyDown: react_utilities_1.useEventCallback(event => {
+        var _a;
+        (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, event);
+        if (!event.isDefaultPrevented() && (event.key === keyboard_keys_1.Space || event.key === keyboard_keys_1.Enter)) {
+          dismissedWithKeyboardRef.current = true;
+        }
+      }),
+      onMouseEnter: react_utilities_1.useEventCallback(event => {
+        var _a, _b;
+        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        (_b = props.onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(props, event);
+      }),
+      onClick: react_utilities_1.useEventCallback(event => {
+        var _a;
+        if (!hasSubmenu && !persistOnClick) {
+          setOpen(event, {
+            open: false,
+            keyboard: dismissedWithKeyboardRef.current,
+            bubble: true,
+            type: 'menuItemClick',
+            event
+          });
+          dismissedWithKeyboardRef.current = false;
+        }
+        (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
+      })
+    })),
+    icon: react_utilities_1.resolveShorthand(props.icon, {
+      required: hasIcons
+    }),
+    checkmark: react_utilities_1.resolveShorthand(props.checkmark, {
+      required: hasCheckmarks
+    }),
+    submenuIndicator: react_utilities_1.resolveShorthand(props.submenuIndicator, {
+      required: hasSubmenu,
+      defaultProps: {
+        children: dir === 'ltr' ? React.createElement(ChevronRightIcon, null) : React.createElement(ChevronLeftIcon, null)
+      }
+    }),
+    content: react_utilities_1.resolveShorthand(props.content, {
+      required: !!props.children,
+      defaultProps: {
+        children: props.children
+      }
+    }),
+    secondaryContent: react_utilities_1.resolveShorthand(props.secondaryContent)
+  };
+  useCharacterSearch_1.useCharacterSearch(state, innerRef);
+  return state;
+};
+exports.useMenuItem_unstable = useMenuItem_unstable;
 //# sourceMappingURL=useMenuItem.js.map

package/lib-commonjs/components/MenuItem/useMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuItem/useMenuItem.js"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback, resolveShorthand, useMergedRefs, getNativeElementProps } from \"@fluentui/react-utilities\";\nimport { useFluent_unstable as useFluent } from \"@fluentui/react-shared-contexts\";\nimport { useCharacterSearch } from \"./useCharacterSearch\";\nimport { useMenuTriggerContext_unstable } from \"../../contexts/menuTriggerContext\";\nimport { ChevronRightFilled, ChevronRightRegular, ChevronLeftFilled, ChevronLeftRegular, bundleIcon } from \"@fluentui/react-icons\";\nimport { useMenuListContext_unstable } from \"../../contexts/menuListContext\";\nimport { useMenuContext_unstable } from \"../../contexts/menuContext\";\nimport { useARIAButtonProps } from \"@fluentui/react-aria\";\nimport { Enter, Space } from \"@fluentui/keyboard-keys\";\nconst ChevronRightIcon = /*#__PURE__*/bundleIcon(ChevronRightFilled, ChevronRightRegular);\nconst ChevronLeftIcon = /*#__PURE__*/bundleIcon(ChevronLeftFilled, ChevronLeftRegular);\n/**\n * Returns the props and state required to render the component\n */\nexport const useMenuItem_unstable = (props, ref) => {\n  const isSubmenuTrigger = useMenuTriggerContext_unstable();\n  const persistOnClickContext = useMenuContext_unstable(context => context.persistOnItemClick);\n  const {\n    as = \"div\",\n    disabled = false,\n    hasSubmenu = isSubmenuTrigger,\n    persistOnClick = persistOnClickContext\n  } = props;\n  const hasIcons = useMenuListContext_unstable(context => context.hasIcons);\n  const hasCheckmarks = useMenuListContext_unstable(context => context.hasCheckmarks);\n  const setOpen = useMenuContext_unstable(context => context.setOpen);\n  const {\n    dir\n  } = useFluent();\n  const innerRef = React.useRef(null);\n  const dismissedWithKeyboardRef = React.useRef(false);\n  const state = {\n    hasSubmenu,\n    disabled,\n    persistOnClick,\n    components: {\n      root: \"div\",\n      icon: \"span\",\n      checkmark: \"span\",\n      submenuIndicator: \"span\",\n      content: \"span\",\n      secondaryContent: \"span\"\n    },\n    root: getNativeElementProps(as, useARIAButtonProps(as, {\n      role: \"menuitem\",\n      ...props,\n      disabled: false,\n      disabledFocusable: disabled,\n      ref: useMergedRefs(ref, innerRef),\n      onKeyDown: useEventCallback(event => {\n        props.onKeyDown?.(event);\n        if (!event.isDefaultPrevented() && (event.key === Space || event.key === Enter)) {\n          dismissedWithKeyboardRef.current = true;\n        }\n      }),\n      onMouseEnter: useEventCallback(event => {\n        innerRef.current?.focus();\n        props.onMouseEnter?.(event);\n      }),\n      onClick: useEventCallback(event => {\n        if (!hasSubmenu && !persistOnClick) {\n          setOpen(event, {\n            open: false,\n            keyboard: dismissedWithKeyboardRef.current,\n            bubble: true,\n            type: \"menuItemClick\",\n            event\n          });\n          dismissedWithKeyboardRef.current = false;\n        }\n        props.onClick?.(event);\n      })\n    })),\n    icon: resolveShorthand(props.icon, {\n      required: hasIcons\n    }),\n    checkmark: resolveShorthand(props.checkmark, {\n      required: hasCheckmarks\n    }),\n    submenuIndicator: resolveShorthand(props.submenuIndicator, {\n      required: hasSubmenu,\n      defaultProps: {\n        children: dir === \"ltr\" ? /*#__PURE__*/React.createElement(ChevronRightIcon, null) : /*#__PURE__*/React.createElement(ChevronLeftIcon, null)\n      }\n    }),\n    content: resolveShorthand(props.content, {\n      required: !!props.children,\n      defaultProps: {\n        children: props.children\n      }\n    }),\n    secondaryContent: resolveShorthand(props.secondaryContent)\n  };\n  useCharacterSearch(state, innerRef);\n  return state;\n};\n//# sourceMappingURL=useMenuItem.js.map"],"names":["useMenuItem_unstable","ChevronRightIcon","bundleIcon","ChevronRightFilled","ChevronRightRegular","ChevronLeftIcon","ChevronLeftFilled","ChevronLeftRegular","props","ref","isSubmenuTrigger","useMenuTriggerContext_unstable","persistOnClickContext","useMenuContext_unstable","context","persistOnItemClick","as","disabled","hasSubmenu","persistOnClick","hasIcons","useMenuListContext_unstable","hasCheckmarks","setOpen","dir","useFluent","innerRef","React","useRef","dismissedWithKeyboardRef","state","components","root","icon","checkmark","submenuIndicator","content","secondaryContent","getNativeElementProps","useARIAButtonProps","role","disabledFocusable","useMergedRefs","onKeyDown","useEventCallback","event","isDefaultPrevented","key","Space","Enter","current","onMouseEnter","focus","onClick","open","keyboard","bubble","type","resolveShorthand","required","defaultProps","children","createElement","useCharacterSearch"],"mappings":"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"}
+{"version":3,"names":["React","require","react_utilities_1","react_shared_contexts_1","useCharacterSearch_1","menuTriggerContext_1","react_icons_1","menuListContext_1","menuContext_1","react_aria_1","keyboard_keys_1","ChevronRightIcon","bundleIcon","ChevronRightFilled","ChevronRightRegular","ChevronLeftIcon","ChevronLeftFilled","ChevronLeftRegular","useMenuItem_unstable","props","ref","isSubmenuTrigger","useMenuTriggerContext_unstable","persistOnClickContext","useMenuContext_unstable","context","persistOnItemClick","as","disabled","hasSubmenu","persistOnClick","hasIcons","useMenuListContext_unstable","hasCheckmarks","setOpen","dir","useFluent_unstable","innerRef","useRef","dismissedWithKeyboardRef","state","components","root","icon","checkmark","submenuIndicator","content","secondaryContent","getNativeElementProps","useARIAButtonProps","role","disabledFocusable","useMergedRefs","onKeyDown","useEventCallback","event","_a","call","isDefaultPrevented","key","Space","Enter","current","onMouseEnter","focus","_b","onClick","open","keyboard","bubble","type","resolveShorthand","required","defaultProps","children","createElement","useCharacterSearch","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItem/useMenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, resolveShorthand, useMergedRefs, getNativeElementProps } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useCharacterSearch } from './useCharacterSearch';\nimport { useMenuTriggerContext_unstable } from '../../contexts/menuTriggerContext';\nimport {\n  ChevronRightFilled,\n  ChevronRightRegular,\n  ChevronLeftFilled,\n  ChevronLeftRegular,\n  bundleIcon,\n} from '@fluentui/react-icons';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport { useMenuContext_unstable } from '../../contexts/menuContext';\nimport type { MenuItemProps, MenuItemState } from './MenuItem.types';\nimport { ARIAButtonElement, ARIAButtonElementIntersection, useARIAButtonProps } from '@fluentui/react-aria';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\n\nconst ChevronRightIcon = bundleIcon(ChevronRightFilled, ChevronRightRegular);\nconst ChevronLeftIcon = bundleIcon(ChevronLeftFilled, ChevronLeftRegular);\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useMenuItem_unstable = (props: MenuItemProps, ref: React.Ref<ARIAButtonElement<'div'>>): MenuItemState => {\n  const isSubmenuTrigger = useMenuTriggerContext_unstable();\n  const persistOnClickContext = useMenuContext_unstable(context => context.persistOnItemClick);\n  const { as = 'div', disabled = false, hasSubmenu = isSubmenuTrigger, persistOnClick = persistOnClickContext } = props;\n  const hasIcons = useMenuListContext_unstable(context => context.hasIcons);\n  const hasCheckmarks = useMenuListContext_unstable(context => context.hasCheckmarks);\n  const setOpen = useMenuContext_unstable(context => context.setOpen);\n\n  const { dir } = useFluent();\n  const innerRef = React.useRef<ARIAButtonElementIntersection<'div'>>(null);\n  const dismissedWithKeyboardRef = React.useRef(false);\n\n  const state: MenuItemState = {\n    hasSubmenu,\n    disabled,\n    persistOnClick,\n    components: {\n      root: 'div',\n      icon: 'span',\n      checkmark: 'span',\n      submenuIndicator: 'span',\n      content: 'span',\n      secondaryContent: 'span',\n    },\n    root: getNativeElementProps(\n      as,\n      useARIAButtonProps(as, {\n        role: 'menuitem',\n        ...props,\n        disabled: false,\n        disabledFocusable: disabled,\n        ref: useMergedRefs(ref, innerRef) as React.Ref<ARIAButtonElementIntersection<'div'>>,\n        onKeyDown: useEventCallback(event => {\n          props.onKeyDown?.(event);\n          if (!event.isDefaultPrevented() && (event.key === Space || event.key === Enter)) {\n            dismissedWithKeyboardRef.current = true;\n          }\n        }),\n        onMouseEnter: useEventCallback(event => {\n          innerRef.current?.focus();\n\n          props.onMouseEnter?.(event);\n        }),\n        onClick: useEventCallback(event => {\n          if (!hasSubmenu && !persistOnClick) {\n            setOpen(event, {\n              open: false,\n              keyboard: dismissedWithKeyboardRef.current,\n              bubble: true,\n              type: 'menuItemClick',\n              event,\n            });\n            dismissedWithKeyboardRef.current = false;\n          }\n\n          props.onClick?.(event);\n        }),\n      }),\n    ),\n    icon: resolveShorthand(props.icon, { required: hasIcons }),\n    checkmark: resolveShorthand(props.checkmark, { required: hasCheckmarks }),\n    submenuIndicator: resolveShorthand(props.submenuIndicator, {\n      required: hasSubmenu,\n      defaultProps: {\n        children: dir === 'ltr' ? <ChevronRightIcon /> : <ChevronLeftIcon />,\n      },\n    }),\n    content: resolveShorthand(props.content, {\n      required: !!props.children,\n      defaultProps: { children: props.children },\n    }),\n    secondaryContent: resolveShorthand(props.secondaryContent),\n  };\n  useCharacterSearch(state, innerRef);\n  return state;\n};\n"],"mappings":"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"}