@instructure/ui-menu 10.16.1-snapshot-0 → 10.16.1

package/es/Menu/__new-tests__/Menu.test.js

@@ -22,13 +22,14 @@ var _Menu, _Menu2, _Menu3, _Menu4, _MenuItem, _MenuItem2, _MenuItem3, _Menu5, _b
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react';
+
 import { render, screen, fireEvent } from '@testing-library/react';
 import { vi } from 'vitest';
 import { userEvent } from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import { Menu, MenuItem, MenuItemSeparator } from '../index';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 describe('<Menu />', () => {
   let consoleWarningMock;
   let consoleErrorMock;
@@ -43,51 +44,71 @@ describe('<Menu />', () => {
   });
   describe('without a trigger', () => {
     it('should render', () => {
-      render(_Menu || (_Menu = /*#__PURE__*/React.createElement(Menu, {
-        label: "Menu-label-text"
-      }, /*#__PURE__*/React.createElement(MenuItem, null, "Menu Item Text"))));
+      render(_Menu || (_Menu = _jsx(Menu, {
+        label: "Menu-label-text",
+        children: _jsx(MenuItem, {
+          children: "Menu Item Text"
+        })
+      })));
       const menu = screen.getByRole('menu');
       expect(menu).toBeInTheDocument();
       expect(menu).toHaveTextContent('Menu Item Text');
       expect(menu).toHaveAttribute('aria-label', 'Menu-label-text');
     });
     it('should meet a11y standards', async () => {
-      const _render = render(_Menu2 || (_Menu2 = /*#__PURE__*/React.createElement(Menu, {
-          label: "Menu-label-text"
-        }, /*#__PURE__*/React.createElement(MenuItem, null, "Menu Item Text")))),
+      const _render = render(_Menu2 || (_Menu2 = _jsx(Menu, {
+          label: "Menu-label-text",
+          children: _jsx(MenuItem, {
+            children: "Menu Item Text"
+          })
+        }))),
         container = _render.container;
       const axeCheck = await runAxeCheck(container);
       expect(axeCheck).toBe(true);
     });
     it('should meet standards when menu is closed', async () => {
-      const _render2 = render(_Menu3 || (_Menu3 = /*#__PURE__*/React.createElement(Menu, {
-          trigger: /*#__PURE__*/React.createElement("button", null, "More")
-        }, /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery"), /*#__PURE__*/React.createElement(MenuItem, {
-          disabled: true
-        }, "Gradebook")))),
+      const _render2 = render(_Menu3 || (_Menu3 = _jsxs(Menu, {
+          trigger: _jsx("button", {
+            children: "More"
+          }),
+          children: [_jsx(MenuItem, {
+            children: "Learning Mastery"
+          }), _jsx(MenuItem, {
+            disabled: true,
+            children: "Gradebook"
+          })]
+        }))),
         container = _render2.container;
       const axeCheck = await runAxeCheck(container);
       expect(axeCheck).toBe(true);
     });
     it('should meet standards when menu is open', async () => {
-      const _render3 = render(_Menu4 || (_Menu4 = /*#__PURE__*/React.createElement(Menu, {
-          trigger: /*#__PURE__*/React.createElement("button", null, "More"),
-          defaultShow: true
-        }, /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery"), /*#__PURE__*/React.createElement(MenuItem, {
-          disabled: true
-        }, "Gradebook")))),
+      const _render3 = render(_Menu4 || (_Menu4 = _jsxs(Menu, {
+          trigger: _jsx("button", {
+            children: "More"
+          }),
+          defaultShow: true,
+          children: [_jsx(MenuItem, {
+            children: "Learning Mastery"
+          }), _jsx(MenuItem, {
+            disabled: true,
+            children: "Gradebook"
+          })]
+        }))),
         container = _render3.container;
       const axeCheck = await runAxeCheck(container);
       expect(axeCheck).toBe(true);
     });
     it('should call onSelect when menu item is selected', async () => {
       const onSelect = vi.fn();
-      const _render4 = render(/*#__PURE__*/React.createElement(Menu, {
+      const _render4 = render(_jsx(Menu, {
           label: "Settings",
-          onSelect: onSelect
-        }, _MenuItem || (_MenuItem = /*#__PURE__*/React.createElement(MenuItem, {
-          value: "Test"
-        }, "Test Item")))),
+          onSelect: onSelect,
+          children: _MenuItem || (_MenuItem = _jsx(MenuItem, {
+            value: "Test",
+            children: "Test Item"
+          }))
+        })),
         getByText = _render4.getByText;
       const item = getByText('Test Item');
       await userEvent.click(item);
@@ -96,13 +117,15 @@ describe('<Menu />', () => {
     });
     it('should not call onSelect when disabled', () => {
       const onSelect = vi.fn();
-      const _render5 = render(/*#__PURE__*/React.createElement(Menu, {
+      const _render5 = render(_jsx(Menu, {
           label: "Settings",
           onSelect: onSelect,
-          disabled: true
-        }, _MenuItem2 || (_MenuItem2 = /*#__PURE__*/React.createElement(MenuItem, {
-          value: "Account"
-        }, "Account")))),
+          disabled: true,
+          children: _MenuItem2 || (_MenuItem2 = _jsx(MenuItem, {
+            value: "Account",
+            children: "Account"
+          }))
+        })),
         getByText = _render5.getByText;
       const itemText = getByText('Account');
       const menu = screen.getByRole('menu');
@@ -113,22 +136,26 @@ describe('<Menu />', () => {
     });
     it('should provide a menu ref', () => {
       const menuRef = vi.fn();
-      render(/*#__PURE__*/React.createElement(Menu, {
+      render(_jsx(Menu, {
         label: "Settings",
-        menuRef: menuRef
-      }, _MenuItem3 || (_MenuItem3 = /*#__PURE__*/React.createElement(MenuItem, {
-        value: "Account"
-      }, "Account"))));
+        menuRef: menuRef,
+        children: _MenuItem3 || (_MenuItem3 = _jsx(MenuItem, {
+          value: "Account",
+          children: "Account"
+        }))
+      }));
       const menu = screen.getByRole('menu');
       expect(menuRef).toHaveBeenLastCalledWith(menu);
     });
     it('should set aria attributes properly', () => {
-      render(_Menu5 || (_Menu5 = /*#__PURE__*/React.createElement(Menu, {
+      render(_Menu5 || (_Menu5 = _jsx(Menu, {
         disabled: true,
-        label: "Settings"
-      }, /*#__PURE__*/React.createElement(MenuItem, {
-        value: "Account"
-      }, "Account"))));
+        label: "Settings",
+        children: _jsx(MenuItem, {
+          value: "Account",
+          children: "Account"
+        })
+      })));
       const menu = screen.getByRole('menu');
       expect(menu).toHaveAttribute('aria-disabled', 'true');
       expect(menu).toHaveAttribute('aria-label', 'Settings');
@@ -138,30 +165,46 @@ describe('<Menu />', () => {
     it('should render into a mountNode', () => {
       const mountNode = document.createElement('div');
       document.body.appendChild(mountNode);
-      render(/*#__PURE__*/React.createElement(Menu, {
+      render(_jsx(Menu, {
         defaultShow: true,
         mountNode: mountNode,
         label: "Settings",
-        trigger: _button || (_button = /*#__PURE__*/React.createElement("button", null, "Settings"))
-      }, _MenuItem4 || (_MenuItem4 = /*#__PURE__*/React.createElement(MenuItem, null, "Account"))));
+        trigger: _button || (_button = _jsx("button", {
+          children: "Settings"
+        })),
+        children: _MenuItem4 || (_MenuItem4 = _jsx(MenuItem, {
+          children: "Account"
+        }))
+      }));
       expect(mountNode).toHaveTextContent('Account');
       document.body.removeChild(mountNode);
     });
     it('should set aria attributes properly', () => {
-      render(_Menu6 || (_Menu6 = /*#__PURE__*/React.createElement(Menu, {
-        trigger: /*#__PURE__*/React.createElement("button", null, "Settings"),
-        defaultShow: true
-      }, /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery"), /*#__PURE__*/React.createElement(MenuItem, {
-        disabled: true
-      }, "Gradebook"), /*#__PURE__*/React.createElement(MenuItem, {
-        type: "radio",
-        defaultChecked: true
-      }, "Default (Grid view)"), /*#__PURE__*/React.createElement(MenuItem, {
-        type: "radio"
-      }, "Individual (List view)"), /*#__PURE__*/React.createElement(MenuItem, {
-        type: "checkbox",
-        defaultChecked: true
-      }, "Include Anchor Standards"), /*#__PURE__*/React.createElement(MenuItemSeparator, null), /*#__PURE__*/React.createElement(MenuItem, null, "Open grading history..."))));
+      render(_Menu6 || (_Menu6 = _jsxs(Menu, {
+        trigger: _jsx("button", {
+          children: "Settings"
+        }),
+        defaultShow: true,
+        children: [_jsx(MenuItem, {
+          children: "Learning Mastery"
+        }), _jsx(MenuItem, {
+          disabled: true,
+          children: "Gradebook"
+        }), _jsx(MenuItem, {
+          type: "radio",
+          defaultChecked: true,
+          children: "Default (Grid view)"
+        }), _jsx(MenuItem, {
+          type: "radio",
+          children: "Individual (List view)"
+        }), _jsx(MenuItem, {
+          type: "checkbox",
+          defaultChecked: true,
+          children: "Include Anchor Standards"
+        }), _jsx(MenuItemSeparator, {}), _jsx(MenuItem, {
+          children: "Open grading history..."
+        })]
+      })));
       const menu = screen.getByRole('menu');
       const trigger = screen.getByRole('button', {
         name: 'Settings'
@@ -171,12 +214,18 @@ describe('<Menu />', () => {
     });
     it('should call onFocus on focus', () => {
       const onFocus = vi.fn();
-      const _render6 = render(/*#__PURE__*/React.createElement(Menu, {
-          trigger: _button2 || (_button2 = /*#__PURE__*/React.createElement("button", null, "More")),
-          onFocus: onFocus
-        }, _MenuItem5 || (_MenuItem5 = /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery")), _MenuItem6 || (_MenuItem6 = /*#__PURE__*/React.createElement(MenuItem, {
-          disabled: true
-        }, "Gradebook")))),
+      const _render6 = render(_jsxs(Menu, {
+          trigger: _button2 || (_button2 = _jsx("button", {
+            children: "More"
+          })),
+          onFocus: onFocus,
+          children: [_MenuItem5 || (_MenuItem5 = _jsx(MenuItem, {
+            children: "Learning Mastery"
+          })), _MenuItem6 || (_MenuItem6 = _jsx(MenuItem, {
+            disabled: true,
+            children: "Gradebook"
+          }))]
+        })),
         getByRole = _render6.getByRole;
       const triggerButton = getByRole('button', {
         name: 'More'
@@ -185,13 +234,19 @@ describe('<Menu />', () => {
       expect(onFocus).toHaveBeenCalled();
     });
     it('should render when show and onToggle props are set', () => {
-      const _render7 = render(/*#__PURE__*/React.createElement(Menu, {
-          trigger: _button3 || (_button3 = /*#__PURE__*/React.createElement("button", null, "More")),
+      const _render7 = render(_jsxs(Menu, {
+          trigger: _button3 || (_button3 = _jsx("button", {
+            children: "More"
+          })),
           show: true,
-          onToggle: () => {}
-        }, _MenuItem7 || (_MenuItem7 = /*#__PURE__*/React.createElement(MenuItem, null, "Test1")), _MenuItem8 || (_MenuItem8 = /*#__PURE__*/React.createElement(MenuItem, {
-          disabled: true
-        }, "Test2")))),
+          onToggle: () => {},
+          children: [_MenuItem7 || (_MenuItem7 = _jsx(MenuItem, {
+            children: "Test1"
+          })), _MenuItem8 || (_MenuItem8 = _jsx(MenuItem, {
+            disabled: true,
+            children: "Test2"
+          }))]
+        })),
         getByRole = _render7.getByRole,
         getAllByRole = _render7.getAllByRole,
         queryByText = _render7.queryByText;
@@ -207,11 +262,17 @@ describe('<Menu />', () => {
       expect(menuItem2).toBeInTheDocument();
     });
     it('should not show by default', () => {
-      const _render8 = render(_Menu7 || (_Menu7 = /*#__PURE__*/React.createElement(Menu, {
-          trigger: /*#__PURE__*/React.createElement("button", null, "More")
-        }, /*#__PURE__*/React.createElement(MenuItem, null, "Test1"), /*#__PURE__*/React.createElement(MenuItem, {
-          disabled: true
-        }, "Test2")))),
+      const _render8 = render(_Menu7 || (_Menu7 = _jsxs(Menu, {
+          trigger: _jsx("button", {
+            children: "More"
+          }),
+          children: [_jsx(MenuItem, {
+            children: "Test1"
+          }), _jsx(MenuItem, {
+            disabled: true,
+            children: "Test2"
+          })]
+        }))),
         queryByText = _render8.queryByText,
         getByRole = _render8.getByRole;
       const triggerButton = getByRole('button', {
@@ -224,12 +285,18 @@ describe('<Menu />', () => {
       expect(menuItem2).not.toBeInTheDocument();
     });
     it('should accept a default show', () => {
-      const _render9 = render(_Menu8 || (_Menu8 = /*#__PURE__*/React.createElement(Menu, {
-          trigger: /*#__PURE__*/React.createElement("button", null, "More"),
-          defaultShow: true
-        }, /*#__PURE__*/React.createElement(MenuItem, null, "Test1"), /*#__PURE__*/React.createElement(MenuItem, {
-          disabled: true
-        }, "Test2")))),
+      const _render9 = render(_Menu8 || (_Menu8 = _jsxs(Menu, {
+          trigger: _jsx("button", {
+            children: "More"
+          }),
+          defaultShow: true,
+          children: [_jsx(MenuItem, {
+            children: "Test1"
+          }), _jsx(MenuItem, {
+            disabled: true,
+            children: "Test2"
+          })]
+        }))),
         queryByText = _render9.queryByText,
         getByRole = _render9.getByRole;
       const triggerButton = getByRole('button', {
@@ -243,59 +310,89 @@ describe('<Menu />', () => {
     });
     it('should provide a menu ref', () => {
       const menuRef = vi.fn();
-      render(/*#__PURE__*/React.createElement(Menu, {
-        trigger: _button4 || (_button4 = /*#__PURE__*/React.createElement("button", null, "More")),
+      render(_jsxs(Menu, {
+        trigger: _button4 || (_button4 = _jsx("button", {
+          children: "More"
+        })),
         defaultShow: true,
-        menuRef: menuRef
-      }, _MenuItem9 || (_MenuItem9 = /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery")), _MenuItem10 || (_MenuItem10 = /*#__PURE__*/React.createElement(MenuItem, {
-        disabled: true
-      }, "Gradebook"))));
+        menuRef: menuRef,
+        children: [_MenuItem9 || (_MenuItem9 = _jsx(MenuItem, {
+          children: "Learning Mastery"
+        })), _MenuItem10 || (_MenuItem10 = _jsx(MenuItem, {
+          disabled: true,
+          children: "Gradebook"
+        }))]
+      }));
       const menu = screen.getByRole('menu');
       expect(menuRef).toHaveBeenCalledWith(menu);
     });
     it('should provide a popoverRef ref', () => {
       const popoverRef = vi.fn();
-      render(/*#__PURE__*/React.createElement(Menu, {
-        trigger: _button5 || (_button5 = /*#__PURE__*/React.createElement("button", null, "More")),
+      render(_jsxs(Menu, {
+        trigger: _button5 || (_button5 = _jsx("button", {
+          children: "More"
+        })),
         defaultShow: true,
-        popoverRef: popoverRef
-      }, _MenuItem11 || (_MenuItem11 = /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery")), _MenuItem12 || (_MenuItem12 = /*#__PURE__*/React.createElement(MenuItem, {
-        disabled: true
-      }, "Gradebook"))));
+        popoverRef: popoverRef,
+        children: [_MenuItem11 || (_MenuItem11 = _jsx(MenuItem, {
+          children: "Learning Mastery"
+        })), _MenuItem12 || (_MenuItem12 = _jsx(MenuItem, {
+          disabled: true,
+          children: "Gradebook"
+        }))]
+      }));
       expect(popoverRef).toHaveBeenCalled();
     });
     it('should call onToggle on click', () => {
       const onToggle = vi.fn();
-      render(/*#__PURE__*/React.createElement(Menu, {
-        trigger: _button6 || (_button6 = /*#__PURE__*/React.createElement("button", null, "More")),
-        onToggle: onToggle
-      }, _MenuItem13 || (_MenuItem13 = /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery")), _MenuItem14 || (_MenuItem14 = /*#__PURE__*/React.createElement(MenuItem, {
-        disabled: true
-      }, "Gradebook"))));
+      render(_jsxs(Menu, {
+        trigger: _button6 || (_button6 = _jsx("button", {
+          children: "More"
+        })),
+        onToggle: onToggle,
+        children: [_MenuItem13 || (_MenuItem13 = _jsx(MenuItem, {
+          children: "Learning Mastery"
+        })), _MenuItem14 || (_MenuItem14 = _jsx(MenuItem, {
+          disabled: true,
+          children: "Gradebook"
+        }))]
+      }));
       const trigger = screen.getByRole('button');
       fireEvent.click(trigger);
       expect(onToggle).toHaveBeenCalled();
     });
     it('should have an aria-haspopup attribute', () => {
-      render(_Menu9 || (_Menu9 = /*#__PURE__*/React.createElement(Menu, {
-        trigger: /*#__PURE__*/React.createElement("button", null, "More")
-      }, /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery"), /*#__PURE__*/React.createElement(MenuItem, {
-        disabled: true
-      }, "Gradebook"))));
+      render(_Menu9 || (_Menu9 = _jsxs(Menu, {
+        trigger: _jsx("button", {
+          children: "More"
+        }),
+        children: [_jsx(MenuItem, {
+          children: "Learning Mastery"
+        }), _jsx(MenuItem, {
+          disabled: true,
+          children: "Gradebook"
+        })]
+      })));
       const trigger = screen.getByRole('button');
       expect(trigger).toHaveAttribute('aria-haspopup');
     });
     it('should pass positionContainerDisplay prop to Popover', () => {
       let popoverRef = null;
-      render(/*#__PURE__*/React.createElement(Menu, {
-        trigger: _button7 || (_button7 = /*#__PURE__*/React.createElement("button", null, "More")),
+      render(_jsxs(Menu, {
+        trigger: _button7 || (_button7 = _jsx("button", {
+          children: "More"
+        })),
         popoverRef: e => {
           popoverRef = e;
         },
-        positionContainerDisplay: "block"
-      }, _MenuItem15 || (_MenuItem15 = /*#__PURE__*/React.createElement(MenuItem, null, "Learning Mastery")), _MenuItem16 || (_MenuItem16 = /*#__PURE__*/React.createElement(MenuItem, {
-        disabled: true
-      }, "Gradebook"))));
+        positionContainerDisplay: "block",
+        children: [_MenuItem15 || (_MenuItem15 = _jsx(MenuItem, {
+          children: "Learning Mastery"
+        })), _MenuItem16 || (_MenuItem16 = _jsx(MenuItem, {
+          disabled: true,
+          children: "Gradebook"
+        }))]
+      }));
       const popoverProps = popoverRef.props;
       expect(popoverProps.positionContainerDisplay).toBe('block');
     });

package/es/Menu/index.js

@@ -22,8 +22,8 @@ var _dec, _dec2, _dec3, _class, _Menu;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-/** @jsx jsx */
-import React, { Children, Component } from 'react';
+
+import { Children, Component } from 'react';
 import keycode from 'keycode';
 import { Popover } from '@instructure/ui-popover';
 import { safeCloneElement, matchComponentTypes, withDeterministicId } from '@instructure/ui-react-utils';
@@ -34,10 +34,11 @@ import { MenuContext } from '../MenuContext';
 import { MenuItem } from './MenuItem';
 import { MenuItemGroup } from './MenuItemGroup';
 import { MenuItemSeparator } from './MenuItemSeparator';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
 category: components
@@ -276,15 +277,16 @@ let Menu = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gener
           withArrow: false,
           onToggle: this.handleSubMenuToggle,
           onDismiss: this.handleSubMenuDismiss,
-          trigger: jsx(MenuItem, {
+          trigger: _jsx(MenuItem, {
             onMouseOver: this.handleMenuItemMouseOver,
             onFocus: this.handleMenuItemFocus,
             onBlur: this.handleMenuItemBlur,
             tabIndex: isTabbable ? 0 : -1,
             type: "flyout",
             disabled: submenuDisabled,
-            renderLabelInfo: child.props.renderLabelInfo
-          }, child.props.title || child.props.label)
+            renderLabelInfo: child.props.renderLabelInfo,
+            children: child.props.title || child.props.label
+          })
         });
       }
       return;
@@ -299,23 +301,25 @@ let Menu = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gener
       onKeyUp = _this$props4.onKeyUp;
     const labelledBy = this.props['aria-labelledby'];
     const controls = this.props['aria-controls'];
-    return jsx(MenuContext.Provider, {
+    return _jsx(MenuContext.Provider, {
       value: {
         removeMenuItem: this.removeMenuItem,
         registerMenuItem: this.registerMenuItem
-      }
-    }, jsx("div", {
-      role: "menu",
-      "aria-label": label,
-      tabIndex: 0,
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.menu,
-      "aria-labelledby": labelledBy || (trigger ? this._labelId : void 0),
-      "aria-controls": controls,
-      "aria-disabled": disabled ? 'true' : void 0,
-      onKeyDown: this.handleMenuKeyDown,
-      onKeyUp: onKeyUp,
-      ref: this.handleRef
-    }, this.renderChildren()));
+      },
+      children: _jsx("div", {
+        role: "menu",
+        "aria-label": label,
+        tabIndex: 0,
+        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.menu,
+        "aria-labelledby": labelledBy || (trigger ? this._labelId : void 0),
+        "aria-controls": controls,
+        "aria-disabled": disabled ? 'true' : void 0,
+        onKeyDown: this.handleMenuKeyDown,
+        onKeyUp: onKeyUp,
+        ref: this.handleRef,
+        children: this.renderChildren()
+      })
+    });
   }
   render() {
     const _this$props5 = this.props,
@@ -333,7 +337,7 @@ let Menu = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gener
       positionContainerDisplay = _this$props5.positionContainerDisplay,
       offsetX = _this$props5.offsetX,
       offsetY = _this$props5.offsetY;
-    return trigger ? jsx(Popover, {
+    return trigger ? _jsx(Popover, {
       isShowingContent: show,
       defaultIsShowingContent: defaultShow,
       onHideContent: (event, {
@@ -375,8 +379,9 @@ let Menu = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gener
         onMouseOver: this.handleTriggerMouseOver,
         onKeyDown: this.handleTriggerKeyDown,
         disabled: trigger.props.disabled || disabled
-      })
-    }, this.renderMenu()) : this.renderMenu();
+      }),
+      children: this.renderMenu()
+    }) : this.renderMenu();
   }
 }, _Menu.displayName = "Menu", _Menu.componentId = 'Menu', _Menu.propTypes = propTypes, _Menu.allowedProps = allowedProps, _Menu.defaultProps = {
   label: null,