@instructure/ui-navigation 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-navigation
+
+## [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-navigation
+
 # [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-navigation

package/es/AppNav/Item/index.js

@@ -46,11 +46,19 @@ id: AppNav.Item
 let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Item extends Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
 
     this.handleClick = e => {
-      const _this$props = this.props,
-            isDisabled = _this$props.isDisabled,
-            onClick = _this$props.onClick;
+      const _this$props2 = this.props,
+            isDisabled = _this$props2.isDisabled,
+            onClick = _this$props2.onClick;
 
       if (isDisabled) {
         e.preventDefault();
@@ -62,29 +70,29 @@ let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props3;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props4;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
   }
 
   render() {
     var _this$props$styles, _this$props$styles2;
 
     const ElementType = getElementType(Item, this.props);
-    const _this$props4 = this.props,
-          renderIcon = _this$props4.renderIcon,
-          renderLabel = _this$props4.renderLabel,
-          href = _this$props4.href,
-          elementRef = _this$props4.elementRef,
-          renderAfter = _this$props4.renderAfter,
-          cursor = _this$props4.cursor,
-          isDisabled = _this$props4.isDisabled;
+    const _this$props5 = this.props,
+          renderIcon = _this$props5.renderIcon,
+          renderLabel = _this$props5.renderLabel,
+          href = _this$props5.href,
+          elementRef = _this$props5.elementRef,
+          renderAfter = _this$props5.renderAfter,
+          cursor = _this$props5.cursor,
+          isDisabled = _this$props5.isDisabled;
     const icon = callRenderProp(renderIcon);
     const label = callRenderProp(renderLabel);
     const labelIsForScreenReaders = matchComponentTypes(label, [ScreenReaderContent]);

package/es/AppNav/index.js

@@ -50,6 +50,7 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
     this.state = {
       isMeasuring: false
     };
+    this.ref = null;
     this._list = null;
 
     this.measureItems = () => {
@@ -102,12 +103,19 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
         });
       });
     };
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
 
     const _getBoundingClientRec3 = getBoundingClientRect(this._list),
           origWidth = _getBoundingClientRec3.width;
@@ -132,9 +140,9 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
+    var _this$props$makeStyle2, _this$props3;
 
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   componentWillUnmount() {
@@ -176,12 +184,11 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
   render() {
     var _this$props$styles4, _this$props$styles5, _this$props$styles6;
 
-    const _this$props3 = this.props,
-          children = _this$props3.children,
-          visibleItemsCount = _this$props3.visibleItemsCount,
-          screenReaderLabel = _this$props3.screenReaderLabel,
-          margin = _this$props3.margin,
-          elementRef = _this$props3.elementRef;
+    const _this$props4 = this.props,
+          children = _this$props4.children,
+          visibleItemsCount = _this$props4.visibleItemsCount,
+          screenReaderLabel = _this$props4.screenReaderLabel,
+          margin = _this$props4.margin;
     const passthroughProps = View.omitViewProps(omitProps(this.props, AppNav.allowedProps), AppNav);
     const isMeasuring = this.state.isMeasuring;
     const childrenArray = Children.toArray(children);
@@ -195,7 +202,7 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
       css: [(_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.appNav, hasRenderedContent ? (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.alignCenter : ''],
       margin: margin,
       display: hasRenderedContent ? 'flex' : 'block',
-      elementRef: elementRef
+      elementRef: this.handleRef
     }), renderBeforeItems && jsx("span", null, renderBeforeItems), jsx("ul", {
       ref: el => this._list = el,
       css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.list,

package/es/Navigation/NavigationItem/index.js

@@ -42,6 +42,11 @@ id: Navigation.Item
 **/
 
 let NavigationItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class NavigationItem extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -72,7 +77,10 @@ let NavigationItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
       href: href,
       onClick: onClick,
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.navigationItem,
-      "aria-label": this.props.minimized ? label : void 0
+      "aria-label": this.props.minimized ? label : void 0,
+      ref: element => {
+        this.ref = element;
+      }
     }), jsx("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.icon,
       "aria-hidden": "true"

package/es/Navigation/index.js

@@ -51,6 +51,7 @@ category: components
 let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Navigation extends Component {
   constructor(props) {
     super();
+    this.ref = null;
 
     this.handleNavToggle = event => {
       if (!this.isControlled()) {
@@ -117,7 +118,10 @@ let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
     const props = omitProps(this.props, Navigation.allowedProps, ['minimized']);
     return jsx("nav", Object.assign({}, props, {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.navigation,
-      "aria-label": label
+      "aria-label": label,
+      ref: element => {
+        this.ref = element;
+      }
     }), jsx("ul", {
       css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.content
     }, this.renderChildren()), jsx("div", {

package/lib/AppNav/Item/index.js

@@ -45,11 +45,19 @@ id: AppNav.Item
 let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Item extends _react.Component {
   constructor(...args) {
     super(...args);
+    this.ref = null;
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
 
     this.handleClick = e => {
-      const _this$props = this.props,
-            isDisabled = _this$props.isDisabled,
-            onClick = _this$props.onClick;
+      const _this$props2 = this.props,
+            isDisabled = _this$props2.isDisabled,
+            onClick = _this$props2.onClick;
 
       if (isDisabled) {
         e.preventDefault();
@@ -61,29 +69,29 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
+    var _this$props$makeStyle, _this$props3;
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
+    var _this$props$makeStyle2, _this$props4;
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
   }
 
   render() {
     var _this$props$styles, _this$props$styles2;
 
     const ElementType = (0, _getElementType.getElementType)(Item, this.props);
-    const _this$props4 = this.props,
-          renderIcon = _this$props4.renderIcon,
-          renderLabel = _this$props4.renderLabel,
-          href = _this$props4.href,
-          elementRef = _this$props4.elementRef,
-          renderAfter = _this$props4.renderAfter,
-          cursor = _this$props4.cursor,
-          isDisabled = _this$props4.isDisabled;
+    const _this$props5 = this.props,
+          renderIcon = _this$props5.renderIcon,
+          renderLabel = _this$props5.renderLabel,
+          href = _this$props5.href,
+          elementRef = _this$props5.elementRef,
+          renderAfter = _this$props5.renderAfter,
+          cursor = _this$props5.cursor,
+          isDisabled = _this$props5.isDisabled;
     const icon = (0, _callRenderProp.callRenderProp)(renderIcon);
     const label = (0, _callRenderProp.callRenderProp)(renderLabel);
     const labelIsForScreenReaders = (0, _matchComponentTypes.matchComponentTypes)(label, [_ScreenReaderContent.ScreenReaderContent]);

package/lib/AppNav/index.js

@@ -48,6 +48,7 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
     this.state = {
       isMeasuring: false
     };
+    this.ref = null;
     this._list = null;
 
     this.measureItems = () => {
@@ -100,12 +101,19 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
         });
       });
     };
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
+    var _this$props$makeStyle, _this$props2;
 
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
 
     const _getBoundingClientRec3 = (0, _getBoundingClientRect.getBoundingClientRect)(this._list),
           origWidth = _getBoundingClientRec3.width;
@@ -130,9 +138,9 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }
 
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
+    var _this$props$makeStyle2, _this$props3;
 
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
 
   componentWillUnmount() {
@@ -174,12 +182,11 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   render() {
     var _this$props$styles4, _this$props$styles5, _this$props$styles6;
 
-    const _this$props3 = this.props,
-          children = _this$props3.children,
-          visibleItemsCount = _this$props3.visibleItemsCount,
-          screenReaderLabel = _this$props3.screenReaderLabel,
-          margin = _this$props3.margin,
-          elementRef = _this$props3.elementRef;
+    const _this$props4 = this.props,
+          children = _this$props4.children,
+          visibleItemsCount = _this$props4.visibleItemsCount,
+          screenReaderLabel = _this$props4.screenReaderLabel,
+          margin = _this$props4.margin;
 
     const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, AppNav.allowedProps), AppNav);
 
@@ -197,7 +204,7 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
       css: [(_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.appNav, hasRenderedContent ? (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.alignCenter : ''],
       margin: margin,
       display: hasRenderedContent ? 'flex' : 'block',
-      elementRef: elementRef
+      elementRef: this.handleRef
     }), renderBeforeItems && (0, _emotion.jsx)("span", null, renderBeforeItems), (0, _emotion.jsx)("ul", {
       ref: el => this._list = el,
       css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.list,

package/lib/Navigation/NavigationItem/index.js

@@ -36,6 +36,11 @@ id: Navigation.Item
 ---
 **/
 let NavigationItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class NavigationItem extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+  }
+
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -66,7 +71,10 @@ let NavigationItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       href: href,
       onClick: onClick,
       css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.navigationItem,
-      "aria-label": this.props.minimized ? label : void 0
+      "aria-label": this.props.minimized ? label : void 0,
+      ref: element => {
+        this.ref = element;
+      }
     }), (0, _emotion.jsx)("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.icon,
       "aria-hidden": "true"

package/lib/Navigation/index.js

@@ -52,6 +52,7 @@ category: components
 let Navigation = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Navigation extends _react.Component {
   constructor(props) {
     super();
+    this.ref = null;
 
     this.handleNavToggle = event => {
       if (!this.isControlled()) {
@@ -118,7 +119,10 @@ let Navigation = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     const props = (0, _omitProps.omitProps)(this.props, Navigation.allowedProps, ['minimized']);
     return (0, _emotion.jsx)("nav", Object.assign({}, props, {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.navigation,
-      "aria-label": label
+      "aria-label": label,
+      ref: element => {
+        this.ref = element;
+      }
     }), (0, _emotion.jsx)("ul", {
       css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.content
     }, this.renderChildren()), (0, _emotion.jsx)("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-navigation",
-  "version": "8.10.1-snapshot.8+21f46f4e3",
+  "version": "8.10.2",
   "description": "Main and application level navigational components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,31 +24,31 @@
   },
   "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-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-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/debounce": "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-content": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-a11y-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-badge": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-dom-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-focusable": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-icons": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-menu": "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-tooltip": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-view": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/console": "8.10.2",
+    "@instructure/debounce": "8.10.2",
+    "@instructure/emotion": "8.10.2",
+    "@instructure/shared-types": "8.10.2",
+    "@instructure/ui-a11y-content": "8.10.2",
+    "@instructure/ui-a11y-utils": "8.10.2",
+    "@instructure/ui-badge": "8.10.2",
+    "@instructure/ui-dom-utils": "8.10.2",
+    "@instructure/ui-focusable": "8.10.2",
+    "@instructure/ui-icons": "8.10.2",
+    "@instructure/ui-menu": "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-tooltip": "8.10.2",
+    "@instructure/ui-utils": "8.10.2",
+    "@instructure/ui-view": "8.10.2",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -57,6 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
+  "sideEffects": false
 }

package/src/AppNav/Item/index.tsx

@@ -66,6 +66,8 @@ class Item extends Component<AppNavItemProps> {
     isDisabled: false
   }
 
+  ref: Element | null = null
+
   componentDidMount() {
     this.props.makeStyles?.()
   }
@@ -74,6 +76,11 @@ class Item extends Component<AppNavItemProps> {
     this.props.makeStyles?.()
   }
 
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'e' implicitly has an 'any' type.
   handleClick = (e) => {
     const { isDisabled, onClick } = this.props

package/src/AppNav/Item/props.ts

@@ -37,7 +37,7 @@ type AppNavItemOwnProps = {
   href?: string
   onClick?: (...args: any[]) => any
   isSelected?: boolean
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   as?: AsElementType
   cursor?: string
   isDisabled?: boolean

package/src/AppNav/index.tsx

@@ -72,6 +72,7 @@ class AppNav extends Component<AppNavProps> {
     isMeasuring: false
   }
 
+  ref: Element | null = null
   _list = null
 
   componentDidMount() {
@@ -161,6 +162,11 @@ class AppNav extends Component<AppNavProps> {
     })
   }
 
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'item' implicitly has an 'any' type.
   renderListItem(item, isMenuTrigger, key) {
     return (
@@ -216,8 +222,7 @@ class AppNav extends Component<AppNavProps> {
       children,
       visibleItemsCount,
       screenReaderLabel,
-      margin,
-      elementRef
+      margin
     } = this.props
 
     const passthroughProps = View.omitViewProps(
@@ -245,7 +250,7 @@ class AppNav extends Component<AppNavProps> {
         ]}
         margin={margin}
         display={hasRenderedContent ? 'flex' : 'block'}
-        elementRef={elementRef}
+        elementRef={this.handleRef}
       >
         {renderBeforeItems && <span>{renderBeforeItems}</span>}
         <ul

package/src/AppNav/props.ts

@@ -42,7 +42,7 @@ type AppNavOwnProps = {
   renderBeforeItems?: React.ReactNode | ((...args: any[]) => any)
   renderAfterItems?: React.ReactNode | ((...args: any[]) => any)
   margin?: Spacing
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   renderTruncateLabel?: React.ReactNode | ((...args: any[]) => any)
   onUpdate?: (...args: any[]) => any
   visibleItemsCount?: number

package/src/Navigation/NavigationItem/index.tsx

@@ -57,6 +57,8 @@ class NavigationItem extends Component<NavigationItemProps> {
     minimized: false
   } as const
 
+  ref: Element | null = null
+
   componentDidMount() {
     this.props.makeStyles?.({ minimized: this.props.minimized })
   }
@@ -80,6 +82,10 @@ class NavigationItem extends Component<NavigationItemProps> {
         css={this.props.styles?.navigationItem}
         //@ts-expect-error TODO: INSTUI-3245
         aria-label={this.props.minimized ? label : undefined}
+        // @ts-expect-error TODO fix TS2590: Expression produces a union type that is too complex to represent.
+        ref={(element) => {
+          this.ref = element
+        }}
       >
         <div css={this.props.styles?.icon} aria-hidden="true">
           {icon}

package/src/Navigation/index.tsx

@@ -65,6 +65,8 @@ class Navigation extends Component<NavigationProps, NavigationState> {
 
   static Item = NavigationItem
 
+  ref: Element | null = null
+
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
   constructor(props) {
     // @ts-expect-error ts-migrate(2554) FIXME: Expected 1-2 arguments, but got 0.
@@ -127,7 +129,14 @@ class Navigation extends Component<NavigationProps, NavigationState> {
     const props = omitProps(this.props, Navigation.allowedProps, ['minimized'])
 
     return (
-      <nav {...props} css={this.props.styles?.navigation} aria-label={label}>
+      <nav
+        {...props}
+        css={this.props.styles?.navigation}
+        aria-label={label}
+        ref={(element) => {
+          this.ref = element
+        }}
+      >
         <ul css={this.props.styles?.content}>{this.renderChildren()}</ul>
         <div css={this.props.styles?.toggle}>
           <NavigationItem

package/types/AppNav/Item/index.d.ts

@@ -18,7 +18,7 @@ declare class Item extends Component<AppNavItemProps> {
         href?: string | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
         isSelected?: boolean | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         cursor?: string | undefined;
         isDisabled?: boolean | undefined;
@@ -30,7 +30,7 @@ declare class Item extends Component<AppNavItemProps> {
         href?: string | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
         isSelected?: boolean | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         cursor?: string | undefined;
         isDisabled?: boolean | undefined;
@@ -42,8 +42,10 @@ declare class Item extends Component<AppNavItemProps> {
         cursor: string;
         isDisabled: boolean;
     };
+    ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;
+    handleRef: (el: Element | null) => void;
     handleClick: (e: any) => void;
     render(): jsx.JSX.Element;
 }

package/types/AppNav/Item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;;;GAMG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,iBAAiB;IAIjB,kBAAkB;IAKlB,WAAW,mBASV;IAED,MAAM;CAuDP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;;;GAMG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAGD,WAAW,mBASV;IAED,MAAM;CAuDP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/AppNav/Item/props.d.ts

@@ -8,7 +8,7 @@ declare type AppNavItemOwnProps = {
     href?: string;
     onClick?: (...args: any[]) => any;
     isSelected?: boolean;
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     as?: AsElementType;
     cursor?: string;
     isDisabled?: boolean;

package/types/AppNav/Item/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/AppNav/Item/props.ts"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,OAAO,CAAC,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/AppNav/index.d.ts

@@ -16,7 +16,7 @@ declare class AppNav extends Component<AppNavProps> {
         renderBeforeItems?: import("react").ReactNode | ((...args: any[]) => any);
         renderAfterItems?: import("react").ReactNode | ((...args: any[]) => any);
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         renderTruncateLabel?: import("react").ReactNode | ((...args: any[]) => any);
         onUpdate?: ((...args: any[]) => any) | undefined;
         visibleItemsCount?: number | undefined;
@@ -28,7 +28,7 @@ declare class AppNav extends Component<AppNavProps> {
         renderBeforeItems?: import("react").ReactNode | ((...args: any[]) => any);
         renderAfterItems?: import("react").ReactNode | ((...args: any[]) => any);
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         renderTruncateLabel?: import("react").ReactNode | ((...args: any[]) => any);
         onUpdate?: ((...args: any[]) => any) | undefined;
         visibleItemsCount?: number | undefined;
@@ -47,6 +47,7 @@ declare class AppNav extends Component<AppNavProps> {
     state: {
         isMeasuring: boolean;
     };
+    ref: Element | null;
     _list: null;
     componentDidMount(): void;
     componentDidUpdate(): void;
@@ -55,6 +56,7 @@ declare class AppNav extends Component<AppNavProps> {
         visibleItemsCount: number;
     };
     handleResize: () => void;
+    handleRef: (el: Element | null) => void;
     renderListItem(item: any, isMenuTrigger: any, key: any): jsx.JSX.Element;
     renderMenu(items: any): jsx.JSX.Element;
     render(): jsx.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppNav/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAUrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,KAAK;;MAEJ;IAED,KAAK,OAAO;IAEZ,iBAAiB;IA2BjB,kBAAkB;IAIlB,oBAAoB;IAcpB,YAAY;;MA8BX;IAED,YAAY,aAQX;IAGD,cAAc,CAAC,IAAI,KAAA,EAAE,aAAa,KAAA,EAAE,GAAG,KAAA;IAgBvC,UAAU,CAAC,KAAK,KAAA;IAiChB,MAAM;CAoDP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppNav/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAUrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,cAAO;IAElB,KAAK;;MAEJ;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,KAAK,OAAO;IAEZ,iBAAiB;IA2BjB,kBAAkB;IAIlB,oBAAoB;IAcpB,YAAY;;MA8BX;IAED,YAAY,aAQX;IAED,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAGD,cAAc,CAAC,IAAI,KAAA,EAAE,aAAa,KAAA,EAAE,GAAG,KAAA;IAgBvC,UAAU,CAAC,KAAK,KAAA;IAiChB,MAAM;CAmDP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}

package/types/AppNav/props.d.ts

@@ -7,7 +7,7 @@ declare type AppNavOwnProps = {
     renderBeforeItems?: React.ReactNode | ((...args: any[]) => any);
     renderAfterItems?: React.ReactNode | ((...args: any[]) => any);
     margin?: Spacing;
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     renderTruncateLabel?: React.ReactNode | ((...args: any[]) => any);
     onUpdate?: (...args: any[]) => any;
     visibleItemsCount?: number;

package/types/AppNav/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/AppNav/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5E,aAAK,cAAc,GAAG;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACjE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AAE5E,aAAK,WAAW,GAAG,cAAc,CAC7B,QAAQ,GACR,aAAa,GACb,yBAAyB,GACzB,UAAU,GACV,MAAM,GACN,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/AppNav/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5E,aAAK,cAAc,GAAG;IACpB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACjE,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AAE5E,aAAK,WAAW,GAAG,cAAc,CAC7B,QAAQ,GACR,aAAa,GACb,yBAAyB,GACzB,UAAU,GACV,MAAM,GACN,kBAAkB,CACrB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Navigation/NavigationItem/index.d.ts

@@ -34,6 +34,7 @@ declare class NavigationItem extends Component<NavigationItemProps> {
         readonly selected: false;
         readonly minimized: false;
     };
+    ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;
     renderLink(): jsx.JSX.Element;

package/types/Navigation/NavigationItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAMT;IAEV,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IA0BV,MAAM;CAaP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Navigation/NavigationItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAMT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IA8BV,MAAM;CAaP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/Navigation/index.d.ts

@@ -43,6 +43,7 @@ declare class Navigation extends Component<NavigationProps, NavigationState> {
         onClick: (e: any) => void;
     };
     static Item: typeof NavigationItem;
+    ref: Element | null;
     constructor(props: any);
     componentDidMount(): void;
     componentDidUpdate(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Navigation/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAOzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM/D;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,wBAAiB;gBAGhB,KAAK,KAAA;IAWjB,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,SAAS,YAKZ;IAED,YAAY,CAAC,KAAK;;MAAa;IAK/B,eAAe,uBAOd;IAED,cAAc;IASd,aAAa;IAMb,MAAM;CA0BP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Navigation/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAOzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM/D;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAOlB;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAWjB,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,SAAS,YAKZ;IAED,YAAY,CAAC,KAAK;;MAAa;IAK/B,eAAe,uBAOd;IAED,cAAc;IASd,aAAa;IAMb,MAAM;CAiCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,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.