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

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

@@ -1,43 +1,35 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuItemRadioClassNames: ()=>menuItemRadioClassNames,
-    useMenuItemRadioStyles_unstable: ()=>useMenuItemRadioStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const _index = require("../../selectable/index");
-const _useMenuItemStyles = require("../MenuItem/useMenuItemStyles");
-const menuItemRadioClassNames = {
-    root: "fui-MenuItemRadio",
-    icon: "fui-MenuItemRadio__icon",
-    checkmark: "fui-MenuItemRadio__checkmark",
-    content: "fui-MenuItemRadio__content",
-    secondaryContent: "fui-MenuItemRadio__secondaryContent"
+exports.useMenuItemRadioStyles_unstable = exports.menuItemRadioClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const index_1 = /*#__PURE__*/require("../../selectable/index");
+const useMenuItemStyles_1 = /*#__PURE__*/require("../MenuItem/useMenuItemStyles");
+exports.menuItemRadioClassNames = {
+  root: 'fui-MenuItemRadio',
+  icon: 'fui-MenuItemRadio__icon',
+  checkmark: 'fui-MenuItemRadio__checkmark',
+  content: 'fui-MenuItemRadio__content',
+  secondaryContent: 'fui-MenuItemRadio__secondaryContent'
 };
-const useMenuItemRadioStyles_unstable = (state)=>{
-    state.root.className = (0, _react.mergeClasses)(menuItemRadioClassNames.root, state.root.className);
-    if (state.content) {
-        state.content.className = (0, _react.mergeClasses)(menuItemRadioClassNames.content, state.content.className);
-    }
-    if (state.secondaryContent) {
-        state.secondaryContent.className = (0, _react.mergeClasses)(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);
-    }
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(menuItemRadioClassNames.icon, state.icon.className);
-    }
-    if (state.checkmark) {
-        state.checkmark.className = (0, _react.mergeClasses)(menuItemRadioClassNames.checkmark, state.checkmark.className);
-    }
-    (0, _useMenuItemStyles.useMenuItemStyles_unstable)(state);
-    (0, _index.useCheckmarkStyles_unstable)(state);
-}; //# sourceMappingURL=useMenuItemRadioStyles.js.map
-
+const useMenuItemRadioStyles_unstable = state => {
+  state.root.className = react_1.mergeClasses(exports.menuItemRadioClassNames.root, state.root.className);
+  if (state.content) {
+    state.content.className = react_1.mergeClasses(exports.menuItemRadioClassNames.content, state.content.className);
+  }
+  if (state.secondaryContent) {
+    state.secondaryContent.className = react_1.mergeClasses(exports.menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);
+  }
+  if (state.icon) {
+    state.icon.className = react_1.mergeClasses(exports.menuItemRadioClassNames.icon, state.icon.className);
+  }
+  if (state.checkmark) {
+    state.checkmark.className = react_1.mergeClasses(exports.menuItemRadioClassNames.checkmark, state.checkmark.className);
+  }
+  useMenuItemStyles_1.useMenuItemStyles_unstable(state);
+  index_1.useCheckmarkStyles_unstable(state);
+};
+exports.useMenuItemRadioStyles_unstable = useMenuItemRadioStyles_unstable;
 //# sourceMappingURL=useMenuItemRadioStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuItemRadio/useMenuItemRadioStyles.js"],"sourcesContent":["import { mergeClasses } from \"@griffel/react\";\nimport { useCheckmarkStyles_unstable } from \"../../selectable/index\";\nimport { useMenuItemStyles_unstable } from \"../MenuItem/useMenuItemStyles\";\nexport const menuItemRadioClassNames = {\n  root: \"fui-MenuItemRadio\",\n  icon: \"fui-MenuItemRadio__icon\",\n  checkmark: \"fui-MenuItemRadio__checkmark\",\n  content: \"fui-MenuItemRadio__content\",\n  secondaryContent: \"fui-MenuItemRadio__secondaryContent\"\n};\nexport const useMenuItemRadioStyles_unstable = state => {\n  state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);\n  }\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);\n  }\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);\n  }\n  useMenuItemStyles_unstable(state);\n  useCheckmarkStyles_unstable(state);\n};\n//# sourceMappingURL=useMenuItemRadioStyles.js.map"],"names":["menuItemRadioClassNames","useMenuItemRadioStyles_unstable","root","icon","checkmark","content","secondaryContent","state","className","mergeClasses","useMenuItemStyles_unstable","useCheckmarkStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,uBAAuB,MAAvBA;IAOAC,+BAA+B,MAA/BA;;uBAVgB;uBACe;mCACD;AACpC,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,kBAAkB;AACpB;AACO,MAAML,kCAAkCM,CAAAA,QAAS;IACtDA,MAAML,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBE,IAAI,EAAEK,MAAML,IAAI,CAACM,SAAS;IACtF,IAAID,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBK,OAAO,EAAEE,MAAMF,OAAO,CAACG,SAAS;IACjG,CAAC;IACD,IAAID,MAAMD,gBAAgB,EAAE;QAC1BC,MAAMD,gBAAgB,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBM,gBAAgB,EAAEC,MAAMD,gBAAgB,CAACE,SAAS;IAC5H,CAAC;IACD,IAAID,MAAMJ,IAAI,EAAE;QACdI,MAAMJ,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBG,IAAI,EAAEI,MAAMJ,IAAI,CAACK,SAAS;IACxF,CAAC;IACD,IAAID,MAAMH,SAAS,EAAE;QACnBG,MAAMH,SAAS,CAACI,SAAS,GAAGC,IAAAA,mBAAY,EAACT,wBAAwBI,SAAS,EAAEG,MAAMH,SAAS,CAACI,SAAS;IACvG,CAAC;IACDE,IAAAA,6CAA0B,EAACH;IAC3BI,IAAAA,kCAA2B,EAACJ;AAC9B,GACA,kDAAkD"}
+{"version":3,"names":["react_1","require","index_1","useMenuItemStyles_1","exports","menuItemRadioClassNames","root","icon","checkmark","content","secondaryContent","useMenuItemRadioStyles_unstable","state","className","mergeClasses","useMenuItemStyles_unstable","useCheckmarkStyles_unstable"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuItemSlots } from '../index';\nimport type { MenuItemRadioState } from './MenuItemRadio.types';\n\nexport const menuItemRadioClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>> = {\n  root: 'fui-MenuItemRadio',\n  icon: 'fui-MenuItemRadio__icon',\n  checkmark: 'fui-MenuItemRadio__checkmark',\n  content: 'fui-MenuItemRadio__content',\n  secondaryContent: 'fui-MenuItemRadio__secondaryContent',\n};\n\nexport const useMenuItemRadioStyles_unstable = (state: MenuItemRadioState) => {\n  state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);\n\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemRadioClassNames.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);\n  }\n\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);\n  }\n\n  useMenuItemStyles_unstable(state);\n  useCheckmarkStyles_unstable(state);\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AAKaG,OAAA,CAAAC,uBAAuB,GAA4D;EAC9FC,IAAI,EAAE,mBAAmB;EACzBC,IAAI,EAAE,yBAAyB;EAC/BC,SAAS,EAAE,8BAA8B;EACzCC,OAAO,EAAE,4BAA4B;EACrCC,gBAAgB,EAAE;CACnB;AAEM,MAAMC,+BAA+B,GAAIC,KAAyB,IAAI;EAC3EA,KAAK,CAACN,IAAI,CAACO,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACC,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACO,SAAS,CAAC;EAEvF,IAAID,KAAK,CAACH,OAAO,EAAE;IACjBG,KAAK,CAACH,OAAO,CAACI,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACI,OAAO,EAAEG,KAAK,CAACH,OAAO,CAACI,SAAS,CAAC;;EAGlG,IAAID,KAAK,CAACF,gBAAgB,EAAE;IAC1BE,KAAK,CAACF,gBAAgB,CAACG,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAC7CV,OAAA,CAAAC,uBAAuB,CAACK,gBAAgB,EACxCE,KAAK,CAACF,gBAAgB,CAACG,SAAS,CACjC;;EAGH,IAAID,KAAK,CAACL,IAAI,EAAE;IACdK,KAAK,CAACL,IAAI,CAACM,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACE,IAAI,EAAEK,KAAK,CAACL,IAAI,CAACM,SAAS,CAAC;;EAGzF,IAAID,KAAK,CAACJ,SAAS,EAAE;IACnBI,KAAK,CAACJ,SAAS,CAACK,SAAS,GAAGb,OAAA,CAAAc,YAAY,CAACV,OAAA,CAAAC,uBAAuB,CAACG,SAAS,EAAEI,KAAK,CAACJ,SAAS,CAACK,SAAS,CAAC;;EAGxGV,mBAAA,CAAAY,0BAA0B,CAACH,KAAK,CAAC;EACjCV,OAAA,CAAAc,2BAA2B,CAACJ,KAAK,CAAC;AACpC,CAAC;AAxBYR,OAAA,CAAAO,+BAA+B,GAAAA,+BAAA"}

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

@@ -1,26 +1,27 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "MenuList", {
-    enumerable: true,
-    get: ()=>MenuList
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useMenuList = require("./useMenuList");
-const _renderMenuList = require("./renderMenuList");
-const _useMenuListContextValues = require("./useMenuListContextValues");
-const _useMenuListStyles = require("./useMenuListStyles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const MenuList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useMenuList.useMenuList_unstable)(props, ref);
-    const contextValues = (0, _useMenuListContextValues.useMenuListContextValues_unstable)(state);
-    (0, _useMenuListStyles.useMenuListStyles_unstable)(state);
-    const { useMenuListStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
-    return (0, _renderMenuList.renderMenuList_unstable)(state, contextValues);
+exports.MenuList = void 0;
+const React = /*#__PURE__*/require("react");
+const useMenuList_1 = /*#__PURE__*/require("./useMenuList");
+const renderMenuList_1 = /*#__PURE__*/require("./renderMenuList");
+const useMenuListContextValues_1 = /*#__PURE__*/require("./useMenuListContextValues");
+const useMenuListStyles_1 = /*#__PURE__*/require("./useMenuListStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+/**
+ * Define a styled MenuList, using the `useMenuList_unstable` hook.
+ */
+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);
+  const {
+    useMenuListStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
+  return renderMenuList_1.renderMenuList_unstable(state, contextValues);
 });
-MenuList.displayName = "MenuList"; //# sourceMappingURL=MenuList.js.map
-
+exports.MenuList.displayName = 'MenuList';
 //# sourceMappingURL=MenuList.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuList/MenuList.js"],"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 { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * Define a styled MenuList, using the `useMenuList_unstable` hook.\n */\nexport const MenuList = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuList_unstable(props, ref);\n  const contextValues = useMenuListContextValues_unstable(state);\n  useMenuListStyles_unstable(state);\n  const {\n    useMenuListStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderMenuList_unstable(state, contextValues);\n});\nMenuList.displayName = \"MenuList\";\n//# sourceMappingURL=MenuList.js.map"],"names":["MenuList","React","forwardRef","props","ref","state","useMenuList_unstable","contextValues","useMenuListContextValues_unstable","useMenuListStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuList_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACc;gCACG;0CACU;mCACP;qCACE;AAItC,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACpE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1C,MAAMG,gBAAgBC,IAAAA,2DAAiC,EAACH;IACxDI,IAAAA,6CAA0B,EAACJ;IAC3B,MAAM,EACJI,4BAA4BC,gBAAe,EAC5C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,uCAAuB,EAACP,OAAOE;AACxC;AACAP,SAASa,WAAW,GAAG,YACvB,oCAAoC"}
+{"version":3,"names":["React","require","useMenuList_1","renderMenuList_1","useMenuListContextValues_1","useMenuListStyles_1","react_shared_contexts_1","exports","MenuList","forwardRef","props","ref","state","useMenuList_unstable","contextValues","useMenuListContextValues_unstable","useMenuListStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuList_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuList/MenuList.tsx"],"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  useMenuListStyles_unstable(state);\n\n  const { useMenuListStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderMenuList_unstable(state, contextValues);\n});\n\nMenuList.displayName = 'MenuList';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,0BAAA,gBAAAH,OAAA;AACA,MAAAI,mBAAA,gBAAAJ,OAAA;AAGA,MAAAK,uBAAA,gBAAAL,OAAA;AAEA;;;AAGaM,OAAA,CAAAC,QAAQ,gBAAuCR,KAAK,CAACS,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGV,aAAA,CAAAW,oBAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC9C,MAAMG,aAAa,GAAGV,0BAAA,CAAAW,iCAAiC,CAACH,KAAK,CAAC;EAE9DP,mBAAA,CAAAW,0BAA0B,CAACJ,KAAK,CAAC;EAEjC,MAAM;IAAEI,0BAA0B,EAAEC;EAAe,CAAE,GAAGX,uBAAA,CAAAY,4BAA4B,EAAE;EACtFD,eAAe,CAACL,KAAK,CAAC;EAEtB,OAAOT,gBAAA,CAAAgB,uBAAuB,CAACP,KAAK,EAAEE,aAAa,CAAC;AACtD,CAAC,CAAC;AAEFP,OAAA,CAAAC,QAAQ,CAACY,WAAW,GAAG,UAAU"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuList/MenuList.types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=MenuList.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,0CAA0C"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuList/MenuList.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuListContextValue } from '../../contexts/menuListContext';\nimport type { SelectableHandler } from '../../selectable/index';\n\nexport type MenuCheckedValueChangeEvent = React.MouseEvent | React.KeyboardEvent;\n\nexport type MenuCheckedValueChangeData = {\n  /** The items for this value that are checked */\n  checkedItems: string[];\n  /** The name of the value */\n  name: string;\n};\n\nexport type MenuListSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuListProps = ComponentProps<MenuListSlots> & {\n  /**\n   * Map of all checked values\n   */\n  checkedValues?: Record<string, string[]>;\n\n  /**\n   * Default values to be checked on mount\n   */\n  defaultCheckedValues?: Record<string, string[]>;\n\n  /**\n   * States that menu items can contain selectable items and reserve slots for item alignment\n   */\n  hasCheckmarks?: boolean;\n\n  /**\n   * States that menu items can contain icons and reserve slots for item alignment\n   */\n  hasIcons?: boolean;\n\n  /**\n   * Callback when checked items change for value with a name\n   *\n   * @param event - React's original SyntheticEvent\n   * @param data - A data object with relevant information\n   */\n  onCheckedValueChange?: (e: MenuCheckedValueChangeEvent, data: MenuCheckedValueChangeData) => void;\n};\n\nexport type MenuListState = ComponentState<MenuListSlots> &\n  Required<Pick<MenuListProps, 'checkedValues' | 'hasCheckmarks' | 'hasIcons'>> &\n  Pick<MenuListProps, 'defaultCheckedValues' | 'onCheckedValueChange'> & {\n    /**\n     * Selects a radio item, will de-select the currently selected ratio item\n     */\n    selectRadio: SelectableHandler;\n\n    /**\n     * Callback to set focus on the next menu item by first character\n     */\n    setFocusByFirstCharacter: NonNullable<MenuListContextValue['setFocusByFirstCharacter']>;\n\n    /*\n     * Toggles the state of a checkbox item\n     */\n    toggleCheckbox: SelectableHandler;\n  };\n\nexport type MenuListContextValues = {\n  menuList: MenuListContextValue;\n};\n\n/**\n * @deprecated this type is not being used internally anymore\n */\nexport type UninitializedMenuListState = Omit<\n  MenuListState,\n  'checkedValues' | 'selectRadio' | 'setFocusByFirstCharacter' | 'toggleCheckbox'\n> &\n  Partial<Pick<MenuListState, 'checkedValues'>>;\n"],"mappings":""}

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

@@ -1,14 +1,13 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./MenuList"), exports);
-_exportStar(require("./MenuList.types"), exports);
-_exportStar(require("./renderMenuList"), exports);
-_exportStar(require("./useMenuList"), exports);
-_exportStar(require("./useMenuListStyles"), exports);
-_exportStar(require("./useMenuListContextValues"), exports);
- //# sourceMappingURL=index.js.map
-
+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);
+tslib_1.__exportStar(require("./useMenuListStyles"), exports);
+tslib_1.__exportStar(require("./useMenuListContextValues"), exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,20 +1,25 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderMenuList_unstable", {
-    enumerable: true,
-    get: ()=>renderMenuList_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 _menuListContext = require("../../contexts/menuListContext");
-const renderMenuList_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(_menuListContext.MenuListProvider, {
-        value: contextValues.menuList
-    }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
-}; //# sourceMappingURL=renderMenuList.js.map
-
+exports.renderMenuList_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
+/**
+ * Function that renders the final JSX of the component
+ */
+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, {
+    ...slotProps.root
+  }));
+};
+exports.renderMenuList_unstable = renderMenuList_unstable;
 //# sourceMappingURL=renderMenuList.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuList/renderMenuList.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\nimport { MenuListProvider } from \"../../contexts/menuListContext\";\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuList_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(MenuListProvider, {\n    value: contextValues.menuList\n  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderMenuList.js.map"],"names":["renderMenuList_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","MenuListProvider","value","menuList","root"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;iCACQ;AAI1B,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,iCAAgB,EAAE;QACxDC,OAAOP,cAAcQ,QAAQ;IAC/B,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAChE,GACA,0CAA0C"}
+{"version":3,"names":["React","require","react_utilities_1","menuListContext_1","renderMenuList_unstable","state","contextValues","slots","slotProps","getSlots","createElement","MenuListProvider","value","menuList","root","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuList/renderMenuList.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,iBAAA,gBAAAF,OAAA;AAEA;;;AAGO,MAAMG,uBAAuB,GAAGA,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAgBJ,KAAK,CAAC;EAE3D,OACEL,KAAA,CAAAU,aAAA,CAACP,iBAAA,CAAAQ,gBAAgB;IAACC,KAAK,EAAEN,aAAa,CAACO;EAAQ,GAC7Cb,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,CACjB;AAEvB,CAAC;AARYC,OAAA,CAAAX,uBAAuB,GAAAA,uBAAA"}

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

@@ -1,154 +1,153 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMenuList_unstable", {
-    enumerable: true,
-    get: ()=>useMenuList_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 _reactTabster = require("@fluentui/react-tabster");
-const _reactContextSelector = require("@fluentui/react-context-selector");
-const _menuContext = require("../../contexts/menuContext");
-const useMenuList_unstable = (props, ref)=>{
-    const { findAllFocusable  } = (0, _reactTabster.useFocusFinders)();
-    const menuContext = useMenuContextSelectors();
-    const hasMenuContext = (0, _reactContextSelector.useHasParentContext)(_menuContext.MenuContext);
-    const focusAttributes = (0, _reactTabster.useArrowNavigationGroup)({
-        circular: true,
-        ignoreDefaultKeydown: {
-            Tab: hasMenuContext
-        }
-    });
-    if (usingPropsAndMenuContext(props, menuContext, hasMenuContext)) {
-        // TODO throw warnings in development safely
-        // eslint-disable-next-line no-console
-        console.warn("You are using both MenuList and Menu props, we recommend you to use Menu props when available");
+exports.useMenuList_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+const menuContext_1 = /*#__PURE__*/require("../../contexts/menuContext");
+const menuContext_2 = /*#__PURE__*/require("../../contexts/menuContext");
+/**
+ * Returns the props and state required to render the component
+ */
+const useMenuList_unstable = (props, ref) => {
+  var _a, _b;
+  const {
+    findAllFocusable
+  } = react_tabster_1.useFocusFinders();
+  const menuContext = useMenuContextSelectors();
+  const hasMenuContext = react_context_selector_1.useHasParentContext(menuContext_2.MenuContext);
+  const focusAttributes = react_tabster_1.useArrowNavigationGroup({
+    circular: true,
+    ignoreDefaultKeydown: {
+      Tab: hasMenuContext
     }
-    const innerRef = _react.useRef(null);
-    const setFocusByFirstCharacter = _react.useCallback((e, itemEl)=>{
-        // TODO use some kind of children registration to reduce dependency on DOM roles
-        const acceptedRoles = [
-            "menuitem",
-            "menuitemcheckbox",
-            "menuitemradio"
-        ];
-        if (!innerRef.current) {
-            return;
-        }
-        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;
-        }
-        const firstChars = menuItems.map((menuItem)=>menuItem.textContent?.charAt(0).toLowerCase());
-        const char = e.key.toLowerCase();
-        const getIndexFirstChars = (start, firstChar)=>{
-            for(let i = start; i < firstChars.length; i++){
-                if (char === firstChars[i]) {
-                    return i;
-                }
-            }
-            return -1;
-        };
-        // Check remaining slots in the menu
-        let index = getIndexFirstChars(startIndex, char);
-        // If not found in remaining slots, check from beginning
-        if (index === -1) {
-            index = getIndexFirstChars(0, char);
-        }
-        // If match was found...
-        if (index > -1) {
-            menuItems[index].focus();
-        }
-    }, [
-        findAllFocusable
-    ]);
-    const [checkedValues, setCheckedValues] = (0, _reactUtilities.useControllableState)({
-        state: props.checkedValues ?? (hasMenuContext ? menuContext.checkedValues : undefined),
-        defaultState: props.defaultCheckedValues,
-        initialState: {}
+  });
+  if (usingPropsAndMenuContext(props, menuContext, hasMenuContext)) {
+    // TODO throw warnings in development safely
+    // eslint-disable-next-line no-console
+    console.warn('You are using both MenuList and Menu props, we recommend you to use Menu props when available');
+  }
+  const innerRef = React.useRef(null);
+  const setFocusByFirstCharacter = React.useCallback((e, itemEl) => {
+    // TODO use some kind of children registration to reduce dependency on DOM roles
+    const acceptedRoles = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
+    if (!innerRef.current) {
+      return;
+    }
+    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;
+    }
+    const firstChars = menuItems.map(menuItem => {
+      var _a;
+      return (_a = menuItem.textContent) === null || _a === void 0 ? void 0 : _a.charAt(0).toLowerCase();
     });
-    const handleCheckedValueChange = props.onCheckedValueChange ?? (hasMenuContext ? menuContext.onCheckedValueChange : undefined);
-    const toggleCheckbox = (0, _reactUtilities.useEventCallback)((e, name, value, checked)=>{
-        const checkedItems = checkedValues?.[name] || [];
-        const newCheckedItems = [
-            ...checkedItems
-        ];
-        if (checked) {
-            newCheckedItems.splice(newCheckedItems.indexOf(value), 1);
-        } else {
-            newCheckedItems.push(value);
+    const char = e.key.toLowerCase();
+    const getIndexFirstChars = (start, firstChar) => {
+      for (let i = start; i < firstChars.length; i++) {
+        if (char === firstChars[i]) {
+          return i;
         }
-        handleCheckedValueChange?.(e, {
-            name,
-            checkedItems: newCheckedItems
-        });
-        setCheckedValues((s)=>({
-                ...s,
-                [name]: newCheckedItems
-            }));
+      }
+      return -1;
+    };
+    // Check remaining slots in the menu
+    let index = getIndexFirstChars(startIndex, char);
+    // If not found in remaining slots, check from beginning
+    if (index === -1) {
+      index = getIndexFirstChars(0, char);
+    }
+    // If match was found...
+    if (index > -1) {
+      menuItems[index].focus();
+    }
+  }, [findAllFocusable]);
+  const [checkedValues, setCheckedValues] = react_utilities_1.useControllableState({
+    state: (_a = props.checkedValues) !== null && _a !== void 0 ? _a : hasMenuContext ? menuContext.checkedValues : undefined,
+    defaultState: props.defaultCheckedValues,
+    initialState: {}
+  });
+  const handleCheckedValueChange = (_b = props.onCheckedValueChange) !== null && _b !== void 0 ? _b : hasMenuContext ? menuContext.onCheckedValueChange : undefined;
+  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);
+    } else {
+      newCheckedItems.push(value);
+    }
+    handleCheckedValueChange === null || handleCheckedValueChange === void 0 ? void 0 : handleCheckedValueChange(e, {
+      name,
+      checkedItems: newCheckedItems
     });
-    const selectRadio = (0, _reactUtilities.useEventCallback)((e, name, value)=>{
-        const newCheckedItems = [
-            value
-        ];
-        setCheckedValues((s)=>({
-                ...s,
-                [name]: newCheckedItems
-            }));
-        handleCheckedValueChange?.(e, {
-            name,
-            checkedItems: newCheckedItems
-        });
+    setCheckedValues(s => ({
+      ...s,
+      [name]: newCheckedItems
+    }));
+  });
+  const selectRadio = react_utilities_1.useEventCallback((e, name, value) => {
+    const newCheckedItems = [value];
+    setCheckedValues(s => ({
+      ...s,
+      [name]: newCheckedItems
+    }));
+    handleCheckedValueChange === null || handleCheckedValueChange === void 0 ? void 0 : handleCheckedValueChange(e, {
+      name,
+      checkedItems: newCheckedItems
     });
-    return {
-        components: {
-            root: "div"
-        },
-        root: (0, _reactUtilities.getNativeElementProps)("div", {
-            ref: (0, _reactUtilities.useMergedRefs)(ref, innerRef),
-            role: "menu",
-            "aria-labelledby": menuContext.triggerId,
-            ...focusAttributes,
-            ...props
-        }),
-        hasIcons: menuContext.hasIcons || false,
-        hasCheckmarks: menuContext.hasCheckmarks || false,
-        checkedValues,
-        setFocusByFirstCharacter,
-        selectRadio,
-        toggleCheckbox
-    };
+  });
+  return {
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref: react_utilities_1.useMergedRefs(ref, innerRef),
+      role: 'menu',
+      'aria-labelledby': menuContext.triggerId,
+      ...focusAttributes,
+      ...props
+    }),
+    hasIcons: menuContext.hasIcons || false,
+    hasCheckmarks: menuContext.hasCheckmarks || false,
+    checkedValues,
+    setFocusByFirstCharacter,
+    selectRadio,
+    toggleCheckbox
+  };
 };
+exports.useMenuList_unstable = useMenuList_unstable;
 /**
  * Adds some sugar to fetching multiple context selector values
- */ const useMenuContextSelectors = ()=>{
-    const checkedValues = (0, _menuContext.useMenuContext_unstable)((context)=>context.checkedValues);
-    const onCheckedValueChange = (0, _menuContext.useMenuContext_unstable)((context)=>context.onCheckedValueChange);
-    const triggerId = (0, _menuContext.useMenuContext_unstable)((context)=>context.triggerId);
-    const hasIcons = (0, _menuContext.useMenuContext_unstable)((context)=>context.hasIcons);
-    const hasCheckmarks = (0, _menuContext.useMenuContext_unstable)((context)=>context.hasCheckmarks);
-    return {
-        checkedValues,
-        onCheckedValueChange,
-        triggerId,
-        hasIcons,
-        hasCheckmarks
-    };
+ */
+const useMenuContextSelectors = () => {
+  const checkedValues = menuContext_1.useMenuContext_unstable(context => context.checkedValues);
+  const onCheckedValueChange = menuContext_1.useMenuContext_unstable(context => context.onCheckedValueChange);
+  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,
+    onCheckedValueChange,
+    triggerId,
+    hasIcons,
+    hasCheckmarks
+  };
 };
 /**
  * Helper function to detect if props and MenuContext values are both used
- */ const usingPropsAndMenuContext = (props, contextValue, hasMenuContext)=>{
-    let isUsingPropsAndContext = false;
-    for(const val in contextValue){
-        if (props[val]) {
-            isUsingPropsAndContext = true;
-        }
+ */
+const usingPropsAndMenuContext = (props, contextValue, hasMenuContext) => {
+  let isUsingPropsAndContext = false;
+  for (const val in contextValue) {
+    if (props[val]) {
+      isUsingPropsAndContext = true;
     }
-    return hasMenuContext && isUsingPropsAndContext;
-}; //# sourceMappingURL=useMenuList.js.map
-
+  }
+  return hasMenuContext && isUsingPropsAndContext;
+};
 //# sourceMappingURL=useMenuList.js.map