@instructure/ui-menu 8.10.1-snapshot.8 → 8.10.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-menu
+
+## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-menu
+
 # [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
 
 **Note:** Version bump only for package @instructure/ui-menu

package/es/Menu/MenuItem/index.js

@@ -48,6 +48,13 @@ id: Menu.Item
 let MenuItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class MenuItem extends Component {
   constructor(props) {
     super();
+    this.ref = null;
+    this._node = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+      this._node = el;
+    };
 
     this.handleClick = e => {
       const _this$props = this.props,
@@ -219,9 +226,7 @@ let MenuItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
       onClick: this.handleClick,
       onKeyUp: createChainedFunction(onKeyUp, this.handleKeyUp),
       onKeyDown: createChainedFunction(onKeyDown, this.handleKeyDown),
-      ref: c => {
-        this._node = c;
-      },
+      ref: this.handleRef,
       css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.menuItem,
       onMouseOver: this.handleMouseOver
     }), this.renderContent());

package/es/Menu/MenuItemGroup/index.js

@@ -45,6 +45,11 @@ id: Menu.Group
 let MenuItemGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class MenuItemGroup extends Component {
   constructor(props) {
     super();
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.handleSelect = (e, value, selected, item) => {
       if (this.props.disabled) {
@@ -171,7 +176,8 @@ let MenuItemGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _d
     const props = omitProps(this.props, MenuItemGroup.allowedProps);
     return jsx("span", Object.assign({}, props, {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.menuItemGroup,
-      role: "presentation"
+      role: "presentation",
+      ref: this.handleRef
     }), jsx("span", {
       id: this._labelId
     }, this.renderLabel()), jsx("ul", {

package/es/Menu/MenuItemSeparator/index.js

@@ -41,6 +41,15 @@ id: Menu.Separator
 @module MenuItemSeparator
 **/
 let MenuItemSeparator = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class MenuItemSeparator extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   componentDidMount() {
     this.props.makeStyles();
   }
@@ -55,7 +64,8 @@ let MenuItemSeparator = (_dec = withStyle(generateStyle, generateComponentTheme)
     const props = omitProps(this.props, MenuItemSeparator.allowedProps);
     return jsx("div", Object.assign({}, props, {
       role: "presentation",
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.menuItemSeparator
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.menuItemSeparator,
+      ref: this.handleRef
     }));
   }
 

package/es/Menu/index.js

@@ -60,6 +60,17 @@ let Menu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
     this._menu = null;
     this._labelId = uid('Menu__label');
     this._activeSubMenu = null;
+    this.ref = null;
+
+    this.handleRef = el => {
+      const menuRef = this.props.menuRef;
+      this.ref = el;
+      this._menu = el;
+
+      if (typeof menuRef === 'function') {
+        menuRef(el);
+      }
+    };
 
     this.registerMenuItem = item => {
       this._menuItems.push(item);
@@ -327,12 +338,10 @@ let Menu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
     var _this$props$styles;
 
     const _this$props2 = this.props,
-          menuRef = _this$props2.menuRef,
           disabled = _this$props2.disabled,
           label = _this$props2.label,
           trigger = _this$props2.trigger,
-          onKeyUp = _this$props2.onKeyUp,
-          contentRef = _this$props2.contentRef;
+          onKeyUp = _this$props2.onKeyUp;
     const labelledBy = this.props['aria-labelledby']; // eslint-disable-line react/prop-types
 
     const controls = this.props['aria-controls']; // eslint-disable-line react/prop-types
@@ -352,17 +361,7 @@ let Menu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       "aria-disabled": disabled ? 'true' : null,
       onKeyDown: this.handleMenuKeyDown,
       onKeyUp: onKeyUp,
-      ref: el => {
-        this._menu = el;
-
-        if (typeof menuRef === 'function') {
-          menuRef(el);
-        }
-
-        if (typeof contentRef === 'function') {
-          contentRef(el);
-        }
-      }
+      ref: this.handleRef
     }, this.renderChildren()));
   }
 

package/lib/Menu/MenuItem/index.js

@@ -50,6 +50,13 @@ id: Menu.Item
 let MenuItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class MenuItem extends _react.Component {
   constructor(props) {
     super();
+    this.ref = null;
+    this._node = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+      this._node = el;
+    };
 
     this.handleClick = e => {
       const _this$props = this.props,
@@ -221,9 +228,7 @@ let MenuItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
       onClick: this.handleClick,
       onKeyUp: (0, _createChainedFunction.createChainedFunction)(onKeyUp, this.handleKeyUp),
       onKeyDown: (0, _createChainedFunction.createChainedFunction)(onKeyDown, this.handleKeyDown),
-      ref: c => {
-        this._node = c;
-      },
+      ref: this.handleRef,
       css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.menuItem,
       onMouseOver: this.handleMouseOver
     }), this.renderContent());

package/lib/Menu/MenuItemGroup/index.js

@@ -42,6 +42,11 @@ id: Menu.Group
 let MenuItemGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class MenuItemGroup extends _react.Component {
   constructor(props) {
     super();
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.handleSelect = (e, value, selected, item) => {
       if (this.props.disabled) {
@@ -170,7 +175,8 @@ let MenuItemGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
     const props = (0, _omitProps.omitProps)(this.props, MenuItemGroup.allowedProps);
     return (0, _emotion.jsx)("span", Object.assign({}, props, {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.menuItemGroup,
-      role: "presentation"
+      role: "presentation",
+      ref: this.handleRef
     }), (0, _emotion.jsx)("span", {
       id: this._labelId
     }, this.renderLabel()), (0, _emotion.jsx)("ul", {

package/lib/Menu/MenuItemSeparator/index.js

@@ -31,6 +31,15 @@ id: Menu.Separator
 @module MenuItemSeparator
 **/
 let MenuItemSeparator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class MenuItemSeparator extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+
   componentDidMount() {
     this.props.makeStyles();
   }
@@ -45,7 +54,8 @@ let MenuItemSeparator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
     const props = (0, _omitProps.omitProps)(this.props, MenuItemSeparator.allowedProps);
     return (0, _emotion.jsx)("div", Object.assign({}, props, {
       role: "presentation",
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.menuItemSeparator
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.menuItemSeparator,
+      ref: this.handleRef
     }));
   }
 

package/lib/Menu/index.js

@@ -79,6 +79,17 @@ let Menu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     this._menu = null;
     this._labelId = (0, _uid.uid)('Menu__label');
     this._activeSubMenu = null;
+    this.ref = null;
+
+    this.handleRef = el => {
+      const menuRef = this.props.menuRef;
+      this.ref = el;
+      this._menu = el;
+
+      if (typeof menuRef === 'function') {
+        menuRef(el);
+      }
+    };
 
     this.registerMenuItem = item => {
       this._menuItems.push(item);
@@ -346,12 +357,10 @@ let Menu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     var _this$props$styles;
 
     const _this$props2 = this.props,
-          menuRef = _this$props2.menuRef,
           disabled = _this$props2.disabled,
           label = _this$props2.label,
           trigger = _this$props2.trigger,
-          onKeyUp = _this$props2.onKeyUp,
-          contentRef = _this$props2.contentRef;
+          onKeyUp = _this$props2.onKeyUp;
     const labelledBy = this.props['aria-labelledby']; // eslint-disable-line react/prop-types
 
     const controls = this.props['aria-controls']; // eslint-disable-line react/prop-types
@@ -371,17 +380,7 @@ let Menu = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       "aria-disabled": disabled ? 'true' : null,
       onKeyDown: this.handleMenuKeyDown,
       onKeyUp: onKeyUp,
-      ref: el => {
-        this._menu = el;
-
-        if (typeof menuRef === 'function') {
-          menuRef(el);
-        }
-
-        if (typeof contentRef === 'function') {
-          contentRef(el);
-        }
-      }
+      ref: this.handleRef
     }, this.renderChildren()));
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-menu",
-  "version": "8.10.1-snapshot.8+21f46f4e3",
+  "version": "8.10.2",
   "description": "A dropdown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,28 +24,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-color-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-locator": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-queries": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-themes": "8.10.1-snapshot.8+21f46f4e3"
+    "@instructure/ui-babel-preset": "8.10.2",
+    "@instructure/ui-color-utils": "8.10.2",
+    "@instructure/ui-test-locator": "8.10.2",
+    "@instructure/ui-test-queries": "8.10.2",
+    "@instructure/ui-test-utils": "8.10.2",
+    "@instructure/ui-themes": "8.10.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/shared-types": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-a11y-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-dom-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-icons": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-popover": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-position": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-prop-types": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-testable": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/uid": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/console": "8.10.2",
+    "@instructure/emotion": "8.10.2",
+    "@instructure/shared-types": "8.10.2",
+    "@instructure/ui-a11y-utils": "8.10.2",
+    "@instructure/ui-dom-utils": "8.10.2",
+    "@instructure/ui-icons": "8.10.2",
+    "@instructure/ui-popover": "8.10.2",
+    "@instructure/ui-position": "8.10.2",
+    "@instructure/ui-prop-types": "8.10.2",
+    "@instructure/ui-react-utils": "8.10.2",
+    "@instructure/ui-testable": "8.10.2",
+    "@instructure/ui-utils": "8.10.2",
+    "@instructure/uid": "8.10.2",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -55,6 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
+  "sideEffects": false
 }

package/src/Menu/MenuItem/index.tsx

@@ -78,6 +78,14 @@ class MenuItem extends Component<MenuItemProps> {
     this.labelId = uid('MenuItem__label')
   }
 
+  ref: Element | null = null
+  _node: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this._node = el
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles()
@@ -192,7 +200,6 @@ class MenuItem extends Component<MenuItemProps> {
   }
 
   get focused() {
-    // @ts-expect-error ts-migrate(2339) FIXME: Property '_node' does not exist on type 'MenuItem'... Remove this comment to see the full error message
     return isActiveElement(this._node)
   }
 
@@ -232,6 +239,7 @@ class MenuItem extends Component<MenuItemProps> {
 
     return (
       <ElementType // eslint-disable-line jsx-a11y/mouse-events-have-key-events
+        // @ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
         tabIndex={-1} // note: tabIndex can be overridden by Menu or MenuItemGroup components
         {...props}
         href={href}
@@ -250,11 +258,7 @@ class MenuItem extends Component<MenuItemProps> {
         onClick={this.handleClick}
         onKeyUp={createChainedFunction(onKeyUp, this.handleKeyUp)}
         onKeyDown={createChainedFunction(onKeyDown, this.handleKeyDown)}
-        // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'c' implicitly has an 'any' type.
-        ref={(c) => {
-          // @ts-expect-error ts-migrate(2339) FIXME: Property '_node' does not exist on type 'MenuItem'... Remove this comment to see the full error message
-          this._node = c
-        }}
+        ref={this.handleRef}
         css={this.props.styles?.menuItem}
         onMouseOver={this.handleMouseOver}
       >

package/src/Menu/MenuItemGroup/index.tsx

@@ -83,6 +83,12 @@ class MenuItemGroup extends Component<MenuGroupProps> {
     this._labelId = uid('MenuItemGroup')
   }
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles()
@@ -238,6 +244,7 @@ class MenuItemGroup extends Component<MenuGroupProps> {
         {...props}
         css={this.props.styles?.menuItemGroup}
         role="presentation"
+        ref={this.handleRef}
       >
         {/* @ts-expect-error ts-migrate(2339) FIXME: Property '_labelId' does not exist on type 'MenuIt... Remove this comment to see the full error message */}
         <span id={this._labelId}>{this.renderLabel()}</span>

package/src/Menu/MenuItemSeparator/index.tsx

@@ -50,6 +50,12 @@ class MenuItemSeparator extends Component<MenuSeparatorProps> {
   static propTypes = propTypes
   static allowedProps = allowedProps
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles()
@@ -67,6 +73,7 @@ class MenuItemSeparator extends Component<MenuSeparatorProps> {
         {...props}
         role="presentation"
         css={this.props.styles?.menuItemSeparator}
+        ref={this.handleRef}
       />
     )
   }

package/src/Menu/index.tsx

@@ -105,10 +105,22 @@ class Menu extends Component<MenuProps> {
   _menuItems = []
   _popover = null
   _trigger = null
-  _menu = null
+  _menu: HTMLUListElement | null = null
   _labelId = uid('Menu__label')
   _activeSubMenu = null
 
+  ref: HTMLUListElement | null = null
+
+  handleRef = (el: HTMLUListElement | null) => {
+    const { menuRef } = this.props
+
+    this.ref = el
+    this._menu = el
+    if (typeof menuRef === 'function') {
+      menuRef(el)
+    }
+  }
+
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
   constructor(props) {
     super(props)
@@ -433,15 +445,7 @@ class Menu extends Component<MenuProps> {
   }
 
   renderMenu() {
-    const {
-      menuRef,
-      disabled,
-      label,
-      trigger,
-      onKeyUp,
-      // @ts-expect-error ts-migrate(2339) FIXME: Property 'contentRef' does not exist on type 'Read... Remove this comment to see the full error message
-      contentRef // eslint-disable-line react/prop-types
-    } = this.props
+    const { disabled, label, trigger, onKeyUp } = this.props
 
     // @ts-expect-error ts-migrate(7053) FIXME: Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
     const labelledBy = this.props['aria-labelledby'] // eslint-disable-line react/prop-types
@@ -469,16 +473,7 @@ class Menu extends Component<MenuProps> {
           aria-disabled={disabled ? 'true' : null}
           onKeyDown={this.handleMenuKeyDown}
           onKeyUp={onKeyUp}
-          ref={(el) => {
-            // @ts-expect-error ts-migrate(2322) FIXME: Type 'HTMLUListElement | null' is not assignable t... Remove this comment to see the full error message
-            this._menu = el
-            if (typeof menuRef === 'function') {
-              menuRef(el)
-            }
-            if (typeof contentRef === 'function') {
-              contentRef(el)
-            }
-          }}
+          ref={this.handleRef}
         >
           {this.renderChildren()}
         </ul>

package/types/Menu/MenuItem/index.d.ts

@@ -52,6 +52,9 @@ declare class MenuItem extends Component<MenuItemProps> {
         removeMenuItem: () => void;
     }>;
     constructor(props: any);
+    ref: Element | null;
+    _node: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;

package/types/Menu/MenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAKT;IAEV,MAAM,CAAC,WAAW;;;OAAc;gBAGpB,KAAK,KAAA;IAcjB,iBAAiB;IAUjB,kBAAkB;IAKlB,oBAAoB;IASpB,WAAW,mBAqBV;IAGD,aAAa,mBAcZ;IAGD,WAAW,mBAaV;IAGD,eAAe,uBAMd;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,IAAI,iEAWP;IAED,IAAI,QAAQ,QAKX;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,aAAa;IAuBb,MAAM;CAsCP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAKT;IAEV,MAAM,CAAC,WAAW;;;OAAc;gBAGpB,KAAK,KAAA;IAcjB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,KAAK,EAAE,OAAO,GAAG,IAAI,CAAO;IAE5B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,iBAAiB;IAUjB,kBAAkB;IAKlB,oBAAoB;IASpB,WAAW,mBAqBV;IAGD,aAAa,mBAcZ;IAGD,WAAW,mBAaV;IAGD,eAAe,uBAMd;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,IAAI,iEAWP;IAED,IAAI,QAAQ,QAKX;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAKL,aAAa;IAuBb,MAAM;CAmCP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/Menu/MenuItemGroup/index.d.ts

@@ -48,6 +48,8 @@ declare class MenuItemGroup extends Component<MenuGroupProps> {
         onSelect: (e: any, value: any, selected: any, item: any) => void;
     };
     constructor(props: any);
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(): void;
     handleSelect: (e: any, value: any, selected: any, item: any) => void;

package/types/Menu/MenuItemGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAgBrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAUlB;gBAGW,KAAK,KAAA;IAcjB,iBAAiB;IAKjB,kBAAkB;IAMlB,YAAY,yDAsBX;IAGD,cAAc,sEAmBb;IAGD,oBAAoB,CAAC,KAAK,KAAA;IAwB1B,IAAI,QAAQ,UAaX;IAED,WAAW;IAUX,cAAc;IAyCd,MAAM;CAsBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAgBrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAUlB;gBAGW,KAAK,KAAA;IAcjB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAKjB,kBAAkB;IAMlB,YAAY,yDAsBX;IAGD,cAAc,sEAmBb;IAGD,oBAAoB,CAAC,KAAK,KAAA;IAwB1B,IAAI,QAAQ,UAaX;IAED,WAAW;IAUX,cAAc;IAyCd,MAAM;CAuBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/types/Menu/MenuItemSeparator/index.d.ts

@@ -13,6 +13,8 @@ declare class MenuItemSeparator extends Component<MenuSeparatorProps> {
     static readonly componentId = "Menu.Separator";
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<never>;
     static allowedProps: readonly never[];
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(): void;
     render(): jsx.JSX.Element;

package/types/Menu/MenuItemSeparator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemSeparator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;;;GAMG;AACH,cAEM,iBAAkB,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS,+EAAY;IAC5B,MAAM,CAAC,YAAY,mBAAe;IAElC,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAUP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuItemSeparator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;;;GAMG;AACH,cAEM,iBAAkB,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS,+EAAY;IAC5B,MAAM,CAAC,YAAY,mBAAe;IAElC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAWP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/types/Menu/index.d.ts

@@ -106,9 +106,11 @@ declare class Menu extends Component<MenuProps> {
     _menuItems: never[];
     _popover: null;
     _trigger: null;
-    _menu: null;
+    _menu: HTMLUListElement | null;
     _labelId: string;
     _activeSubMenu: null;
+    ref: HTMLUListElement | null;
+    handleRef: (el: HTMLUListElement | null) => void;
     constructor(props: any);
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;

package/types/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAczD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;MAmClB;IAED,MAAM,CAAC,IAAI,kBAAW;IACtB,MAAM,CAAC,KAAK,uBAAgB;IAC5B,MAAM,CAAC,SAAS,2BAAoB;IAEpC,KAAK;;MAAsB;IAC3B,SAAS,OAAO;IAChB,UAAU,UAAK;IACf,QAAQ,OAAO;IACf,QAAQ,OAAO;IACf,KAAK,OAAO;IACZ,QAAQ,SAAqB;IAC7B,cAAc,OAAO;gBAGT,KAAK,KAAA;IAMjB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA;IAK5B,MAAM,CAAC,WAAW;;;OAAc;IAGhC,gBAAgB,sBAGf;IAGD,cAAc,sBAMb;IAED,IAAI,SAAS,YAEZ;IAGD,gBAAgB,wBAEf;IAGD,oBAAoB,uBAMnB;IAED,sBAAsB,aAKrB;IAGD,YAAY,uBAIX;IAGD,iBAAiB,uBAuBhB;IAGD,oBAAoB,6DAQnB;IAED,mBAAmB,aAElB;IAED,kBAAkB,aAEjB;IAGD,uBAAuB,sCAKtB;IAGD,iBAAiB,uBAMhB;IAGD,mBAAmB,qCAIlB;IAGD,oBAAoB,2CAInB;IAGD,IAAI,uBAKH;IAGD,IAAI,uBAKH;IAED,KAAK;IAiBL,OAAO;IAQP,IAAI,YAAY,WAKf;IAGD,SAAS,CAAC,IAAI,KAAA;IAkBd,IAAI,KAAK,QAGR;IAED,cAAc;IA4Gd,UAAU;IAsDV,MAAM;CAiEP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAczD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;MAmClB;IAED,MAAM,CAAC,IAAI,kBAAW;IACtB,MAAM,CAAC,KAAK,uBAAgB;IAC5B,MAAM,CAAC,SAAS,2BAAoB;IAEpC,KAAK;;MAAsB;IAC3B,SAAS,OAAO;IAChB,UAAU,UAAK;IACf,QAAQ,OAAO;IACf,QAAQ,OAAO;IACf,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAO;IACrC,QAAQ,SAAqB;IAC7B,cAAc,OAAO;IAErB,GAAG,EAAE,gBAAgB,GAAG,IAAI,CAAO;IAEnC,SAAS,OAAQ,gBAAgB,GAAG,IAAI,UAQvC;gBAGW,KAAK,KAAA;IAMjB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA;IAK5B,MAAM,CAAC,WAAW;;;OAAc;IAGhC,gBAAgB,sBAGf;IAGD,cAAc,sBAMb;IAED,IAAI,SAAS,YAEZ;IAGD,gBAAgB,wBAEf;IAGD,oBAAoB,uBAMnB;IAED,sBAAsB,aAKrB;IAGD,YAAY,uBAIX;IAGD,iBAAiB,uBAuBhB;IAGD,oBAAoB,6DAQnB;IAED,mBAAmB,aAElB;IAED,kBAAkB,aAEjB;IAGD,uBAAuB,sCAKtB;IAGD,iBAAiB,uBAMhB;IAGD,mBAAmB,qCAIlB;IAGD,oBAAoB,2CAInB;IAGD,IAAI,uBAKH;IAGD,IAAI,uBAKH;IAED,KAAK;IAiBL,OAAO;IAQP,IAAI,YAAY,WAKf;IAGD,SAAS,CAAC,IAAI,KAAA;IAkBd,IAAI,KAAK,QAGR;IAED,cAAc;IA4Gd,UAAU;IAqCV,MAAM;CAiEP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.