@instructure/ui-navigation 8.33.1 → 8.33.2

package/lib/AppNav/Item/index.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Item = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _console = require("@instructure/console");
-
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 parent: AppNav
@@ -49,21 +32,17 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   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();
@@ -72,38 +51,30 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       }
     };
   }
-
   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 = (0, _getElementType.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 = (0, _callRenderProp.callRenderProp)(renderIcon);
     const label = (0, _callRenderProp.callRenderProp)(renderLabel);
     const labelIsForScreenReaders = (0, _matchComponentTypes.matchComponentTypes)(label, [_ScreenReaderContent.ScreenReaderContent]);
-
     if (icon) {
       (0, _console.logError)(labelIsForScreenReaders, '[AppNav] If an icon is used, the label text should be wrapped in <ScreenReaderContent />.');
     }
-
     return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(this.props), {
       as: ElementType,
       href: href,
@@ -119,7 +90,6 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.label
     }, label), renderAfter && (0, _callRenderProp.callRenderProp)(renderAfter));
   }
-
 }, _class2.displayName = "Item", _class2.componentId = 'AppNav.Item', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   children: null,
   isSelected: false,

package/lib/AppNav/Item/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "AppNavItemLocator", {
   }
 });
 exports.default = void 0;
-
 var _AppNavItemLocator = require("./AppNavItemLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/AppNav/Item/props.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string, _propTypes.default.func]).isRequired,
   renderAfter: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),

package/lib/AppNav/Item/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -41,7 +40,7 @@ exports.default = void 0;
  */
 const generateStyle = (componentTheme, props) => {
   const isSelected = props.isSelected,
-        isDisabled = props.isDisabled;
+    isDisabled = props.isDisabled;
   const itemStyles = {
     appearance: 'none',
     overflow: 'visible',
@@ -89,6 +88,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/AppNav/Item/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,8 +35,8 @@ exports.default = void 0;
  */
 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',
@@ -48,9 +47,9 @@ 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
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/AppNav/index.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AppNav = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _emotion = require("@instructure/emotion");
-
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _Menu = require("@instructure/ui-menu/lib/Menu");
-
 var _Item = require("./Item");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _TruncateList = require("@instructure/ui-truncate-list/lib/TruncateList");
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 category: components
@@ -48,29 +32,22 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
       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 (0, _emotion.jsx)(_Menu.Menu, {
       trigger: (0, _emotion.jsx)(AppNav.Item, {
@@ -84,17 +61,14 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
       }, (0, _callRenderProp.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.View.omitViewProps((0, _omitProps.omitProps)(this.props, AppNav.allowedProps), AppNav);
-
     const renderBeforeItems = (0, _callRenderProp.callRenderProp)(this.props.renderBeforeItems);
     const renderAfterItems = (0, _callRenderProp.callRenderProp)(this.props.renderAfterItems);
     const hasRenderedContent = renderBeforeItems || renderAfterItems;
@@ -115,7 +89,6 @@ let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
       "aria-label": (0, _callRenderProp.callRenderProp)(screenReaderLabel)
     }, this.props.children), renderAfterItems && (0, _emotion.jsx)("span", null, renderAfterItems));
   }
-
 }, _class2.displayName = "AppNav", _class2.componentId = 'AppNav', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   children: null,
   debounce: 300,

package/lib/AppNav/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "AppNavLocator", {
   }
 });
 exports.default = void 0;
-
 var _AppNavLocator = require("./AppNavLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/AppNav/props.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _Item = require("./Item");
-
 /*
  * The MIT License (MIT)
  *
@@ -38,6 +32,7 @@ var _Item = require("./Item");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   screenReaderLabel: _propTypes.default.string.isRequired,
   children: _Children.Children.oneOf([_Item.Item]),

package/lib/AppNav/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -62,6 +61,5 @@ const generateStyle = componentTheme => {
     menuTriggerWidth: componentTheme.menuTriggerWidth.toString()
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/AppNav/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,9 +35,9 @@ exports.default = void 0;
  */
 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',
@@ -49,9 +48,9 @@ const generateComponentTheme = theme => {
     horizontalMargin: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
     menuTriggerWidth: '7.5rem'
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/Navigation/NavigationItem/NavigationItemLocator.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationItemLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _TooltipLocator = require("@instructure/ui-tooltip/lib/Tooltip/TooltipLocator");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,8 +30,10 @@ 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(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
+
 // @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 NavigationItemLocator = (0, _locator.locator)(_index.NavigationItem.selector, {
   findTooltipContent: function () {

package/lib/Navigation/NavigationItem/index.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.NavigationItem = void 0;
-
 var _react = require("react");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-
 var _Tooltip = require("@instructure/ui-tooltip/lib/Tooltip");
-
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 parent: Navigation
@@ -40,42 +27,34 @@ let NavigationItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   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 = (0, _getElementType.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 = (0, _omitProps.omitProps)(this.props, NavigationItem.allowedProps);
     return (0, _emotion.jsx)(ElementType, Object.assign({}, props, {
       href: href,
@@ -90,11 +69,10 @@ let NavigationItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       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 && (0, _hasVisibleChildren.hasVisibleChildren)(label);
     const link = this.renderLink(!hasTooltip);
     return hasTooltip ? (0, _emotion.jsx)(_Tooltip.Tooltip, {
@@ -103,7 +81,6 @@ let NavigationItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       elementRef: this.handleRef
     }, link) : link;
   }
-
 }, _class2.displayName = "NavigationItem", _class2.componentId = 'Navigation.Item', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   as: 'a',
   selected: false,

package/lib/Navigation/NavigationItem/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "NavigationItemLocator", {
   }
 });
 exports.default = void 0;
-
 var _NavigationItemLocator = require("./NavigationItemLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/Navigation/NavigationItem/props.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   elementRef: _propTypes.default.func,
   icon: _propTypes.default.node.isRequired,

package/lib/Navigation/NavigationItem/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -97,6 +96,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Navigation/NavigationItem/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,9 +35,9 @@ exports.default = void 0;
  */
 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'],
@@ -72,10 +71,10 @@ 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]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/Navigation/NavigationLocator.js

@@ -10,13 +10,9 @@ Object.defineProperty(exports, "NavigationItemLocator", {
   }
 });
 exports.NavigationLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _index = require("./index");
-
 var _NavigationItemLocator = require("./NavigationItem/NavigationItemLocator");
-
 /*
  * The MIT License (MIT)
  *
@@ -40,6 +36,7 @@ var _NavigationItemLocator = require("./NavigationItem/NavigationItemLocator");
  * 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 NavigationLocator = (0, _locator.locator)(_index.Navigation.selector, {
   findAllItems: function () {