@instructure/ui-top-nav-bar 8.33.1 → 8.33.2

package/lib/TopNavBar/TopNavBarItem/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,
-        borders = theme.borders;
+    spacing = theme.spacing,
+    typography = theme.typography,
+    borders = theme.borders;
   const componentVariables = {
     fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
@@ -54,9 +53,9 @@ const generateComponentTheme = theme => {
     activeIndicatorColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
     activeIndicatorColorInverse: colors.textDarkest
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/TopNavBarDesktopLayoutLocator.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TopNavBarDesktopLayoutLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _uiTestUtils = require("@instructure/ui-test-utils");
-
 var _getComputedStyle = require("@instructure/ui-dom-utils/lib/getComputedStyle.js");
-
 var _TopNavBarBrandLocator = require("../../TopNavBarBrand/TopNavBarBrandLocator");
-
 var _TopNavBarMenuItemsLocator = require("../../TopNavBarMenuItems/TopNavBarMenuItemsLocator");
-
 var _TopNavBarActionItemsLocator = require("../../TopNavBarActionItems/TopNavBarActionItemsLocator");
-
 var _TopNavBarUserLocator = require("../../TopNavBarUser/TopNavBarUserLocator");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -44,34 +35,32 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-const TopNavBarDesktopLayoutLocator = (0, _locator.locator)( // @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 TopNavBarDesktopLayoutLocator = (0, _locator.locator)(
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 _index.TopNavBarDesktopLayout.selector, {
   findBrandContainer: function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     return (0, _uiTestUtils.find)('[class$=-topNavBarDesktopLayout__brandContainer]', ...args);
   },
   findMenuItemsContainer: function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     return (0, _uiTestUtils.find)('[class$=-topNavBarDesktopLayout__menuItemsContainer]', ...args);
   },
   findActionItemsContainer: function () {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-
     return (0, _uiTestUtils.find)('[class$=-topNavBarDesktopLayout__actionItemsContainer]', ...args);
   },
   findUserContainer: function () {
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       args[_key4] = arguments[_key4];
     }
-
     return (0, _uiTestUtils.find)('[class$=-topNavBarDesktopLayout__userContainer]', ...args);
   },
   findBrand: function () {
@@ -91,7 +80,6 @@ _index.TopNavBarDesktopLayout.selector, {
       for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
         args[_key5] = arguments[_key5];
       }
-
       const user = await (0, _uiTestUtils.find)('[class$=-topNavBarDesktopLayout__userContainer]', ...args);
       return user ? (0, _getComputedStyle.getComputedStyle)(user.getDOMNode(), '::before').backgroundColor : 'rgba(0, 0, 0, 0)';
     } catch {

package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/index.js

@@ -1,32 +1,20 @@
 "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.TopNavBarDesktopLayout = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _TopNavBarContext = require("../../TopNavBarContext");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 private: true
@@ -37,29 +25,22 @@ let TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _t
   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, this.makeStylesVariables);
   }
-
   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, this.makeStylesVariables);
   }
-
   get makeStylesVariables() {
     return {
       inverseColor: this.context.inverseColor,
@@ -68,30 +49,26 @@ let TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _t
       hasUserBlock: this.hasUserBlock
     };
   }
-
   get hasBrandBlock() {
     const renderBrand = this.props.renderBrand;
     return !!renderBrand && (!!renderBrand.props.renderName || !!renderBrand.props.renderIcon);
   }
-
   get hasActionItemsBlock() {
     const renderActionItems = this.props.renderActionItems;
     return !!renderActionItems && _react.default.Children.count(renderActionItems.props.children) > 0;
   }
-
   get hasUserBlock() {
     const renderUser = this.props.renderUser;
     return !!renderUser && _react.default.Children.count(renderUser.props.children) > 0;
   }
-
   render() {
     const _this$props3 = this.props,
-          renderBrand = _this$props3.renderBrand,
-          renderMenuItems = _this$props3.renderMenuItems,
-          renderActionItems = _this$props3.renderActionItems,
-          renderUser = _this$props3.renderUser,
-          navLabel = _this$props3.navLabel,
-          styles = _this$props3.styles;
+      renderBrand = _this$props3.renderBrand,
+      renderMenuItems = _this$props3.renderMenuItems,
+      renderActionItems = _this$props3.renderActionItems,
+      renderUser = _this$props3.renderUser,
+      navLabel = _this$props3.navLabel,
+      styles = _this$props3.styles;
     return (0, _emotion.jsx)("nav", Object.assign({}, (0, _omitProps.omitProps)(this.props, _props.allowedProps), {
       ref: this.handleRef,
       css: styles === null || styles === void 0 ? void 0 : styles.topNavBarDesktopLayout,
@@ -106,7 +83,6 @@ let TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _t
       css: styles === null || styles === void 0 ? void 0 : styles.userContainer
     }, renderUser));
   }
-
 }, _class2.displayName = "TopNavBarDesktopLayout", _class2.componentId = 'TopNavBar.DesktopLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
 exports.TopNavBarDesktopLayout = TopNavBarDesktopLayout;
 var _default = TopNavBarDesktopLayout;

package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/props.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _props = require("../props");
-
 /*
  * The MIT License (MIT)
  *
@@ -30,11 +28,14 @@ var _props = require("../props");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-const propTypes = { // Edit PropTypes in TopNabBarLayout/props.ts
+
+const propTypes = {
+  // Edit PropTypes in TopNabBarLayout/props.ts
   ..._props.commonPropTypes,
   ..._props.desktopPropTypes
 };
 exports.propTypes = propTypes;
-const allowedProps = [// Edit allowed props in TopNabBarLayout/props.ts
+const allowedProps = [
+// Edit allowed props in TopNabBarLayout/props.ts
 ..._props.commonAllowedProps, ..._props.desktopAllowedProps];
 exports.allowedProps = allowedProps;

package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -42,9 +41,9 @@ exports.default = void 0;
 const generateStyle = (componentTheme, props, state) => {
   const hideActionsUserSeparator = props.hideActionsUserSeparator;
   const inverseColor = state.inverseColor,
-        hasBrandBlock = state.hasBrandBlock,
-        hasActionItemsBlock = state.hasActionItemsBlock,
-        hasUserBlock = state.hasUserBlock;
+    hasBrandBlock = state.hasBrandBlock,
+    hasActionItemsBlock = state.hasActionItemsBlock,
+    hasUserBlock = state.hasUserBlock;
   const hasUserSeparator = hasActionItemsBlock && hasUserBlock && !hideActionsUserSeparator;
   return {
     topNavBarDesktopLayout: {
@@ -118,6 +117,5 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,10 +35,10 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        stacking = theme.stacking,
-        typography = theme.typography,
-        spacing = theme.spacing,
-        borders = theme.borders;
+    stacking = theme.stacking,
+    typography = theme.typography,
+    spacing = theme.spacing,
+    borders = theme.borders;
   const componentVariables = {
     desktopFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
     desktopFontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
@@ -61,9 +60,9 @@ const generateComponentTheme = theme => {
     desktopUserSeparatorColor: colors.borderMedium,
     desktopUserSeparatorColorInverse: colors.borderMedium
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/TopNavBarSmallViewportLayoutLocator.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TopNavBarSmallViewportLayoutLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _uiTestUtils = require("@instructure/ui-test-utils");
-
 var _DrilldownLocator = require("@instructure/ui-drilldown/lib/Drilldown/DrilldownLocator");
-
 var _TrayLocator = require("@instructure/ui-tray/lib/Tray/TrayLocator");
-
 var _TruncateListLocator = require("@instructure/ui-truncate-list/lib/TruncateList/TruncateListLocator");
-
 var _TopNavBarItemLocator = require("../../TopNavBarItem/TopNavBarItemLocator");
-
 var _TopNavBarBrandLocator = require("../../TopNavBarBrand/TopNavBarBrandLocator");
-
 var _TopNavBarActionItemsLocator = require("../../TopNavBarActionItems/TopNavBarActionItemsLocator");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -49,40 +39,39 @@ var _index = require("./index");
 
 /* eslint-disable no-restricted-imports */
 // @ts-expect-error bypass no type definition found error
+
 // @ts-expect-error bypass no type definition found error
+
 // @ts-expect-error bypass no type definition found error
 
 /* eslint-enable no-restricted-imports */
-const TopNavBarSmallViewportLayoutLocator = (0, _locator.locator)( // @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 TopNavBarSmallViewportLayoutLocator = (0, _locator.locator)(
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 _index.TopNavBarSmallViewportLayout.selector, {
   findNavBar: function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     return (0, _uiTestUtils.find)('[class$=-topNavBarSmallViewportLayout__navbar]', ...args);
   },
   findDropdownMenuTriggerWrapper: function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     return (0, _uiTestUtils.find)('[class*=-topNavBarSmallViewportLayout__menuTrigger]', ...args);
   },
   findAlternativeTitleContainer: function () {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-
     return (0, _uiTestUtils.find)('[class*=-topNavBarSmallViewportLayout__alternativeTitleContainer]', ...args);
   },
   findDropdownMenuTriggerItem: async function () {
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       args[_key4] = arguments[_key4];
     }
-
     const triggerExists = await (0, _uiTestUtils.find)('[id^=TopNavBarSmallViewportLayout-menuTrigger_]', ...args);
-
     if (triggerExists) {
       return _TopNavBarItemLocator.TopNavBarItemLocator.find('[id^=TopNavBarSmallViewportLayout-menuTrigger_]');
     } else {
@@ -93,9 +82,7 @@ _index.TopNavBarSmallViewportLayout.selector, {
     for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
       args[_key5] = arguments[_key5];
     }
-
     const triggerExists = await (0, _uiTestUtils.find)('[id^=TopNavBarSmallViewportLayout-menuTrigger_]', ...args);
-
     if (triggerExists) {
       const menuItem = await _TopNavBarItemLocator.TopNavBarItemLocator.find('[id^=TopNavBarSmallViewportLayout-menuTrigger_]');
       return menuItem.findButton();
@@ -107,7 +94,6 @@ _index.TopNavBarSmallViewportLayout.selector, {
     for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
       args[_key6] = arguments[_key6];
     }
-
     return (0, _uiTestUtils.find)('[class$=-topNavBarSmallViewportLayout__brandContainer]', ...args);
   },
   findBrand: function () {
@@ -129,14 +115,12 @@ _index.TopNavBarSmallViewportLayout.selector, {
     for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
       args[_key7] = arguments[_key7];
     }
-
     return (0, _uiTestUtils.find)('[class$=-topNavBarSmallViewportLayout__inPlaceDialogContainer]', ...args);
   },
   findInPlaceDialogCloseButton: function () {
     for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
       args[_key8] = arguments[_key8];
     }
-
     return (0, _uiTestUtils.find)('[id^=TopNavBarSmallViewportLayout-inPlaceDialogCloseButton_]', ...args);
   }
 });