@fluentui/react-menu 9.0.0-nightly.b5b7401007.0 → 9.0.0-rc.3

package/lib-commonjs/components/MenuItemRadio/renderMenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuItemRadio/renderMenuItemRadio.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAIA;;;AAGG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAA0B;AACrD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,EAA+B,OAAA,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,CADF;AAQD,CAXM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
+{"version":3,"sources":["components/MenuItemRadio/renderMenuItemRadio.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;;AAGG;;;AACI,MAAM,4BAA4B,GAAI,KAAD,IAA8B;AACxE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,SAAN,IAAmB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,SAAP,EAAgB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAhB,CADtB,EAEG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFjB,EAGG,KAAK,CAAC,OAAN,IAAiB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,EAAA,GAAK,SAAS,CAAC;AAAf,GAAd,CAHpB,EAIG,KAAK,CAAC,gBAAN,IAA0B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAvB,CAJ7B,CADF;AAQD,CAXM;;AAAM,OAAA,CAAA,4BAAA,GAA4B,4BAA5B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { MenuItemRadioState } from './MenuItemRadio.types';\nimport type { MenuItemSlots } from '../MenuItem/MenuItem.types';\n\n/**\n * Redefine the render function to add slots. Reuse the menuitemradio structure but add\n * slots to children.\n */\nexport const renderMenuItemRadio_unstable = (state: MenuItemRadioState) => {\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.root>\n  );\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadio.d.ts

@@ -3,4 +3,4 @@ import type { MenuItemRadioProps, MenuItemRadioState } from './MenuItemRadio.typ
 /**
  * Given user props, returns state and render function for a MenuItemRadio.
  */
-export declare const useMenuItemRadio: (props: MenuItemRadioProps, ref: React.Ref<HTMLElement>) => MenuItemRadioState;
+export declare const useMenuItemRadio_unstable: (props: MenuItemRadioProps, ref: React.Ref<HTMLElement>) => MenuItemRadioState;

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadio.js

@@ -3,50 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuItemRadio = void 0;
+exports.useMenuItemRadio_unstable = 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");
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
 
-var react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+const menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
 
-var menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
-
-var useMenuItem_1 = /*#__PURE__*/require("../MenuItem/useMenuItem");
+const useMenuItem_1 = /*#__PURE__*/require("../MenuItem/useMenuItem");
 /**
  * Given user props, returns state and render function for a MenuItemRadio.
  */
 
 
-var useMenuItemRadio = function (props, ref) {
-  var radioProps = {
+const useMenuItemRadio_unstable = (props, ref) => {
+  const radioProps = {
     role: 'menuitemradio'
   };
-  var state = useMenuItem_1.useMenuItem(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, radioProps), props), {
+  const state = useMenuItem_1.useMenuItem_unstable({ ...radioProps,
+    ...props,
     checkmark: react_utilities_1.resolveShorthand(props.checkmark, {
       defaultProps: {
         children: React.createElement(react_icons_1.Checkmark16Filled, null)
       },
       required: true
     })
-  }), ref);
-  var selectRadio = menuListContext_1.useMenuListContext(function (context) {
-    return context.selectRadio;
-  });
-  var onClickOriginal = state.root.onClick;
-  var checked = menuListContext_1.useMenuListContext(function (context) {
+  }, ref);
+  const selectRadio = menuListContext_1.useMenuListContext_unstable(context => context.selectRadio);
+  const {
+    onClick: onClickOriginal
+  } = state.root;
+  const checked = menuListContext_1.useMenuListContext_unstable(context => {
     var _a;
 
-    var checkedItems = ((_a = context.checkedValues) === null || _a === void 0 ? void 0 : _a[state.name]) || [];
+    const checkedItems = ((_a = context.checkedValues) === null || _a === void 0 ? void 0 : _a[state.name]) || [];
     return checkedItems.indexOf(state.value) !== -1;
   });
   state.checked = checked;
   state.root['aria-checked'] = state.checked; // MenuItem state already transforms keyDown to click events
 
-  state.root.onClick = function (e) {
+  state.root.onClick = e => {
     if (state.disabled) {
       e.preventDefault();
       e.stopPropagation();
@@ -60,5 +59,5 @@ var useMenuItemRadio = function (props, ref) {
   return state;
 };
 
-exports.useMenuItemRadio = useMenuItemRadio;
+exports.useMenuItemRadio_unstable = useMenuItemRadio_unstable;
 //# sourceMappingURL=useMenuItemRadio.js.map

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuItemRadio/useMenuItemRadio.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,uBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;AACrF,MAAM,UAAU,GAAG;AACjB,IAAA,IAAI,EAAE;AADW,GAAnB;AAIA,MAAM,KAAK,GAAG,aAAA,CAAA,WAAA,CAAW,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAElB,UAFkB,CAAA,EAGlB,KAHkB,CAAA,EAGb;AACR,IAAA,SAAS,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,SAAvB,EAAkC;AAC3C,MAAA,YAAY,EAAE;AAAE,QAAA,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,iBAAD,EAAkB,IAAlB;AAAZ,OAD6B;AAE3C,MAAA,QAAQ,EAAE;AAFiC,KAAlC;AADH,GAHa,CAAX,EASZ,GATY,CAAd;AAYA,MAAM,WAAW,GAAG,iBAAA,CAAA,kBAAA,CAAmB,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,WAAA;AAAmB,GAAjD,CAApB;AACQ,MAAS,eAAe,GAAK,KAAK,CAAC,IAAN,CAAL,OAAxB;AACR,MAAM,OAAO,GAAG,iBAAA,CAAA,kBAAA,CAAmB,UAAA,OAAA,EAAO;;;AACxC,QAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,aAAR,MAAqB,IAArB,IAAqB,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqB,EAAA,CAAG,KAAK,CAAC,IAAT,CAArB,KAAuC,EAA5D;AACA,WAAO,YAAY,CAAC,OAAb,CAAqB,KAAK,CAAC,KAA3B,MAAsC,CAAC,CAA9C;AACD,GAHe,CAAhB;AAKA,EAAA,KAAK,CAAC,OAAN,GAAgB,OAAhB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,cAAX,IAA6B,KAAK,CAAC,OAAnC,CAzBqF,CA2BrF;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAqB,UAAA,CAAA,EAAC;AACpB,QAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,MAAA,CAAC,CAAC,cAAF;AACA,MAAA,CAAC,CAAC,eAAF;AACA;AACD;;AAED,IAAA,WAAW,KAAA,IAAX,IAAA,WAAW,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAA,WAAW,CAAG,CAAH,EAAM,KAAK,CAAC,IAAZ,EAAkB,KAAK,CAAC,KAAxB,EAA+B,KAAK,CAAC,OAArC,CAAX;AACA,IAAA,eAAe,KAAA,IAAf,IAAA,eAAe,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAA,eAAe,CAAG,CAAH,CAAf;AACD,GATD;;AAWA,SAAO,KAAP;AACD,CAxCM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
+{"version":3,"sources":["components/MenuItemRadio/useMenuItemRadio.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,uBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;AACtB,QAAM,UAAU,GAAG;AACjB,IAAA,IAAI,EAAE;AADW,GAAnB;AAIA,QAAM,KAAK,GAAG,aAAA,CAAA,oBAAA,CACZ,EACE,GAAG,UADL;AAEE,OAAG,KAFL;AAGE,IAAA,SAAS,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,SAAvB,EAAkC;AAC3C,MAAA,YAAY,EAAE;AAAE,QAAA,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,iBAAD,EAAkB,IAAlB;AAAZ,OAD6B;AAE3C,MAAA,QAAQ,EAAE;AAFiC,KAAlC;AAHb,GADY,EASZ,GATY,CAAd;AAYA,QAAM,WAAW,GAAG,iBAAA,CAAA,2BAAA,CAA4B,OAAO,IAAI,OAAO,CAAC,WAA/C,CAApB;AACA,QAAM;AAAE,IAAA,OAAO,EAAE;AAAX,MAA+B,KAAK,CAAC,IAA3C;AACA,QAAM,OAAO,GAAG,iBAAA,CAAA,2BAAA,CAA4B,OAAO,IAAG;;;AACpD,UAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,aAAR,MAAqB,IAArB,IAAqB,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqB,EAAA,CAAG,KAAK,CAAC,IAAT,CAArB,KAAuC,EAA5D;AACA,WAAO,YAAY,CAAC,OAAb,CAAqB,KAAK,CAAC,KAA3B,MAAsC,CAAC,CAA9C;AACD,GAHe,CAAhB;AAKA,EAAA,KAAK,CAAC,OAAN,GAAgB,OAAhB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,cAAX,IAA6B,KAAK,CAAC,OAAnC,CAzBsB,CA2BtB;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAqB,CAAC,IAAG;AACvB,QAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,MAAA,CAAC,CAAC,cAAF;AACA,MAAA,CAAC,CAAC,eAAF;AACA;AACD;;AAED,IAAA,WAAW,KAAA,IAAX,IAAA,WAAW,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAA,WAAW,CAAG,CAAH,EAAM,KAAK,CAAC,IAAZ,EAAkB,KAAK,CAAC,KAAxB,EAA+B,KAAK,CAAC,OAArC,CAAX;AACA,IAAA,eAAe,KAAA,IAAf,IAAA,eAAe,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAA,eAAe,CAAG,CAAH,CAAf;AACD,GATD;;AAWA,SAAO,KAAP;AACD,CA3CM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { Checkmark16Filled } from '@fluentui/react-icons';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport { useMenuItem_unstable } from '../MenuItem/useMenuItem';\nimport type { MenuItemRadioProps, MenuItemRadioState } from './MenuItemRadio.types';\n\n/**\n * Given user props, returns state and render function for a MenuItemRadio.\n */\nexport const useMenuItemRadio_unstable = (\n  props: MenuItemRadioProps,\n  ref: React.Ref<HTMLElement>,\n): MenuItemRadioState => {\n  const radioProps = {\n    role: 'menuitemradio',\n  };\n\n  const state = useMenuItem_unstable(\n    {\n      ...radioProps,\n      ...props,\n      checkmark: resolveShorthand(props.checkmark, {\n        defaultProps: { children: <Checkmark16Filled /> },\n        required: true,\n      }),\n    },\n    ref,\n  ) as MenuItemRadioState;\n\n  const selectRadio = useMenuListContext_unstable(context => context.selectRadio);\n  const { onClick: onClickOriginal } = state.root;\n  const checked = useMenuListContext_unstable(context => {\n    const checkedItems = context.checkedValues?.[state.name] || [];\n    return checkedItems.indexOf(state.value) !== -1;\n  });\n\n  state.checked = checked;\n  state.root['aria-checked'] = state.checked;\n\n  // MenuItem state already transforms keyDown to click events\n  state.root.onClick = e => {\n    if (state.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    selectRadio?.(e, state.name, state.value, state.checked);\n    onClickOriginal?.(e);\n  };\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.d.ts

@@ -1,2 +1,3 @@
 import type { MenuItemRadioState } from './MenuItemRadio.types';
-export declare const useMenuItemRadioStyles: (state: MenuItemRadioState) => void;
+export declare const menuItemRadioClassName = "fui-MenuItemRadio";
+export declare const useMenuItemRadioStyles_unstable: (state: MenuItemRadioState) => void;

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.js

@@ -3,16 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuItemRadioStyles = void 0;
+exports.useMenuItemRadioStyles_unstable = exports.menuItemRadioClassName = void 0;
 
-var index_1 = /*#__PURE__*/require("../../selectable/index");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
-var useMenuItemStyles_1 = /*#__PURE__*/require("../MenuItem/useMenuItemStyles");
+const index_1 = /*#__PURE__*/require("../../selectable/index");
 
-var useMenuItemRadioStyles = function (state) {
-  useMenuItemStyles_1.useMenuItemStyles(state);
-  index_1.useCheckmarkStyles(state);
+const useMenuItemStyles_1 = /*#__PURE__*/require("../MenuItem/useMenuItemStyles");
+
+exports.menuItemRadioClassName = 'fui-MenuItemRadio';
+
+const useMenuItemRadioStyles_unstable = state => {
+  state.root.className = react_1.mergeClasses(exports.menuItemRadioClassName, state.root.className);
+  useMenuItemStyles_1.useMenuItemStyles_unstable(state);
+  index_1.useCheckmarkStyles_unstable(state);
 };
 
-exports.useMenuItemRadioStyles = useMenuItemRadioStyles;
+exports.useMenuItemRadioStyles_unstable = useMenuItemRadioStyles_unstable;
 //# sourceMappingURL=useMenuItemRadioStyles.js.map

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuItemRadio/useMenuItemRadioStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;;AAGO,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA0B;AAC9D,EAAA,mBAAA,CAAA,iBAAA,CAAkB,KAAlB;AACA,EAAA,OAAA,CAAA,kBAAA,CAAmB,KAAnB;AACD,CAHM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
+{"version":3,"sources":["components/MenuItemRadio/useMenuItemRadioStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEN,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAb,EAAqC,KAAK,CAAC,IAAN,CAAW,SAAhD,CAAvB;AAEA,EAAA,mBAAA,CAAA,0BAAA,CAA2B,KAA3B;AACA,EAAA,OAAA,CAAA,2BAAA,CAA4B,KAA5B;AACD,CALM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles';\nimport type { MenuItemRadioState } from './MenuItemRadio.types';\n\nexport const menuItemRadioClassName = 'fui-MenuItemRadio';\n\nexport const useMenuItemRadioStyles_unstable = (state: MenuItemRadioState) => {\n  state.root.className = mergeClasses(menuItemRadioClassName, state.root.className);\n\n  useMenuItemStyles_unstable(state);\n  useCheckmarkStyles_unstable(state);\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuList/MenuList.d.ts

@@ -1,6 +1,6 @@
 import type { MenuListProps } from './MenuList.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled MenuList, using the `useMenuList` hook.
+ * Define a styled MenuList, using the `useMenuList_unstable` hook.
  */
 export declare const MenuList: ForwardRefComponent<MenuListProps>;

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

@@ -5,25 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuList = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useMenuList_1 = /*#__PURE__*/require("./useMenuList");
+const useMenuList_1 = /*#__PURE__*/require("./useMenuList");
 
-var renderMenuList_1 = /*#__PURE__*/require("./renderMenuList");
+const renderMenuList_1 = /*#__PURE__*/require("./renderMenuList");
 
-var useMenuListContextValues_1 = /*#__PURE__*/require("./useMenuListContextValues");
+const useMenuListContextValues_1 = /*#__PURE__*/require("./useMenuListContextValues");
 
-var useMenuListStyles_1 = /*#__PURE__*/require("./useMenuListStyles");
+const useMenuListStyles_1 = /*#__PURE__*/require("./useMenuListStyles");
 /**
- * Define a styled MenuList, using the `useMenuList` hook.
+ * Define a styled MenuList, using the `useMenuList_unstable` hook.
  */
 
 
-exports.MenuList = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useMenuList_1.useMenuList(props, ref);
-  var contextValues = useMenuListContextValues_1.useMenuListContextValues(state);
-  useMenuListStyles_1.useMenuListStyles(state);
-  return renderMenuList_1.renderMenuList(state, contextValues);
+exports.MenuList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useMenuList_1.useMenuList_unstable(props, ref);
+  const contextValues = useMenuListContextValues_1.useMenuListContextValues_unstable(state);
+  useMenuListStyles_1.useMenuListStyles_unstable(state);
+  return renderMenuList_1.renderMenuList_unstable(state, contextValues);
 });
 exports.MenuList.displayName = 'MenuList';
 //# sourceMappingURL=MenuList.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuList/MenuList.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,0BAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAIA;;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;AACA,MAAM,aAAa,GAAG,0BAAA,CAAA,wBAAA,CAAyB,KAAzB,CAAtB;AACA,EAAA,mBAAA,CAAA,iBAAA,CAAkB,KAAlB;AAEA,SAAO,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,aAAtB,CAAP;AACD,CAN2D,CAA/C;AAQb,OAAA,CAAA,QAAA,CAAS,WAAT,GAAuB,UAAvB","sourceRoot":""}
+{"version":3,"sources":["components/MenuList/MenuList.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,0BAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAA+C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC1F,QAAM,KAAK,GAAG,aAAA,CAAA,oBAAA,CAAqB,KAArB,EAA4B,GAA5B,CAAd;AACA,QAAM,aAAa,GAAG,0BAAA,CAAA,iCAAA,CAAkC,KAAlC,CAAtB;AACA,EAAA,mBAAA,CAAA,0BAAA,CAA2B,KAA3B;AAEA,SAAO,gBAAA,CAAA,uBAAA,CAAwB,KAAxB,EAA+B,aAA/B,CAAP;AACD,CAN2D,CAA/C;AAQb,OAAA,CAAA,QAAA,CAAS,WAAT,GAAuB,UAAvB","sourcesContent":["import * as React from 'react';\nimport { useMenuList_unstable } from './useMenuList';\nimport { renderMenuList_unstable } from './renderMenuList';\nimport { useMenuListContextValues_unstable } from './useMenuListContextValues';\nimport { useMenuListStyles_unstable } from './useMenuListStyles';\nimport type { MenuListProps } from './MenuList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled MenuList, using the `useMenuList_unstable` hook.\n */\nexport const MenuList: ForwardRefComponent<MenuListProps> = React.forwardRef((props, ref) => {\n  const state = useMenuList_unstable(props, ref);\n  const contextValues = useMenuListContextValues_unstable(state);\n  useMenuListStyles_unstable(state);\n\n  return renderMenuList_unstable(state, contextValues);\n});\n\nMenuList.displayName = 'MenuList';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuList/MenuList.types.d.ts

@@ -1,7 +1,14 @@
 import * as React from 'react';
-import { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-import { MenuListContextValue } from '../../contexts/menuListContext';
-import { SelectableHandler } from '../../selectable/index';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+import type { MenuListContextValue } from '../../contexts/menuListContext';
+import type { SelectableHandler } from '../../selectable/index';
+export declare type MenuCheckedValueChangeEvent = React.MouseEvent | React.KeyboardEvent;
+export declare type MenuCheckedValueChangeData = {
+    /** The name of the value */
+    name: string;
+    /** The items for this value that are checked */
+    checkedItems: string[];
+};
 export declare type MenuListCommons = {
     /**
      * Callback when checked items change for value with a name
@@ -9,12 +16,7 @@ export declare type MenuListCommons = {
      * @param event - React's original SyntheticEvent
      * @param data - A data object with relevant information
      */
-    onCheckedValueChange?: (e: React.MouseEvent | React.KeyboardEvent, data: {
-        /** The name of the value */
-        name: string;
-        /** The items for this value that are checked */
-        checkedItems: string[];
-    }) => void;
+    onCheckedValueChange?: (e: MenuCheckedValueChangeEvent, data: MenuCheckedValueChangeData) => void;
     /**
      * Map of all checked values
      */
@@ -33,7 +35,7 @@ export declare type MenuListCommons = {
     hasCheckmarks?: boolean;
 };
 export declare type MenuListSlots = {
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
 };
 export declare type MenuListProps = ComponentProps<MenuListSlots> & Partial<MenuListCommons>;
 export declare type MenuListState = ComponentState<MenuListSlots> & MenuListCommons & {

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

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

@@ -1,5 +1,5 @@
 export * from './MenuList';
-export * from './MenuList.types';
+export type { MenuCheckedValueChangeData, MenuCheckedValueChangeEvent, MenuListContextValues, MenuListProps, MenuListSlots, MenuListState, UninitializedMenuListState, } from './MenuList.types';
 export * from './renderMenuList';
 export * from './useMenuList';
 export * from './useMenuListStyles';

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuList/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["components/MenuList/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AAWA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './MenuList';\n// Explicit exports to omit MenuListCommons\nexport type {\n  MenuCheckedValueChangeData,\n  MenuCheckedValueChangeEvent,\n  MenuListContextValues,\n  MenuListProps,\n  MenuListSlots,\n  MenuListState,\n  UninitializedMenuListState,\n} from './MenuList.types';\nexport * from './renderMenuList';\nexport * from './useMenuList';\nexport * from './useMenuListStyles';\nexport * from './useMenuListContextValues';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuList/renderMenuList.d.ts

@@ -2,4 +2,4 @@ import { MenuListContextValues, MenuListState } from './MenuList.types';
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderMenuList: (state: MenuListState, contextValues: MenuListContextValues) => JSX.Element;
+export declare const renderMenuList_unstable: (state: MenuListState, contextValues: MenuListContextValues) => JSX.Element;

package/lib-commonjs/components/MenuList/renderMenuList.js

@@ -3,29 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderMenuList = void 0;
+exports.renderMenuList_unstable = 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 menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
+const menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
 /**
  * Function that renders the final JSX of the component
  */
 
 
-var renderMenuList = function (state, contextValues) {
-  var _a = react_utilities_1.getSlots(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
+const renderMenuList_unstable = (state, contextValues) => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
   return React.createElement(menuListContext_1.MenuListProvider, {
     value: contextValues.menuList
-  }, React.createElement(slots.root, tslib_1.__assign({}, slotProps.root)));
+  }, React.createElement(slots.root, { ...slotProps.root
+  }));
 };
 
-exports.renderMenuList = renderMenuList;
+exports.renderMenuList_unstable = renderMenuList_unstable;
 //# sourceMappingURL=renderMenuList.js.map

package/lib-commonjs/components/MenuList/renderMenuList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MenuList/renderMenuList.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,iBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAAuB,aAAvB,EAA2D;AACjF,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,iBAAA,CAAA,gBAAD,EAAiB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAjB,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,cAAA,GAAc,cAAd","sourceRoot":""}
+{"version":3,"sources":["components/MenuList/renderMenuList.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;AAEA;;AAEG;;;AACI,MAAM,uBAAuB,GAAG,CAAC,KAAD,EAAuB,aAAvB,KAA+D;AACpG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,iBAAA,CAAA,gBAAD,EAAiB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAjB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuListContextValues, MenuListSlots, MenuListState } from './MenuList.types';\nimport { MenuListProvider } from '../../contexts/menuListContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuList_unstable = (state: MenuListState, contextValues: MenuListContextValues) => {\n  const { slots, slotProps } = getSlots<MenuListSlots>(state);\n\n  return (\n    <MenuListProvider value={contextValues.menuList}>\n      <slots.root {...slotProps.root} />\n    </MenuListProvider>\n  );\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuList/useMenuList.d.ts

@@ -3,4 +3,4 @@ import type { MenuListProps, MenuListState } from './MenuList.types';
 /**
  * Returns the props and state required to render the component
  */
-export declare const useMenuList: (props: MenuListProps, ref: React.Ref<HTMLElement>) => MenuListState;
+export declare const useMenuList_unstable: (props: MenuListProps, ref: React.Ref<HTMLElement>) => MenuListState;

package/lib-commonjs/components/MenuList/useMenuList.js

@@ -3,33 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMenuList = void 0;
+exports.useMenuList_unstable = 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");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 
-var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
 
-var react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
 
-var menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
-
-var menuContext_2 = /*#__PURE__*/require("../../contexts/menuContext");
+const menuContext_2 = /*#__PURE__*/require("../../contexts/menuContext");
 /**
  * Returns the props and state required to render the component
  */
 
 
-var useMenuList = function (props, ref) {
-  var focusAttributes = react_tabster_1.useArrowNavigationGroup({
+const useMenuList_unstable = (props, ref) => {
+  const focusAttributes = react_tabster_1.useArrowNavigationGroup({
     circular: true
   });
-  var findAllFocusable = react_tabster_1.useFocusFinders().findAllFocusable;
-  var menuContext = useMenuContextSelectors();
-  var hasMenuContext = react_context_selector_1.useHasParentContext(menuContext_2.MenuContext);
+  const {
+    findAllFocusable
+  } = react_tabster_1.useFocusFinders();
+  const menuContext = useMenuContextSelectors();
+  const hasMenuContext = react_context_selector_1.useHasParentContext(menuContext_2.MenuContext);
 
   if (usingPropsAndMenuContext(props, menuContext, hasMenuContext)) {
     // TODO throw warnings in development safely
@@ -37,44 +37,47 @@ var useMenuList = function (props, ref) {
     console.warn('You are using both MenuList and Menu props, we recommend you to use Menu props when available');
   }
 
-  var innerRef = React.useRef(null);
-
-  var initialState = tslib_1.__assign(tslib_1.__assign({
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({
+  const innerRef = React.useRef(null);
+  const initialState = {
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
       ref: react_utilities_1.useMergedRefs(ref, innerRef),
       role: 'menu',
-      'aria-labelledby': menuContext.triggerId
-    }, focusAttributes), props)),
+      'aria-labelledby': menuContext.triggerId,
+      ...focusAttributes,
+      ...props
+    }),
     hasIcons: menuContext.hasIcons,
-    hasCheckmarks: menuContext.hasCheckmarks
-  }, hasMenuContext && menuContext), props);
-
-  var setFocusByFirstCharacter = React.useCallback(function (e, itemEl) {
+    hasCheckmarks: menuContext.hasCheckmarks,
+    ...(hasMenuContext && menuContext),
+    ...props
+  };
+  const setFocusByFirstCharacter = React.useCallback((e, itemEl) => {
     // TODO use some kind of children registration to reduce dependency on DOM roles
-    var acceptedRoles = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
+    const acceptedRoles = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
 
     if (!innerRef.current) {
       return;
     }
 
-    var menuItems = findAllFocusable(innerRef.current, function (el) {
-      return el.hasAttribute('role') && acceptedRoles.indexOf(el.getAttribute('role')) !== -1;
-    });
-    var startIndex = menuItems.indexOf(itemEl) + 1;
+    const menuItems = findAllFocusable(innerRef.current, el => el.hasAttribute('role') && acceptedRoles.indexOf(el.getAttribute('role')) !== -1);
+    let startIndex = menuItems.indexOf(itemEl) + 1;
 
     if (startIndex === menuItems.length) {
       startIndex = 0;
     }
 
-    var firstChars = menuItems.map(function (menuItem) {
+    const firstChars = menuItems.map(menuItem => {
       var _a;
 
       return (_a = menuItem.textContent) === null || _a === void 0 ? void 0 : _a.charAt(0).toLowerCase();
     });
-    var char = e.key.toLowerCase();
+    const char = e.key.toLowerCase();
 
-    var getIndexFirstChars = function (start, firstChar) {
-      for (var i = start; i < firstChars.length; i++) {
+    const getIndexFirstChars = (start, firstChar) => {
+      for (let i = start; i < firstChars.length; i++) {
         if (char === firstChars[i]) {
           return i;
         }
@@ -84,7 +87,7 @@ var useMenuList = function (props, ref) {
     }; // Check remaining slots in the menu
 
 
-    var index = getIndexFirstChars(startIndex, char); // If not found in remaining slots, check from beginning
+    let index = getIndexFirstChars(startIndex, char); // If not found in remaining slots, check from beginning
 
     if (index === -1) {
       index = getIndexFirstChars(0, char);
@@ -95,20 +98,17 @@ var useMenuList = function (props, ref) {
       menuItems[index].focus();
     }
   }, [findAllFocusable]);
-
-  var _a = react_utilities_1.useControllableState({
+  const [checkedValues, setCheckedValues] = react_utilities_1.useControllableState({
     state: initialState.checkedValues,
     defaultState: initialState.defaultCheckedValues,
     initialState: {}
-  }),
-      checkedValues = _a[0],
-      setCheckedValues = _a[1];
-
-  var onCheckedValueChange = initialState.onCheckedValueChange;
-  var toggleCheckbox = react_utilities_1.useEventCallback(function (e, name, value, checked) {
-    var checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
-
-    var newCheckedItems = tslib_1.__spreadArrays(checkedItems);
+  });
+  const {
+    onCheckedValueChange
+  } = initialState;
+  const toggleCheckbox = react_utilities_1.useEventCallback((e, name, value, checked) => {
+    const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
+    const newCheckedItems = [...checkedItems];
 
     if (checked) {
       newCheckedItems.splice(newCheckedItems.indexOf(value), 1);
@@ -117,69 +117,51 @@ var useMenuList = function (props, ref) {
     }
 
     onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
-      name: name,
+      name,
       checkedItems: newCheckedItems
     });
-    setCheckedValues(function (s) {
-      var _a;
-
-      return tslib_1.__assign(tslib_1.__assign({}, s), (_a = {}, _a[name] = newCheckedItems, _a));
-    });
+    setCheckedValues(s => ({ ...s,
+      [name]: newCheckedItems
+    }));
   });
-  var selectRadio = react_utilities_1.useEventCallback(function (e, name, value) {
-    var newCheckedItems = [value];
-    setCheckedValues(function (s) {
-      var _a;
-
-      return tslib_1.__assign(tslib_1.__assign({}, s), (_a = {}, _a[name] = newCheckedItems, _a));
-    });
+  const selectRadio = react_utilities_1.useEventCallback((e, name, value) => {
+    const newCheckedItems = [value];
+    setCheckedValues(s => ({ ...s,
+      [name]: newCheckedItems
+    }));
     onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
-      name: name,
+      name,
       checkedItems: newCheckedItems
     });
   });
-
-  var state = tslib_1.__assign(tslib_1.__assign({}, initialState), {
-    setFocusByFirstCharacter: setFocusByFirstCharacter,
-    selectRadio: selectRadio,
-    toggleCheckbox: toggleCheckbox,
+  const state = { ...initialState,
+    setFocusByFirstCharacter,
+    selectRadio,
+    toggleCheckbox,
     checkedValues: checkedValues !== null && checkedValues !== void 0 ? checkedValues : {}
-  });
-
+  };
   return state;
 };
 
-exports.useMenuList = useMenuList;
+exports.useMenuList_unstable = useMenuList_unstable;
 /**
  * Adds some sugar to fetching multiple context selector values
  */
 
-var useMenuContextSelectors = function () {
-  var checkedValues = menuContext_1.useMenuContext(function (context) {
-    return context.checkedValues;
-  });
-  var onCheckedValueChange = menuContext_1.useMenuContext(function (context) {
-    return context.onCheckedValueChange;
-  });
-  var defaultCheckedValues = menuContext_1.useMenuContext(function (context) {
-    return context.defaultCheckedValues;
-  });
-  var triggerId = menuContext_1.useMenuContext(function (context) {
-    return context.triggerId;
-  });
-  var hasIcons = menuContext_1.useMenuContext(function (context) {
-    return context.hasIcons;
-  });
-  var hasCheckmarks = menuContext_1.useMenuContext(function (context) {
-    return context.hasCheckmarks;
-  });
+const useMenuContextSelectors = () => {
+  const checkedValues = menuContext_1.useMenuContext_unstable(context => context.checkedValues);
+  const onCheckedValueChange = menuContext_1.useMenuContext_unstable(context => context.onCheckedValueChange);
+  const defaultCheckedValues = menuContext_1.useMenuContext_unstable(context => context.defaultCheckedValues);
+  const triggerId = menuContext_1.useMenuContext_unstable(context => context.triggerId);
+  const hasIcons = menuContext_1.useMenuContext_unstable(context => context.hasIcons);
+  const hasCheckmarks = menuContext_1.useMenuContext_unstable(context => context.hasCheckmarks);
   return {
-    checkedValues: checkedValues,
-    onCheckedValueChange: onCheckedValueChange,
-    defaultCheckedValues: defaultCheckedValues,
-    triggerId: triggerId,
-    hasIcons: hasIcons,
-    hasCheckmarks: hasCheckmarks
+    checkedValues,
+    onCheckedValueChange,
+    defaultCheckedValues,
+    triggerId,
+    hasIcons,
+    hasCheckmarks
   };
 };
 /**
@@ -187,10 +169,10 @@ var useMenuContextSelectors = function () {
  */
 
 
-var usingPropsAndMenuContext = function (props, contextValue, hasMenuContext) {
-  var isUsingPropsAndContext = false;
+const usingPropsAndMenuContext = (props, contextValue, hasMenuContext) => {
+  let isUsingPropsAndContext = false;
 
-  for (var val in contextValue) {
+  for (const val in contextValue) {
     if (props[val]) {
       isUsingPropsAndContext = true;
     }