@instructure/ui-navigation 8.33.1 → 8.33.2

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.33.2](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2) (2023-01-25)
+
+**Note:** Version bump only for package @instructure/ui-navigation
+
 ## [8.33.1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1) (2023-01-06)
 
 **Note:** Version bump only for package @instructure/ui-navigation

package/es/AppNav/AppNavLocator.js

@@ -21,10 +21,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { locator } from '@instructure/ui-test-locator';
 import { AppNav } from './index';
-import { AppNavItemLocator } from './Item/AppNavItemLocator'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { AppNavItemLocator } from './Item/AppNavItemLocator';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const AppNavLocator = locator(AppNav.selector, {
   findAllItems: function () {
     return AppNavItemLocator.findAll(...arguments);

package/es/AppNav/Item/AppNavItemLocator.js

@@ -22,6 +22,7 @@
  * SOFTWARE.
  */
 import { locator } from '@instructure/ui-test-locator';
-import { Item } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { Item } from './index';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const AppNavItemLocator = locator(Item.selector);

package/es/AppNav/Item/index.js

@@ -1,5 +1,4 @@
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -35,6 +34,7 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 parent: AppNav
@@ -43,26 +43,21 @@ id: AppNav.Item
 @tsProps
 @module Item
 **/
-
 let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Item extends Component {
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.handleClick = e => {
       const _this$props = this.props,
-            isDisabled = _this$props.isDisabled,
-            onClick = _this$props.onClick;
-
+        isDisabled = _this$props.isDisabled,
+        onClick = _this$props.onClick;
       if (isDisabled) {
         e.preventDefault();
         e.stopPropagation();
@@ -71,38 +66,30 @@ let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       }
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props2;
-
     (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props3;
-
     (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
-
   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,
-          renderAfter = _this$props4.renderAfter,
-          cursor = _this$props4.cursor,
-          isDisabled = _this$props4.isDisabled;
+      renderIcon = _this$props4.renderIcon,
+      renderLabel = _this$props4.renderLabel,
+      href = _this$props4.href,
+      renderAfter = _this$props4.renderAfter,
+      cursor = _this$props4.cursor,
+      isDisabled = _this$props4.isDisabled;
     const icon = callRenderProp(renderIcon);
     const label = callRenderProp(renderLabel);
     const labelIsForScreenReaders = matchComponentTypes(label, [ScreenReaderContent]);
-
     if (icon) {
       error(labelIsForScreenReaders, '[AppNav] If an icon is used, the label text should be wrapped in <ScreenReaderContent />.');
     }
-
     return jsx(View, Object.assign({}, passthroughProps(this.props), {
       as: ElementType,
       href: href,
@@ -118,7 +105,6 @@ let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.label
     }, label), renderAfter && callRenderProp(renderAfter));
   }
-
 }, _class2.displayName = "Item", _class2.componentId = 'AppNav.Item', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   children: null,
   isSelected: false,

package/es/AppNav/Item/styles.js

@@ -34,7 +34,7 @@
  */
 const generateStyle = (componentTheme, props) => {
   const isSelected = props.isSelected,
-        isDisabled = props.isDisabled;
+    isDisabled = props.isDisabled;
   const itemStyles = {
     appearance: 'none',
     overflow: 'visible',
@@ -82,5 +82,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/AppNav/Item/theme.js

@@ -29,8 +29,8 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        spacing = theme.spacing,
-        typography = theme.typography;
+    spacing = theme.spacing,
+    typography = theme.typography;
   const componentVariables = {
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
     fontSize: '1.125rem',
@@ -41,8 +41,8 @@ const generateComponentTheme = theme => {
     padding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
     backgroundColor: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 export default generateComponentTheme;

package/es/AppNav/index.js

@@ -1,5 +1,4 @@
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,13 +35,13 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
 import { TruncateList } from '@instructure/ui-truncate-list';
+
 /**
 ---
 category: components
 ---
 @tsProps
 **/
-
 let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class AppNav extends Component {
   constructor() {
     super(...arguments);
@@ -50,29 +49,22 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
       isMeasuring: false
     };
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   renderMenu(items) {
     return jsx(Menu, {
       trigger: jsx(AppNav.Item, {
@@ -86,14 +78,13 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
       }, callRenderProp(item.props.renderLabel));
     }));
   }
-
   render() {
     const _this$props3 = this.props,
-          visibleItemsCount = _this$props3.visibleItemsCount,
-          screenReaderLabel = _this$props3.screenReaderLabel,
-          margin = _this$props3.margin,
-          debounce = _this$props3.debounce,
-          styles = _this$props3.styles;
+      visibleItemsCount = _this$props3.visibleItemsCount,
+      screenReaderLabel = _this$props3.screenReaderLabel,
+      margin = _this$props3.margin,
+      debounce = _this$props3.debounce,
+      styles = _this$props3.styles;
     const passthroughProps = View.omitViewProps(omitProps(this.props, AppNav.allowedProps), AppNav);
     const renderBeforeItems = callRenderProp(this.props.renderBeforeItems);
     const renderAfterItems = callRenderProp(this.props.renderAfterItems);
@@ -115,7 +106,6 @@ let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = t
       "aria-label": callRenderProp(screenReaderLabel)
     }, this.props.children), renderAfterItems && jsx("span", null, renderAfterItems));
   }
-
 }, _class2.displayName = "AppNav", _class2.componentId = 'AppNav', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   children: null,
   debounce: 300,

package/es/AppNav/locator.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import { AppNavLocator } from './AppNavLocator';
 export { AppNavLocator };
 export default AppNavLocator;

package/es/AppNav/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';

package/es/AppNav/styles.js

@@ -55,5 +55,4 @@ const generateStyle = componentTheme => {
     menuTriggerWidth: componentTheme.menuTriggerWidth.toString()
   };
 };
-
 export default generateStyle;

package/es/AppNav/theme.js

@@ -29,9 +29,9 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        borders = theme.borders,
-        spacing = theme.spacing,
-        typography = theme.typography;
+    borders = theme.borders,
+    spacing = theme.spacing,
+    typography = theme.typography;
   const componentVariables = {
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
     height: '3.75rem',
@@ -42,8 +42,8 @@ const generateComponentTheme = theme => {
     horizontalMargin: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
     menuTriggerWidth: '7.5rem'
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 export default generateComponentTheme;

package/es/Navigation/NavigationItem/NavigationItemLocator.js

@@ -21,12 +21,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { locator } from '@instructure/ui-test-locator'; // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
+import { locator } from '@instructure/ui-test-locator';
+// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 // eslint-disable-next-line no-restricted-imports
-
 import { TooltipLocator } from '@instructure/ui-tooltip/es/Tooltip/TooltipLocator';
-import { NavigationItem } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { NavigationItem } from './index';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const NavigationItemLocator = locator(NavigationItem.selector, {
   findTooltipContent: function () {
     return TooltipLocator.findContent(...arguments);

package/es/Navigation/NavigationItem/index.js

@@ -1,5 +1,4 @@
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -23,7 +22,6 @@ var _dec, _dec2, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
 /** @jsx jsx */
 import { Component } from 'react';
 import { testable } from '@instructure/ui-testable';
@@ -34,6 +32,7 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 parent: Navigation
@@ -41,47 +40,38 @@ id: Navigation.Item
 ---
 @tsProps
 **/
-
 let NavigationItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class NavigationItem extends Component {
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
       minimized: this.props.minimized
     });
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
       minimized: this.props.minimized
     });
   }
-
   renderLink(addRef) {
     var _this$props$styles, _this$props$styles2, _this$props$styles3;
-
     const ElementType = getElementType(NavigationItem, this.props);
     const _this$props3 = this.props,
-          href = _this$props3.href,
-          onClick = _this$props3.onClick,
-          icon = _this$props3.icon,
-          label = _this$props3.label;
+      href = _this$props3.href,
+      onClick = _this$props3.onClick,
+      icon = _this$props3.icon,
+      label = _this$props3.label;
     const props = omitProps(this.props, NavigationItem.allowedProps);
     return jsx(ElementType, Object.assign({}, props, {
       href: href,
@@ -96,11 +86,10 @@ let NavigationItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
       css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.label
     }, label) : null);
   }
-
   render() {
     const _this$props4 = this.props,
-          minimized = _this$props4.minimized,
-          label = _this$props4.label;
+      minimized = _this$props4.minimized,
+      label = _this$props4.label;
     const hasTooltip = minimized && hasVisibleChildren(label);
     const link = this.renderLink(!hasTooltip);
     return hasTooltip ? jsx(Tooltip, {
@@ -109,7 +98,6 @@ let NavigationItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
       elementRef: this.handleRef
     }, link) : link;
   }
-
 }, _class2.displayName = "NavigationItem", _class2.componentId = 'Navigation.Item', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   as: 'a',
   selected: false,

package/es/Navigation/NavigationItem/styles.js

@@ -90,5 +90,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/Navigation/NavigationItem/theme.js

@@ -29,9 +29,9 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        spacing = theme.spacing,
-        typography = theme.typography,
-        themeName = theme.key;
+    spacing = theme.spacing,
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       fontColor: theme['ic-brand-global-nav-menu-item__text-color'],
@@ -65,9 +65,9 @@ const generateComponentTheme = theme => {
     selectedInnerFocusOutline: `inset 0 0 0 0.25rem ${colors === null || colors === void 0 ? void 0 : colors.borderBrand}`,
     contentPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 export default generateComponentTheme;

package/es/Navigation/NavigationLocator.js

@@ -24,8 +24,9 @@
 import { locator } from '@instructure/ui-test-locator';
 import { Navigation } from './index';
 import { NavigationItemLocator } from './NavigationItem/NavigationItemLocator';
-export { NavigationItemLocator }; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+export { NavigationItemLocator };
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const NavigationLocator = locator(Navigation.selector, {
   findAllItems: function () {
     return NavigationItemLocator.findAll(...arguments);

package/es/Navigation/index.js

@@ -1,5 +1,4 @@
 var _dec, _dec2, _dec3, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -23,7 +22,6 @@ var _dec, _dec2, _dec3, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
 /** @jsx jsx */
 import React, { Component, Children } from 'react';
 import { testable } from '@instructure/ui-testable';
@@ -35,74 +33,60 @@ import { NavigationItem } from './NavigationItem';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
-
 const navMinimized = _ref => {
   let minimized = _ref.minimized;
   return {
     minimized: !minimized
   };
 };
+
 /**
 ---
 category: components/deprecated
 ---
 @tsProps
 **/
-
-
 let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec3 = deprecated('9.0.0', null, 'No one uses <Navigation>, so we will deprecate it.'), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Navigation extends Component {
   constructor(props) {
     super(props);
     this.ref = null;
-
     this.handleNavToggle = event => {
       if (!this.isControlled()) {
         this.setState(navMinimized);
       }
-
       if (typeof this.props.onMinimized === 'function') {
         this.props.onMinimized(event, !this.minimized);
       }
     };
-
     this.state = {
       minimized: this.isControlled(props) ? !!props.minimized : !!props.defaultMinimized
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
       minimized: this.minimized
     });
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
       minimized: this.minimized
     });
   }
-
   get minimized() {
     if (this.isControlled()) {
       return !!this.props.minimized;
     }
-
     return !!this.state.minimized;
   }
-
   isControlled() {
     let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props;
     return typeof props.minimized === 'boolean';
   }
-
   renderChildren() {
     return Children.map(this.props.children, child => {
       var _this$props$styles;
-
       const navItem = safeCloneElement(child, {
         minimized: this.state.minimized
       });
@@ -111,14 +95,11 @@ let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
       }, navItem);
     });
   }
-
   toggleMessage() {
     return this.state.minimized ? this.props.toggleLabel.minimizedLabel : this.props.toggleLabel.expandedLabel;
   }
-
   render() {
     var _this$props$styles2, _this$props$styles3, _this$props$styles4, _this$props$styles5;
-
     const label = this.props.label;
     const props = omitProps(this.props, Navigation.allowedProps, ['minimized']);
     return jsx("nav", Object.assign({}, props, {
@@ -141,7 +122,6 @@ let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
       label: jsx(ScreenReaderContent, null, this.toggleMessage())
     })));
   }
-
 }, _class2.displayName = "Navigation", _class2.componentId = 'Navigation', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   children: null,
   defaultMinimized: false,

package/es/Navigation/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { controllable, Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
 import { NavigationItem } from './NavigationItem';

package/es/Navigation/styles.js

@@ -74,5 +74,4 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-
 export default generateStyle;

package/es/Navigation/theme.js

@@ -29,10 +29,10 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        spacing = theme.spacing,
-        borders = theme.borders,
-        transitions = theme.transitions,
-        themeName = theme.key;
+    spacing = theme.spacing,
+    borders = theme.borders,
+    transitions = theme.transitions,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       backgroundColor: theme['ic-brand-global-nav-bgd'],
@@ -53,9 +53,9 @@ const generateComponentTheme = theme => {
     marginBottom: spacing === null || spacing === void 0 ? void 0 : spacing.small,
     toggleTransition: transitions === null || transitions === void 0 ? void 0 : transitions.duration
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 export default generateComponentTheme;

package/es/index.js

@@ -21,5 +21,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 export { AppNav } from './AppNav';
 export { Navigation, NavigationItem } from './Navigation';

package/lib/AppNav/AppNavLocator.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppNavLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _index = require("./index");
-
 var _AppNavItemLocator = require("./Item/AppNavItemLocator");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _AppNavItemLocator = require("./Item/AppNavItemLocator");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const AppNavLocator = (0, _locator.locator)(_index.AppNav.selector, {
   findAllItems: function () {

package/lib/AppNav/Item/AppNavItemLocator.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppNavItemLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const AppNavItemLocator = (0, _locator.locator)(_index.Item.selector);
 exports.AppNavItemLocator = AppNavItemLocator;