@instructure/ui-navigation 8.14.1-snapshot.6 → 8.14.1-snapshot.69

package/es/AppNav/Item/index.js

@@ -25,7 +25,7 @@ var _dec, _dec2, _class, _class2, _temp;
  */
 
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { logError as error } from '@instructure/console';
 import { callRenderProp, getElementType, matchComponentTypes, passthroughProps } from '@instructure/ui-react-utils';
 import { testable } from '@instructure/ui-testable';

package/lib/AppNav/Item/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Item = void 0;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _console = require("@instructure/console");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-navigation",
-  "version": "8.14.1-snapshot.6+44559fbd7",
+  "version": "8.14.1-snapshot.69+ffdd1951c",
   "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.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-color-utils": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-test-locator": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-test-utils": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-themes": "8.14.1-snapshot.6+44559fbd7"
+    "@instructure/ui-babel-preset": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-color-utils": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-test-locator": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-test-utils": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-themes": "8.14.1-snapshot.69+ffdd1951c"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/debounce": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/emotion": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/shared-types": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-a11y-content": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-a11y-utils": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-badge": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-dom-utils": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-focusable": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-icons": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-menu": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-prop-types": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-react-utils": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-testable": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-tooltip": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-utils": "8.14.1-snapshot.6+44559fbd7",
-    "@instructure/ui-view": "8.14.1-snapshot.6+44559fbd7",
+    "@instructure/console": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/debounce": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/emotion": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/shared-types": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-a11y-content": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-a11y-utils": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-badge": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-dom-utils": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-focusable": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-icons": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-menu": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-prop-types": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-react-utils": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-testable": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-tooltip": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-utils": "8.14.1-snapshot.69+ffdd1951c",
+    "@instructure/ui-view": "8.14.1-snapshot.69+ffdd1951c",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "44559fbd71344c571d339f20cf74491c6fd1dd2f"
+  "gitHead": "ffdd1951c2d3160bb314a49fa64d7cf94444a18d"
 }

package/src/AppNav/Item/index.tsx

@@ -21,8 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 /** @jsx jsx */
-import { Component } from 'react'
+import React, { Component } from 'react'
 
 import { logError as error } from '@instructure/console'
 import {
@@ -35,6 +36,8 @@ import { testable } from '@instructure/ui-testable'
 
 import { View } from '@instructure/ui-view'
 import { ScreenReaderContent } from '@instructure/ui-a11y-content'
+import type { ScreenReaderContentProps } from '@instructure/ui-a11y-content'
+
 import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
@@ -101,21 +104,15 @@ class Item extends Component<AppNavItemProps> {
   render() {
     const ElementType = getElementType(Item, this.props)
 
-    const {
-      renderIcon,
-      renderLabel,
-      href,
-      renderAfter,
-      cursor,
-      isDisabled
-    } = this.props
+    const { renderIcon, renderLabel, href, renderAfter, cursor, isDisabled } =
+      this.props
 
     const icon = callRenderProp(renderIcon)
     const label = callRenderProp(renderLabel)
 
-    const labelIsForScreenReaders = matchComponentTypes(label, [
-      ScreenReaderContent
-    ])
+    const labelIsForScreenReaders = matchComponentTypes<
+      React.ComponentElement<ScreenReaderContentProps, ScreenReaderContent>
+    >(label, [ScreenReaderContent])
 
     if (icon) {
       error(