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

package/lib-commonjs/utils/index.js

@@ -1,9 +1,8 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./useOnMenuEnter"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./useOnMenuEnter"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/utils/index.js"],"sourcesContent":["export * from \"./useOnMenuEnter\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../packages/react-components/react-menu/src/utils/index.ts"],"sourcesContent":["export * from './useOnMenuEnter';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA"}

package/lib-commonjs/utils/useIsSubmenu.js

@@ -1,18 +1,24 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useIsSubmenu", {
-    enumerable: true,
-    get: ()=>useIsSubmenu
+  value: true
 });
-const _reactContextSelector = require("@fluentui/react-context-selector");
-const _menuContext = require("../contexts/menuContext");
-const _menuListContext = require("../contexts/menuListContext");
+exports.useIsSubmenu = void 0;
+const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
+const menuContext_1 = /*#__PURE__*/require("../contexts/menuContext");
+const menuListContext_1 = /*#__PURE__*/require("../contexts/menuListContext");
+/**
+ * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true
+ * or whether it is a part of a `MenuList`
+ *
+ * A simple hook to check box contexts easily
+ *
+ * @returns whether the component is part of a submenu
+ */
 function useIsSubmenu() {
-    const menuContextValue = (0, _menuContext.useMenuContext_unstable)((context)=>context.isSubmenu);
-    const hasMenuListContext = (0, _reactContextSelector.useHasParentContext)(_menuListContext.MenuListContext);
-    return menuContextValue || hasMenuListContext;
-} //# sourceMappingURL=useIsSubmenu.js.map
-
+  const menuContextValue = menuContext_1.useMenuContext_unstable(context => context.isSubmenu);
+  const hasMenuListContext = react_context_selector_1.useHasParentContext(menuListContext_1.MenuListContext);
+  return menuContextValue || hasMenuListContext;
+}
+exports.useIsSubmenu = useIsSubmenu;
 //# sourceMappingURL=useIsSubmenu.js.map

package/lib-commonjs/utils/useIsSubmenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/utils/useIsSubmenu.js"],"sourcesContent":["import { useHasParentContext } from \"@fluentui/react-context-selector\";\nimport { useMenuContext_unstable } from \"../contexts/menuContext\";\nimport { MenuListContext } from \"../contexts/menuListContext\";\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu() {\n  const menuContextValue = useMenuContext_unstable(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n  return menuContextValue || hasMenuListContext;\n}\n//# sourceMappingURL=useIsSubmenu.js.map"],"names":["useIsSubmenu","menuContextValue","useMenuContext_unstable","context","isSubmenu","hasMenuListContext","useHasParentContext","MenuListContext"],"mappings":";;;;+BAWgBA;;aAAAA;;sCAXoB;6BACI;iCACR;AASzB,SAASA,eAAe;IAC7B,MAAMC,mBAAmBC,IAAAA,oCAAuB,EAACC,CAAAA,UAAWA,QAAQC,SAAS;IAC7E,MAAMC,qBAAqBC,IAAAA,yCAAmB,EAACC,gCAAe;IAC9D,OAAON,oBAAoBI;AAC7B,EACA,wCAAwC"}
+{"version":3,"names":["react_context_selector_1","require","menuContext_1","menuListContext_1","useIsSubmenu","menuContextValue","useMenuContext_unstable","context","isSubmenu","hasMenuListContext","useHasParentContext","MenuListContext","exports"],"sources":["../../../../../../../../packages/react-components/react-menu/src/utils/useIsSubmenu.ts"],"sourcesContent":["import { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\nimport { MenuListContext } from '../contexts/menuListContext';\n\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu() {\n  const menuContextValue = useMenuContext_unstable(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n\n  return menuContextValue || hasMenuListContext;\n}\n"],"mappings":";;;;;;AAAA,MAAAA,wBAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAEA;;;;;;;;AAQA,SAAgBG,YAAYA,CAAA;EAC1B,MAAMC,gBAAgB,GAAGH,aAAA,CAAAI,uBAAuB,CAACC,OAAO,IAAIA,OAAO,CAACC,SAAS,CAAC;EAC9E,MAAMC,kBAAkB,GAAGT,wBAAA,CAAAU,mBAAmB,CAACP,iBAAA,CAAAQ,eAAe,CAAC;EAE/D,OAAON,gBAAgB,IAAII,kBAAkB;AAC/C;AALAG,OAAA,CAAAR,YAAA,GAAAA,YAAA"}

package/lib-commonjs/utils/useOnMenuEnter.js

@@ -1,61 +1,73 @@
 "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, {
-    MENU_ENTER_EVENT: ()=>MENU_ENTER_EVENT,
-    useOnMenuMouseEnter: ()=>useOnMenuMouseEnter,
-    dispatchMenuEnterEvent: ()=>dispatchMenuEnterEvent
+  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 _reactPortal = require("@fluentui/react-portal");
-const MENU_ENTER_EVENT = "fuimenuenter";
-const useOnMenuMouseEnter = (options)=>{
-    const { refs , callback , element , disabled  } = options;
-    // Keep mouse event here because this is essentially a custom 'mouseenter' event
-    const listener = (0, _reactUtilities.useEventCallback)((ev)=>{
-        const popoverRef = refs[0];
-        const someMenuPopover = ev.target;
-        // someMenu is a child -> will always be contained because of vParents
-        // someMenu is a parent -> will always not be contained because no vParent
-        // someMenu is the current popover -> it will contain itself
-        const isOutsidePopover = !(0, _reactPortal.elementContains)(popoverRef.current ?? null, someMenuPopover);
-        if (isOutsidePopover && !disabled) {
-            callback(ev);
-        }
-    });
-    _react.useEffect(()=>{
-        // eslint-disable-next-line eqeqeq
-        if (element == null) {
-            return;
-        }
-        if (!disabled) {
-            element.addEventListener(MENU_ENTER_EVENT, listener);
-        }
-        return ()=>{
-            element.removeEventListener(MENU_ENTER_EVENT, listener);
-        };
-    }, [
-        listener,
-        element,
-        disabled
-    ]);
+exports.dispatchMenuEnterEvent = exports.useOnMenuMouseEnter = exports.MENU_ENTER_EVENT = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
+/**
+ * Name of the custom event
+ */
+exports.MENU_ENTER_EVENT = 'fuimenuenter';
+/**
+ * This hook works similarly to @see {useOnClickOutside}
+ *
+ * Problem: Trying to behave the same as system menus:
+ * When the mouse leaves a stack of nested menus the stack should not dismiss.
+ * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.
+ *
+ * We don't use the native mouseenter event because it would trigger too many times in the document
+ * Instead, dispatch custom DOM event from the menu so that it can bubble
+ * Each nested menu can use the listener to check if the event is from a child or parent menu
+ */
+const useOnMenuMouseEnter = options => {
+  const {
+    refs,
+    callback,
+    element,
+    disabled
+  } = options;
+  // Keep mouse event here because this is essentially a custom 'mouseenter' event
+  const listener = react_utilities_1.useEventCallback(ev => {
+    var _a;
+    const popoverRef = refs[0];
+    const someMenuPopover = ev.target;
+    // someMenu is a child -> will always be contained because of vParents
+    // someMenu is a parent -> will always not be contained because no vParent
+    // someMenu is the current popover -> it will contain itself
+    const isOutsidePopover = !react_portal_1.elementContains((_a = popoverRef.current) !== null && _a !== void 0 ? _a : null, someMenuPopover);
+    if (isOutsidePopover && !disabled) {
+      callback(ev);
+    }
+  });
+  React.useEffect(() => {
+    // eslint-disable-next-line eqeqeq
+    if (element == null) {
+      return;
+    }
+    if (!disabled) {
+      element.addEventListener(exports.MENU_ENTER_EVENT, listener);
+    }
+    return () => {
+      element.removeEventListener(exports.MENU_ENTER_EVENT, listener);
+    };
+  }, [listener, element, disabled]);
 };
-const dispatchMenuEnterEvent = (el, nativeEvent)=>{
-    el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, {
-        bubbles: true,
-        detail: {
-            nativeEvent
-        }
-    }));
-}; //# sourceMappingURL=useOnMenuEnter.js.map
-
+exports.useOnMenuMouseEnter = useOnMenuMouseEnter;
+/**
+ * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`
+ * @param el element for the event target
+ * @param nativeEvent the native mouse event this is mapped to
+ */
+const dispatchMenuEnterEvent = (el, nativeEvent) => {
+  el.dispatchEvent(new CustomEvent(exports.MENU_ENTER_EVENT, {
+    bubbles: true,
+    detail: {
+      nativeEvent
+    }
+  }));
+};
+exports.dispatchMenuEnterEvent = dispatchMenuEnterEvent;
 //# sourceMappingURL=useOnMenuEnter.js.map

package/lib-commonjs/utils/useOnMenuEnter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/utils/useOnMenuEnter.js"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"@fluentui/react-utilities\";\nimport { elementContains } from \"@fluentui/react-portal\";\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = \"fuimenuenter\";\n/**\n * This hook works similarly to @see {useOnClickOutside}\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = options => {\n  const {\n    refs,\n    callback,\n    element,\n    disabled\n  } = options;\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback(ev => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target;\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener);\n    }\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener);\n    };\n  }, [listener, element, disabled]);\n};\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el element for the event target\n * @param nativeEvent the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el, nativeEvent) => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, {\n    bubbles: true,\n    detail: {\n      nativeEvent\n    }\n  }));\n};\n//# sourceMappingURL=useOnMenuEnter.js.map"],"names":["MENU_ENTER_EVENT","useOnMenuMouseEnter","dispatchMenuEnterEvent","options","refs","callback","element","disabled","listener","useEventCallback","ev","popoverRef","someMenuPopover","target","isOutsidePopover","elementContains","current","React","useEffect","addEventListener","removeEventListener","el","nativeEvent","dispatchEvent","CustomEvent","bubbles","detail"],"mappings":";;;;;;;;;;;IAMaA,gBAAgB,MAAhBA;IAYAC,mBAAmB,MAAnBA;IAqCAC,sBAAsB,MAAtBA;;;6DAvDU;gCACU;6BACD;AAIzB,MAAMF,mBAAmB;AAYzB,MAAMC,sBAAsBE,CAAAA,UAAW;IAC5C,MAAM,EACJC,KAAI,EACJC,SAAQ,EACRC,QAAO,EACPC,SAAQ,EACT,GAAGJ;IACJ,gFAAgF;IAChF,MAAMK,WAAWC,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;QACtC,MAAMC,aAAaP,IAAI,CAAC,EAAE;QAC1B,MAAMQ,kBAAkBF,GAAGG,MAAM;QACjC,sEAAsE;QACtE,0EAA0E;QAC1E,4DAA4D;QAC5D,MAAMC,mBAAmB,CAACC,IAAAA,4BAAe,EAACJ,WAAWK,OAAO,IAAI,IAAI,EAAEJ;QACtE,IAAIE,oBAAoB,CAACP,UAAU;YACjCF,SAASK;QACX,CAAC;IACH;IACAO,OAAMC,SAAS,CAAC,IAAM;QACpB,kCAAkC;QAClC,IAAIZ,WAAW,IAAI,EAAE;YACnB;QACF,CAAC;QACD,IAAI,CAACC,UAAU;YACbD,QAAQa,gBAAgB,CAACnB,kBAAkBQ;QAC7C,CAAC;QACD,OAAO,IAAM;YACXF,QAAQc,mBAAmB,CAACpB,kBAAkBQ;QAChD;IACF,GAAG;QAACA;QAAUF;QAASC;KAAS;AAClC;AAMO,MAAML,yBAAyB,CAACmB,IAAIC,cAAgB;IACzDD,GAAGE,aAAa,CAAC,IAAIC,YAAYxB,kBAAkB;QACjDyB,SAAS,IAAI;QACbC,QAAQ;YACNJ;QACF;IACF;AACF,GACA,0CAA0C"}
+{"version":3,"names":["React","require","react_utilities_1","react_portal_1","exports","MENU_ENTER_EVENT","useOnMenuMouseEnter","options","refs","callback","element","disabled","listener","useEventCallback","ev","popoverRef","someMenuPopover","target","isOutsidePopover","elementContains","_a","current","useEffect","addEventListener","removeEventListener","dispatchMenuEnterEvent","el","nativeEvent","dispatchEvent","CustomEvent","bubbles","detail"],"sources":["../../../../../../../../packages/react-components/react-menu/src/utils/useOnMenuEnter.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { elementContains } from '@fluentui/react-portal';\nimport type { UseOnClickOrScrollOutsideOptions } from '@fluentui/react-utilities';\n\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = 'fuimenuenter';\n\n/**\n * This hook works similarly to @see {useOnClickOutside}\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled } = options;\n\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback((ev: MouseEvent) => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target as HTMLElement;\n\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n\n    /**\n     * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n     * evt is being typed as a base class of MouseEvent -> `Event`.\n     * This type is used to override `listener` calls to make TS happy\n     */\n\n    type ListenerOverride = (evt: Event) => void;\n\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    }\n\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    };\n  }, [listener, element, disabled]);\n};\n\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el element for the event target\n * @param nativeEvent the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el: HTMLElement, nativeEvent: MouseEvent) => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, { bubbles: true, detail: { nativeEvent } }));\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AAGA;;;AAGaG,OAAA,CAAAC,gBAAgB,GAAG,cAAc;AAE9C;;;;;;;;;;;AAWO,MAAMC,mBAAmB,GAAIC,OAAyC,IAAI;EAC/E,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAQ,CAAE,GAAGJ,OAAO;EAErD;EACA,MAAMK,QAAQ,GAAGV,iBAAA,CAAAW,gBAAgB,CAAEC,EAAc,IAAI;;IACnD,MAAMC,UAAU,GAAGP,IAAI,CAAC,CAAC,CAAC;IAC1B,MAAMQ,eAAe,GAAGF,EAAE,CAACG,MAAqB;IAEhD;IACA;IACA;IACA,MAAMC,gBAAgB,GAAG,CAACf,cAAA,CAAAgB,eAAe,CAAC,CAAAC,EAAA,GAAAL,UAAU,CAACM,OAAO,cAAAD,EAAA,cAAAA,EAAA,GAAI,IAAI,EAAEJ,eAAe,CAAC;IACtF,IAAIE,gBAAgB,IAAI,CAACP,QAAQ,EAAE;MACjCF,QAAQ,CAACK,EAAE,CAAC;;EAEhB,CAAC,CAAC;EAEFd,KAAK,CAACsB,SAAS,CAAC,MAAK;IACnB;IACA,IAAIZ,OAAO,IAAI,IAAI,EAAE;MACnB;;IAWF,IAAI,CAACC,QAAQ,EAAE;MACbD,OAAO,CAACa,gBAAgB,CAACnB,OAAA,CAAAC,gBAAgB,EAAEO,QAA4B,CAAC;;IAG1E,OAAO,MAAK;MACVF,OAAO,CAACc,mBAAmB,CAACpB,OAAA,CAAAC,gBAAgB,EAAEO,QAA4B,CAAC;IAC7E,CAAC;EACH,CAAC,EAAE,CAACA,QAAQ,EAAEF,OAAO,EAAEC,QAAQ,CAAC,CAAC;AACnC,CAAC;AAvCYP,OAAA,CAAAE,mBAAmB,GAAAA,mBAAA;AAyChC;;;;;AAKO,MAAMmB,sBAAsB,GAAGA,CAACC,EAAe,EAAEC,WAAuB,KAAI;EACjFD,EAAE,CAACE,aAAa,CAAC,IAAIC,WAAW,CAACzB,OAAA,CAAAC,gBAAgB,EAAE;IAAEyB,OAAO,EAAE,IAAI;IAAEC,MAAM,EAAE;MAAEJ;IAAW;EAAE,CAAE,CAAC,CAAC;AACjG,CAAC;AAFYvB,OAAA,CAAAqB,sBAAsB,GAAAA,sBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "0.0.0-nightly-20230317-1454.1",
+  "version": "0.0.0-nightly-20230321-0440.1",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -24,29 +24,29 @@
     "storybook": "start-storybook",
     "test": "jest --passWithNoTests",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230321-0440.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-portal": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-positioning": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-icons": "^2.0.196",
+    "@fluentui/react-portal": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-positioning": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230321-0440.1",
     "@griffel/react": "^1.5.2",
-    "@swc/helpers": "^0.4.14"
+    "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -59,6 +59,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/.swcrc

@@ -1,39 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    }
-  },
-  "minify": false,
-  "sourceMaps": true
-}