@fluentui/react-menu 9.0.0-beta.1 → 9.0.0-beta.5

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

@@ -5,21 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuGroup = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuGroup_1 = /*#__PURE__*/require("./useMenuGroup");
+const useMenuGroup_1 = /*#__PURE__*/require("./useMenuGroup");
 
-var renderMenuGroup_1 = /*#__PURE__*/require("./renderMenuGroup");
+const renderMenuGroup_1 = /*#__PURE__*/require("./renderMenuGroup");
 
-var useMenuGroupContextValues_1 = /*#__PURE__*/require("./useMenuGroupContextValues");
+const useMenuGroupContextValues_1 = /*#__PURE__*/require("./useMenuGroupContextValues");
+
+const useMenuGroupStyles_1 = /*#__PURE__*/require("./useMenuGroupStyles");
 /**
  * Define a styled MenuGroup, using the `useMenuGroup` hook.
  */
 
 
-exports.MenuGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuGroup_1.useMenuGroup(props, ref);
-  var contextValues = useMenuGroupContextValues_1.useMenuGroupContextValues(state);
+exports.MenuGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuGroup_1.useMenuGroup(props, ref);
+  const contextValues = useMenuGroupContextValues_1.useMenuGroupContextValues(state);
+  useMenuGroupStyles_1.useMenuGroupStyles(state);
   return renderMenuGroup_1.renderMenuGroup(state, contextValues);
 });
 exports.MenuGroup.displayName = 'MenuGroup';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/MenuGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,IAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACxF,MAAM,KAAK,GAAG,cAAA,CAAA,YAAA,CAAa,KAAb,EAAoB,GAApB,CAAd;AACA,MAAM,aAAa,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAAtB;AAEA,SAAO,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,aAAvB,CAAP;AACD,CAL6D,CAAjD;AAOb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/MenuGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC5F,QAAM,KAAK,GAAG,cAAA,CAAA,YAAA,CAAa,KAAb,EAAoB,GAApB,CAAd;AACA,QAAM,aAAa,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAAtB;AAEA,EAAA,oBAAA,CAAA,kBAAA,CAAmB,KAAnB;AAEA,SAAO,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,aAAvB,CAAP;AACD,CAP6D,CAAjD;AASb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/index.d.ts

@@ -3,3 +3,4 @@ export * from './MenuGroup';
 export * from './renderMenuGroup';
 export * from './useMenuGroup';
 export * from './useMenuGroupContextValues';
+export * from './useMenuGroupStyles';

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./MenuGroup.types"), exports);
 
@@ -15,4 +15,6 @@ tslib_1.__exportStar(require("./renderMenuGroup"), exports);
 tslib_1.__exportStar(require("./useMenuGroup"), exports);
 
 tslib_1.__exportStar(require("./useMenuGroupContextValues"), exports);
+
+tslib_1.__exportStar(require("./useMenuGroupStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/renderMenuGroup.js

@@ -5,27 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderMenuGroup = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
+const menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
 /**
  * Redefine the render function to add slots. Reuse the menugroup structure but add
  * slots to children.
  */
 
 
-var renderMenuGroup = function (state, contextValues) {
-  var _a = react_utilities_1.getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
+const renderMenuGroup = (state, contextValues) => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
   return React.createElement(menuGroupContext_1.MenuGroupContextProvider, {
     value: contextValues.menuGroup
-  }, React.createElement(slots.root, tslib_1.__assign({}, slotProps.root)));
+  }, React.createElement(slots.root, Object.assign({}, slotProps.root)));
 };
 
 exports.renderMenuGroup = renderMenuGroup;

package/lib-commonjs/components/MenuGroup/renderMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/renderMenuGroup.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,kBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;AAEA;;;AAGG;;;AACI,IAAM,eAAe,GAAG,UAAC,KAAD,EAAwB,aAAxB,EAA6D;AACpF,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,wBAAD,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/renderMenuGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,kBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;AAEA;;;AAGG;;;AACI,MAAM,eAAe,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AAC9F,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,wBAAD,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/useMenuGroup.js

@@ -5,22 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMenuGroup = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Given user props, returns state and render function for a MenuGroup.
  */
 
 
 function useMenuGroup(props, ref) {
-  var headerId = react_utilities_1.useId('menu-group');
+  const headerId = react_utilities_1.useId('menu-group');
   return {
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
-      ref: ref,
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
       'aria-labelledby': headerId,
-      role: 'group'
-    }, props)),
+      role: 'group',
+      ...props
+    }),
     headerId: headerId
   };
 }

package/lib-commonjs/components/MenuGroup/useMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroup.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACH,SAAgB,YAAhB,CAA6B,KAA7B,EAAoD,GAApD,EAA+E;AAC7E,MAAM,QAAQ,GAAG,iBAAA,CAAA,KAAA,CAAM,YAAN,CAAjB;AAEA,SAAO;AACL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,yBAAmB,QAFY;AAG/B,MAAA,IAAI,EAAE;AAHyB,KAAA,EAI5B,KAJ4B,CAA3B,CADD;AAOL,IAAA,QAAQ,EAAE;AAPL,GAAP;AASD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroup.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACH,SAAgB,YAAhB,CAA6B,KAA7B,EAAoD,GAApD,EAA+E;AAC7E,QAAM,QAAQ,GAAG,iBAAA,CAAA,KAAA,CAAM,YAAN,CAAjB;AAEA,SAAO;AACL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,yBAAmB,QAFc;AAGjC,MAAA,IAAI,EAAE,OAH2B;AAIjC,SAAG;AAJ8B,KAA7B,CADD;AAOL,IAAA,QAAQ,EAAE;AAPL,GAAP;AASD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/useMenuGroupContextValues.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMenuGroupContextValues = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
 function useMenuGroupContextValues(state) {
-  var headerId = state.headerId;
-  var menuGroup = React.useMemo(function () {
-    return {
-      headerId: headerId
-    };
-  }, [headerId]);
+  const {
+    headerId
+  } = state;
+  const menuGroup = React.useMemo(() => ({
+    headerId
+  }), [headerId]);
   return {
-    menuGroup: menuGroup
+    menuGroup
   };
 }
 

package/lib-commonjs/components/MenuGroup/useMenuGroupContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroupContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,yBAAhB,CAA0C,KAA1C,EAA+D;AACrD,MAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;AACR,MAAM,SAAS,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,WAAC;AAAE,MAAA,QAAQ,EAAX;AAAC,KAAD;AAAc,GAAlC,EAAoC,CAAC,QAAD,CAApC,CAAlB;AAEA,SAAO;AAAE,IAAA,SAAS,EAAA;AAAX,GAAP;AACD;;AALD,OAAA,CAAA,yBAAA,GAAA,yBAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroupContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,yBAAhB,CAA0C,KAA1C,EAA+D;AAC7D,QAAM;AAAE,IAAA;AAAF,MAAe,KAArB;AACA,QAAM,SAAS,GAAG,KAAK,CAAC,OAAN,CAAc,OAAO;AAAE,IAAA;AAAF,GAAP,CAAd,EAAoC,CAAC,QAAD,CAApC,CAAlB;AAEA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AALD,OAAA,CAAA,yBAAA,GAAA,yBAAA","sourceRoot":""}

package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.d.ts

@@ -0,0 +1,3 @@
+import type { MenuGroupState } from './MenuGroup.types';
+export declare const menuGroupClassName = "fui-MenuGroup";
+export declare const useMenuGroupStyles: (state: MenuGroupState) => MenuGroupState;

package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuGroupStyles = exports.menuGroupClassName = void 0;
+
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+exports.menuGroupClassName = 'fui-MenuGroup';
+
+const useMenuGroupStyles = state => {
+  state.root.className = react_make_styles_1.mergeClasses(exports.menuGroupClassName, state.root.className);
+  return state;
+};
+
+exports.useMenuGroupStyles = useMenuGroupStyles;
+//# sourceMappingURL=useMenuGroupStyles.js.map

package/lib-commonjs/components/MenuGroup/useMenuGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroupStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,kBAAA,GAAqB,eAArB;;AAEN,MAAM,kBAAkB,GAAI,KAAD,IAA0C;AAC1E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,kBAAb,EAAiC,KAAK,CAAC,IAAN,CAAW,SAA5C,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuGroupHeader = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuGroupHeader_1 = /*#__PURE__*/require("./useMenuGroupHeader");
+const useMenuGroupHeader_1 = /*#__PURE__*/require("./useMenuGroupHeader");
 
-var useMenuGroupHeaderStyles_1 = /*#__PURE__*/require("./useMenuGroupHeaderStyles");
+const useMenuGroupHeaderStyles_1 = /*#__PURE__*/require("./useMenuGroupHeaderStyles");
 
-var renderMenuGroupHeader_1 = /*#__PURE__*/require("./renderMenuGroupHeader");
+const renderMenuGroupHeader_1 = /*#__PURE__*/require("./renderMenuGroupHeader");
 /**
  * Define a styled MenuGroupHeader, using the `useMenuGroupHeader` hook.
  */
 
 
-exports.MenuGroupHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuGroupHeader_1.useMenuGroupHeader(props, ref);
+exports.MenuGroupHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuGroupHeader_1.useMenuGroupHeader(props, ref);
   useMenuGroupHeaderStyles_1.useMenuGroupHeaderStyles(state);
   return renderMenuGroupHeader_1.renderMenuGroupHeader(state);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroupHeader/MenuGroupHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AACA,IAAA,0BAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,eAAA,gBAA6D,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpG,MAAM,KAAK,GAAG,oBAAA,CAAA,kBAAA,CAAmB,KAAnB,EAA0B,GAA1B,CAAd;AACA,EAAA,0BAAA,CAAA,wBAAA,CAAyB,KAAzB;AAEA,SAAO,uBAAA,CAAA,qBAAA,CAAsB,KAAtB,CAAP;AACD,CALyE,CAA7D;AAOb,OAAA,CAAA,eAAA,CAAgB,WAAhB,GAA8B,iBAA9B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroupHeader/MenuGroupHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AACA,MAAA,0BAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,eAAA,gBAA6D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxG,QAAM,KAAK,GAAG,oBAAA,CAAA,kBAAA,CAAmB,KAAnB,EAA0B,GAA1B,CAAd;AACA,EAAA,0BAAA,CAAA,wBAAA,CAAyB,KAAzB;AAEA,SAAO,uBAAA,CAAA,qBAAA,CAAsB,KAAtB,CAAP;AACD,CALyE,CAA7D;AAOb,OAAA,CAAA,eAAA,CAAgB,WAAhB,GAA8B,iBAA9B","sourceRoot":""}

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

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

package/lib-commonjs/components/MenuGroupHeader/renderMenuGroupHeader.js

@@ -5,23 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderMenuGroupHeader = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Redefine the render function to add slots. Reuse the menugroupheader structure but add
  * slots to children.
  */
 
 
-var renderMenuGroupHeader = function (state) {
-  var _a = react_utilities_1.getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
+const renderMenuGroupHeader = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, Object.assign({}, slotProps.root));
 };
 
 exports.renderMenuGroupHeader = renderMenuGroupHeader;

package/lib-commonjs/components/MenuGroupHeader/renderMenuGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroupHeader/renderMenuGroupHeader.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACI,IAAM,qBAAqB,GAAG,UAAC,KAAD,EAA4B;AACzD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA+B,KAA/B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroupHeader/renderMenuGroupHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAgC;AACnE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA+B,KAA/B,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}

package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeader.js

@@ -5,23 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMenuGroupHeader = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
 
-var menuGroupContext_1 = /*#__PURE__*/require("../../contexts/menuGroupContext");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Given user props, returns state and render function for a MenuGroupHeader.
  */
 
 
 function useMenuGroupHeader(props, ref) {
-  var id = menuGroupContext_1.useMenuGroupContext().headerId;
+  const {
+    headerId: id
+  } = menuGroupContext_1.useMenuGroupContext();
   return {
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
-      ref: ref,
-      id: id
-    }, props))
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      id,
+      ...props
+    })
   };
 }
 

package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroupHeader/useMenuGroupHeader.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACH,SAAgB,kBAAhB,CAAmC,KAAnC,EAAgE,GAAhE,EAA2F;AACjF,MAAU,EAAE,GAAK,kBAAA,CAAA,mBAAA,GAAL,QAAZ;AAER,SAAO;AACL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,MAAA,EAAE,EAAA;AAF6B,KAAA,EAG5B,KAH4B,CAA3B;AADD,GAAP;AAOD;;AAVD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroupHeader/useMenuGroupHeader.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACH,SAAgB,kBAAhB,CAAmC,KAAnC,EAAgE,GAAhE,EAA2F;AACzF,QAAM;AAAE,IAAA,QAAQ,EAAE;AAAZ,MAAmB,kBAAA,CAAA,mBAAA,EAAzB;AAEA,SAAO;AACL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,MAAA,EAFiC;AAGjC,SAAG;AAH8B,KAA7B;AADD,GAAP;AAOD;;AAVD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourceRoot":""}

package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts

@@ -1,2 +1,3 @@
 import type { MenuGroupHeaderState } from './MenuGroupHeader.types';
+export declare const menuGroupHeaderClassName = "fui-MenuGroupHeader";
 export declare const useMenuGroupHeaderStyles: (state: MenuGroupHeaderState) => import("@fluentui/react-utilities").ComponentState<import("./MenuGroupHeader.types").MenuGroupHeaderSlots>;

package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuGroupHeaderStyles = void 0;
+exports.useMenuGroupHeaderStyles = exports.menuGroupHeaderClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
 
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+exports.menuGroupHeaderClassName = 'fui-MenuGroupHeader';
+
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {
     "Be2twd7": "fy9rknc",
     "sj55zd": "f11d4kpn",
@@ -22,9 +24,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "d": [".fy9rknc{font-size:var(--fontSizeBase200);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1d2rq10{height:32px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"]
 });
 
-var useMenuGroupHeaderStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
+const useMenuGroupHeaderStyles = state => {
+  const styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(exports.menuGroupHeaderClassName, styles.root, state.root.className);
   return state;
 };
 

package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAaO,IAAM,wBAAwB,GAAG,UAAC,KAAD,EAA4B;AAClE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,wBAAA,GAAwB,wBAAxB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuGroupHeader/useMenuGroupHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,wBAAA,GAA2B,qBAA3B;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAaO,MAAM,wBAAwB,GAAI,KAAD,IAAgC;AACtE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,wBAAb,EAAuC,MAAM,CAAC,IAA9C,EAAoD,KAAK,CAAC,IAAN,CAAW,SAA/D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,wBAAA,GAAwB,wBAAxB","sourceRoot":""}

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

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuItem = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuItem_1 = /*#__PURE__*/require("./useMenuItem");
+const useMenuItem_1 = /*#__PURE__*/require("./useMenuItem");
 
-var renderMenuItem_1 = /*#__PURE__*/require("./renderMenuItem");
+const renderMenuItem_1 = /*#__PURE__*/require("./renderMenuItem");
 
-var useMenuItemStyles_1 = /*#__PURE__*/require("./useMenuItemStyles");
+const useMenuItemStyles_1 = /*#__PURE__*/require("./useMenuItemStyles");
 
-var index_1 = /*#__PURE__*/require("../../selectable/index");
+const index_1 = /*#__PURE__*/require("../../selectable/index");
 /**
  * Define a styled MenuItem, using the `useMenuItem` and `useMenuItemStyles` hook.
  */
 
 
-exports.MenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuItem_1.useMenuItem(props, ref);
+exports.MenuItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuItem_1.useMenuItem(props, ref);
   useMenuItemStyles_1.useMenuItemStyles(state);
   index_1.useCheckmarkStyles(state);
   return renderMenuItem_1.renderMenuItem(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAKA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAA+C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtF,MAAM,KAAK,GAAG,aAAA,CAAA,WAAA,CAAY,KAAZ,EAAmB,GAAnB,CAAd;AAEA,EAAA,mBAAA,CAAA,iBAAA,CAAkB,KAAlB;AACA,EAAA,OAAA,CAAA,kBAAA,CAAmB,KAAnB;AACA,SAAO,gBAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAN2D,CAA/C;AAQb,OAAA,CAAA,QAAA,CAAS,WAAT,GAAuB,UAAvB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAKA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAA+C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC1F,QAAM,KAAK,GAAG,aAAA,CAAA,WAAA,CAAY,KAAZ,EAAmB,GAAnB,CAAd;AAEA,EAAA,mBAAA,CAAA,iBAAA,CAAkB,KAAlB;AACA,EAAA,OAAA,CAAA,kBAAA,CAAmB,KAAnB;AACA,SAAO,gBAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAN2D,CAA/C;AAQb,OAAA,CAAA,QAAA,CAAS,WAAT,GAAuB,UAAvB","sourceRoot":""}

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

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

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

@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderMenuItem = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var useMenuItem_1 = /*#__PURE__*/require("./useMenuItem");
+const useMenuItem_1 = /*#__PURE__*/require("./useMenuItem");
 /**
  * Function that renders the final JSX of the component
  */
 
 
-var renderMenuItem = function (state) {
-  var _a = react_utilities_1.getSlots(state, useMenuItem_1.menuItemSlots),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.checkmark, tslib_1.__assign({}, slotProps.checkmark)), React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)), React.createElement(slots.content, tslib_1.__assign({}, slotProps.content)), React.createElement(slots.secondaryContent, tslib_1.__assign({}, slotProps.secondaryContent)), React.createElement(slots.submenuIndicator, tslib_1.__assign({}, slotProps.submenuIndicator)));
+const renderMenuItem = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state, useMenuItem_1.menuItemSlots);
+  return React.createElement(slots.root, Object.assign({}, slotProps.root), React.createElement(slots.checkmark, Object.assign({}, slotProps.checkmark)), React.createElement(slots.icon, Object.assign({}, slotProps.icon)), React.createElement(slots.content, Object.assign({}, slotProps.content)), React.createElement(slots.secondaryContent, Object.assign({}, slotProps.secondaryContent)), React.createElement(slots.submenuIndicator, Object.assign({}, slotProps.submenuIndicator)));
 };
 
 exports.renderMenuItem = renderMenuItem;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuItem/renderMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAAqB;AAC3C,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,EAA+B,aAAA,CAAA,aAA/B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,SAAP,EAAgB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,SAAf,CAAhB,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,EAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,CAHF,EAIE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,gBAAf,CAAvB,CAJF,EAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,gBAAf,CAAvB,CALF,CADF;AASD,CAZM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuItem/renderMenuItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,cAAc,GAAI,KAAD,IAAyB;AACrD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,EAA+B,aAAA,CAAA,aAA/B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,SAAP,EAAgB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,SAAf,CAAhB,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,EAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,CAHF,EAIE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,gBAAf,CAAvB,CAJF,EAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,gBAAf,CAAvB,CALF,CADF;AASD,CAZM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}

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

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useCharacterSearch = void 0;
 
-var menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
+const menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
 
-var useCharacterSearch = function (state, ref) {
-  var setFocusByFirstCharacter = menuListContext_1.useMenuListContext(function (context) {
-    return context.setFocusByFirstCharacter;
-  });
-  var onKeyDownBase = state.root.onKeyDown;
+const useCharacterSearch = (state, ref) => {
+  const setFocusByFirstCharacter = menuListContext_1.useMenuListContext(context => context.setFocusByFirstCharacter);
+  const {
+    onKeyDown: onKeyDownBase
+  } = state.root;
 
-  state.root.onKeyDown = function (e) {
+  state.root.onKeyDown = e => {
     var _a;
 
     if (onKeyDownBase) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuItem/useCharacterSearch.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AAGO,IAAM,kBAAkB,GAAG,UAAC,KAAD,EAAuB,GAAvB,EAAwD;AACxF,MAAM,wBAAwB,GAAG,iBAAA,CAAA,kBAAA,CAAmB,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,wBAAA;AAAgC,GAA9D,CAAjC;AAEQ,MAAW,aAAa,GAAK,KAAK,CAAC,IAAN,CAAL,SAAxB;;AACR,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,UAAA,CAAA,EAAC;;;AACtB,QAAI,aAAJ,EAAmB;AACjB,MAAA,aAAa,CAAC,CAAD,CAAb;AACD;;AAED,QAAI,CAAA,CAAA,EAAA,GAAA,CAAC,CAAC,GAAF,MAAK,IAAL,IAAK,EAAA,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAK,EAAA,CAAE,MAAP,IAAgB,CAApB,EAAuB;AACrB;AACD;;AAED,QAAI,GAAG,CAAC,OAAR,EAAiB;AACf,MAAA,wBAAwB,KAAA,IAAxB,IAAA,wBAAwB,KAAA,KAAA,CAAxB,GAAwB,KAAA,CAAxB,GAAA,wBAAwB,CAAG,CAAH,EAAM,GAAG,CAAC,OAAV,CAAxB;AACD;AACF,GAZD;;AAcA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/MenuItem/useCharacterSearch.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AAGO,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAAuB,GAAvB,KAA4D;AAC5F,QAAM,wBAAwB,GAAG,iBAAA,CAAA,kBAAA,CAAmB,OAAO,IAAI,OAAO,CAAC,wBAAtC,CAAjC;AAEA,QAAM;AAAE,IAAA,SAAS,EAAE;AAAb,MAA+B,KAAK,CAAC,IAA3C;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,CAAC,IAAG;;;AACzB,QAAI,aAAJ,EAAmB;AACjB,MAAA,aAAa,CAAC,CAAD,CAAb;AACD;;AAED,QAAI,CAAA,CAAA,EAAA,GAAA,CAAC,CAAC,GAAF,MAAK,IAAL,IAAK,EAAA,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAK,EAAA,CAAE,MAAP,IAAgB,CAApB,EAAuB;AACrB;AACD;;AAED,QAAI,GAAG,CAAC,OAAR,EAAiB;AACf,MAAA,wBAAwB,KAAA,IAAxB,IAAA,wBAAwB,KAAA,KAAA,CAAxB,GAAwB,KAAA,CAAxB,GAAA,wBAAwB,CAAG,CAAH,EAAM,GAAG,CAAC,OAAV,CAAxB;AACD;AACF,GAZD;;AAcA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}