@instructure/ui-top-nav-bar 8.46.2-snapshot-5 → 8.46.2-snapshot-7

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.46.2-snapshot-5](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-5) (2023-10-19)
+## [8.46.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-7) (2023-10-20)
 
 **Note:** Version bump only for package @instructure/ui-top-nav-bar
 

package/lib/TopNavBar/TopNavBarActionItems/TopNavBarActionItemsLocator.js

@@ -37,7 +37,7 @@ var _index = require("./index");
 
 /* eslint-enable no-restricted-imports */
 
-const TopNavBarActionItemsLocator = (0, _locator.locator)(
+const TopNavBarActionItemsLocator = exports.TopNavBarActionItemsLocator = (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.TopNavBarActionItems.selector, {
   findAllActionItems: (...args) => {
@@ -52,5 +52,4 @@ _index.TopNavBarActionItems.selector, {
     const allItems = await _TopNavBarItemLocator.TopNavBarItemLocator.findAll(...args);
     return allItems[allItems.length - 1];
   }
-});
-exports.TopNavBarActionItemsLocator = TopNavBarActionItemsLocator;
+});

package/lib/TopNavBar/TopNavBarActionItems/index.js

@@ -56,7 +56,7 @@ id: TopNavBar.ActionItems
 @module TopNavBarActionItems
 @tsProps
 **/
-let TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarActionItems extends _react.Component {
+let TopNavBarActionItems = exports.TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarActionItems extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -197,6 +197,4 @@ let TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)
     }, item)));
   }
 }, _class2.displayName = "TopNavBarActionItems", _class2.componentId = 'TopNavBar.ActionItems', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
-exports.TopNavBarActionItems = TopNavBarActionItems;
-var _default = TopNavBarActionItems;
-exports.default = _default;
+var _default = exports.default = TopNavBarActionItems;

package/lib/TopNavBar/TopNavBarActionItems/props.js

@@ -33,13 +33,11 @@ var _props = require("../TopNavBarItem/props");
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   children: _Children.Children.oneOf([_TopNavBarItem.TopNavBarItem]),
   listLabel: _propTypes.default.string,
   renderHiddenItemsMenuTriggerLabel: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]).isRequired,
   renderHiddenItemsMenuTriggerTooltip: _propTypes.default.oneOfType([_props.topNavBarItemTooltipPropType, _propTypes.default.func]),
   elementRef: _propTypes.default.func
 };
-exports.propTypes = propTypes;
-const allowedProps = ['children', 'listLabel', 'renderHiddenItemsMenuTriggerLabel', 'renderHiddenItemsMenuTriggerTooltip', 'elementRef'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['children', 'listLabel', 'renderHiddenItemsMenuTriggerLabel', 'renderHiddenItemsMenuTriggerTooltip', 'elementRef'];

package/lib/TopNavBar/TopNavBarActionItems/styles.js

@@ -78,5 +78,4 @@ const generateStyle = (componentTheme, _props, state) => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/TopNavBar/TopNavBarActionItems/theme.js

@@ -49,5 +49,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/TopNavBar/TopNavBarBrand/TopNavBarBrandLocator.js

@@ -32,7 +32,7 @@ var _index = require("./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
-const TopNavBarBrandLocator = (0, _locator.locator)(_index.TopNavBarBrand.selector, {
+const TopNavBarBrandLocator = exports.TopNavBarBrandLocator = (0, _locator.locator)(_index.TopNavBarBrand.selector, {
   findContainer: (...args) => {
     return (0, _uiTestUtils.find)('[class$="-topNavBarBrand__container"]', ...args);
   },
@@ -45,5 +45,4 @@ const TopNavBarBrandLocator = (0, _locator.locator)(_index.TopNavBarBrand.select
   findScreenReaderLabel: (...args) => {
     return (0, _uiTestUtils.find)('[class$="-screenReaderContent"]', ...args);
   }
-});
-exports.TopNavBarBrandLocator = TopNavBarBrandLocator;
+});

package/lib/TopNavBar/TopNavBarBrand/index.js

@@ -50,7 +50,7 @@ id: TopNavBar.Brand
 @module TopNavBarBrand
 @tsProps
 **/
-let TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBrand extends _react.Component {
+let TopNavBarBrand = exports.TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBrand extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -110,6 +110,4 @@ let TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
     }, renderName)));
   }
 }, _class2.displayName = "TopNavBarBrand", _class2.componentId = 'TopNavBar.Brand', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
-exports.TopNavBarBrand = TopNavBarBrand;
-var _default = TopNavBarBrand;
-exports.default = _default;
+var _default = exports.default = TopNavBarBrand;

package/lib/TopNavBar/TopNavBarBrand/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   screenReaderLabel: _propTypes.default.string.isRequired,
   renderName: _propTypes.default.node,
   renderIcon: _propTypes.default.node,
@@ -41,6 +41,4 @@ const propTypes = {
   as: _propTypes.default.elementType,
   elementRef: _propTypes.default.func
 };
-exports.propTypes = propTypes;
-const allowedProps = ['screenReaderLabel', 'renderName', 'renderIcon', 'nameBackground', 'iconBackground', 'href', 'onClick', 'as', 'elementRef'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['screenReaderLabel', 'renderName', 'renderIcon', 'nameBackground', 'iconBackground', 'href', 'onClick', 'as', 'elementRef'];

package/lib/TopNavBar/TopNavBarBrand/styles.js

@@ -93,5 +93,4 @@ const generateStyle = (componentTheme, props, state) => {
     focusOutlineInset: componentTheme.focusOutlineInset
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/TopNavBar/TopNavBarBrand/theme.js

@@ -45,5 +45,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/TopNavBar/TopNavBarContext.js

@@ -35,10 +35,8 @@ private: true
 ---
 @module TopNavBarContext
 **/
-const TopNavBarContext = /*#__PURE__*/(0, _react.createContext)({
+const TopNavBarContext = exports.TopNavBarContext = /*#__PURE__*/(0, _react.createContext)({
   layout: 'desktop',
   inverseColor: false
 });
-exports.TopNavBarContext = TopNavBarContext;
-var _default = TopNavBarContext;
-exports.default = _default;
+var _default = exports.default = TopNavBarContext;

package/lib/TopNavBar/TopNavBarItem/TopNavBarItemLocator.js

@@ -51,7 +51,7 @@ var _index = require("./index");
 /* eslint-enable 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 TopNavBarItemLocator = (0, _locator.locator)(_index.TopNavBarItem.selector, {
+const TopNavBarItemLocator = exports.TopNavBarItemLocator = (0, _locator.locator)(_index.TopNavBarItem.selector, {
   findButton: (...args) => {
     return _BaseButtonLocator.BaseButtonLocator.find(...args);
   },
@@ -105,5 +105,4 @@ const TopNavBarItemLocator = (0, _locator.locator)(_index.TopNavBarItem.selector
   findScreenReaderLabel: (...args) => {
     return (0, _uiTestUtils.find)('[class$="-screenReaderContent"]', ...args);
   }
-});
-exports.TopNavBarItemLocator = TopNavBarItemLocator;
+});

package/lib/TopNavBar/TopNavBarItem/index.js

@@ -66,7 +66,7 @@ id: TopNavBar.Item
 @module TopNavBarItem
 @tsProps
 **/
-let TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarItem extends _react.Component {
+let TopNavBarItem = exports.TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarItem extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -556,6 +556,4 @@ let TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
   variant: 'default',
   showSubmenuChevron: true
 }, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
-exports.TopNavBarItem = TopNavBarItem;
-var _default = TopNavBarItem;
-exports.default = _default;
+var _default = exports.default = TopNavBarItem;

package/lib/TopNavBar/TopNavBarItem/props.js

@@ -32,7 +32,7 @@ var _Drilldown = require("@instructure/ui-drilldown/lib/Drilldown");
  * SOFTWARE.
  */
 
-const topNavBarItemTooltipPropType = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
+const topNavBarItemTooltipPropType = exports.topNavBarItemTooltipPropType = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
   renderTip: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
   color: _propTypes.default.oneOf(['primary', 'primary-inverse']),
   placement: _propTypes.default.string,
@@ -41,8 +41,7 @@ const topNavBarItemTooltipPropType = _propTypes.default.oneOfType([_propTypes.de
   onShowContent: _propTypes.default.func,
   onHideContent: _propTypes.default.func
 })]);
-exports.topNavBarItemTooltipPropType = topNavBarItemTooltipPropType;
-const propTypes = {
+const propTypes = exports.propTypes = {
   id: _propTypes.default.string.isRequired,
   children: _propTypes.default.node.isRequired,
   variant: _propTypes.default.oneOf(['default', 'button', 'icon', 'avatar']),
@@ -69,6 +68,4 @@ const propTypes = {
   elementRef: _propTypes.default.func,
   itemRef: _propTypes.default.func
 };
-exports.propTypes = propTypes;
-const allowedProps = ['id', 'children', 'variant', 'status', 'renderSubmenu', 'showSubmenuChevron', 'customPopoverConfig', 'tooltip', 'renderAvatar', 'renderIcon', 'href', 'onClick', 'onSubmenuToggle', 'onMouseOver', 'onMouseOut', 'onFocus', 'onBlur', 'onKeyDown', 'onKeyUp', 'elementRef', 'itemRef'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['id', 'children', 'variant', 'status', 'renderSubmenu', 'showSubmenuChevron', 'customPopoverConfig', 'tooltip', 'renderAvatar', 'renderIcon', 'href', 'onClick', 'onSubmenuToggle', 'onMouseOver', 'onMouseOut', 'onFocus', 'onBlur', 'onKeyDown', 'onKeyUp', 'elementRef', 'itemRef'];

package/lib/TopNavBar/TopNavBarItem/styles.js

@@ -126,5 +126,4 @@ const generateStyle = (componentTheme, props, state) => {
     itemInlinePadding: componentTheme.itemInlinePadding
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/TopNavBar/TopNavBarItem/theme.js

@@ -57,5 +57,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -36,7 +36,7 @@ var _index = require("./index");
  * SOFTWARE.
  */
 
-const TopNavBarDesktopLayoutLocator = (0, _locator.locator)(
+const TopNavBarDesktopLayoutLocator = exports.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: (...args) => {
@@ -71,5 +71,4 @@ _index.TopNavBarDesktopLayout.selector, {
       return 'rgba(0, 0, 0, 0)';
     }
   }
-});
-exports.TopNavBarDesktopLayoutLocator = TopNavBarDesktopLayoutLocator;
+});

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

@@ -45,7 +45,7 @@ private: true
 ---
 @tsProps
 **/
-let TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarDesktopLayout extends _react.Component {
+let TopNavBarDesktopLayout = exports.TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarDesktopLayout extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -108,6 +108,4 @@ let TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _t
     }, 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;
-exports.default = _default;
+var _default = exports.default = TopNavBarDesktopLayout;

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

@@ -29,13 +29,11 @@ var _props = require("../props");
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   // Edit PropTypes in TopNabBarLayout/props.ts
   ..._props.commonPropTypes,
   ..._props.desktopPropTypes
 };
-exports.propTypes = propTypes;
-const allowedProps = [
+const allowedProps = exports.allowedProps = [
 // Edit allowed props in TopNabBarLayout/props.ts
-..._props.commonAllowedProps, ..._props.desktopAllowedProps];
-exports.allowedProps = allowedProps;
+..._props.commonAllowedProps, ..._props.desktopAllowedProps];

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

@@ -117,5 +117,4 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -64,5 +64,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -46,7 +46,7 @@ var _index = require("./index");
 
 /* eslint-enable no-restricted-imports */
 
-const TopNavBarSmallViewportLayoutLocator = (0, _locator.locator)(
+const TopNavBarSmallViewportLayoutLocator = exports.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: (...args) => {
@@ -99,5 +99,4 @@ _index.TopNavBarSmallViewportLayout.selector, {
   findInPlaceDialogCloseButton: (...args) => {
     return (0, _uiTestUtils.find)('[id^=TopNavBarSmallViewportLayout-inPlaceDialogCloseButton_]', ...args);
   }
-});
-exports.TopNavBarSmallViewportLayoutLocator = TopNavBarSmallViewportLayoutLocator;
+});

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

@@ -61,7 +61,7 @@ private: true
 ---
 @tsProps
 **/
-let TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarSmallViewportLayout extends _react.Component {
+let TopNavBarSmallViewportLayout = exports.TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarSmallViewportLayout extends _react.Component {
   constructor(props) {
     var _props$styles;
     super(props);
@@ -409,6 +409,4 @@ let TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDetermin
     }), this.renderDropdownMenuTray());
   }
 }, _class2.displayName = "TopNavBarSmallViewportLayout", _class2.componentId = 'TopNavBar.SmallViewportLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
-exports.TopNavBarSmallViewportLayout = TopNavBarSmallViewportLayout;
-var _default = TopNavBarSmallViewportLayout;
-exports.default = _default;
+var _default = exports.default = TopNavBarSmallViewportLayout;

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

@@ -29,13 +29,11 @@ var _props = require("../props");
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   // Edit PropTypes in TopNabBarLayout/props.ts
   ..._props.commonPropTypes,
   ..._props.smallViewportPropTypes
 };
-exports.propTypes = propTypes;
-const allowedProps = [
+const allowedProps = exports.allowedProps = [
 // Edit allowed props in TopNabBarLayout/props.ts
-..._props.commonAllowedProps, ..._props.smallViewportAllowedProps];
-exports.allowedProps = allowedProps;
+..._props.commonAllowedProps, ..._props.smallViewportAllowedProps];

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

@@ -160,5 +160,4 @@ const generateStyle = (componentTheme, _props, state) => {
     navbarHeight: componentTheme.smallViewportHeight
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -64,5 +64,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/TopNavBar/TopNavBarLayout/TopNavBarLayoutLocator.js

@@ -33,12 +33,11 @@ var _index = require("./index");
  */
 
 // TODO: this type seems to be too complex, try to fix it later
-const TopNavBarLayoutLocator = (0, _locator.locator)(_index.TopNavBarLayout.selector, {
+const TopNavBarLayoutLocator = exports.TopNavBarLayoutLocator = (0, _locator.locator)(_index.TopNavBarLayout.selector, {
   findDesktopLayout: (...args) => {
     return _TopNavBarDesktopLayoutLocator.TopNavBarDesktopLayoutLocator.find(...args);
   },
   findSmallViewportLayout: (...args) => {
     return _TopNavBarSmallViewportLayoutLocator.TopNavBarSmallViewportLayoutLocator.find(...args);
   }
-});
-exports.TopNavBarLayoutLocator = TopNavBarLayoutLocator;
+});

package/lib/TopNavBar/TopNavBarLayout/index.js

@@ -49,7 +49,7 @@ id: TopNavBar.Layout
 @module TopNavBarLayout
 @tsProps
 **/
-let TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarLayout extends _react.Component {
+let TopNavBarLayout = exports.TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarLayout extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -110,6 +110,4 @@ let TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _de
   desktopConfig: {},
   smallViewportConfig: {}
 }, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
-exports.TopNavBarLayout = TopNavBarLayout;
-var _default = TopNavBarLayout;
-exports.default = _default;
+var _default = exports.default = TopNavBarLayout;

package/lib/TopNavBar/TopNavBarLayout/props.js

@@ -37,7 +37,7 @@ var _props = require("../TopNavBarItem/props");
  * SOFTWARE.
  */
 
-const commonPropTypes = {
+const commonPropTypes = exports.commonPropTypes = {
   renderBrand: _Children.Children.oneOf([_TopNavBarBrand.TopNavBarBrand]),
   renderMenuItems: _Children.Children.oneOf([_TopNavBarMenuItems.TopNavBarMenuItems]),
   renderActionItems: _Children.Children.oneOf([_TopNavBarActionItems.TopNavBarActionItems]),
@@ -45,12 +45,10 @@ const commonPropTypes = {
   navLabel: _propTypes.default.string,
   elementRef: _propTypes.default.func
 };
-exports.commonPropTypes = commonPropTypes;
-const desktopPropTypes = {
+const desktopPropTypes = exports.desktopPropTypes = {
   hideActionsUserSeparator: _propTypes.default.bool
 };
-exports.desktopPropTypes = desktopPropTypes;
-const smallViewportPropTypes = {
+const smallViewportPropTypes = exports.smallViewportPropTypes = {
   dropdownMenuToggleButtonLabel: _propTypes.default.string.isRequired,
   dropdownMenuToggleButtonTooltip: _props.topNavBarItemTooltipPropType,
   dropdownMenuLabel: _propTypes.default.string,
@@ -69,18 +67,12 @@ const smallViewportPropTypes = {
   onDropdownMenuToggle: _propTypes.default.func,
   onDropdownMenuSelect: _propTypes.default.func
 };
-exports.smallViewportPropTypes = smallViewportPropTypes;
-const propTypes = {
+const propTypes = exports.propTypes = {
   ...commonPropTypes,
   desktopConfig: _propTypes.default.shape(desktopPropTypes),
   smallViewportConfig: _propTypes.default.shape(smallViewportPropTypes).isRequired
 };
-exports.propTypes = propTypes;
-const commonAllowedProps = ['renderBrand', 'renderMenuItems', 'renderActionItems', 'renderUser', 'navLabel', 'elementRef'];
-exports.commonAllowedProps = commonAllowedProps;
-const desktopAllowedProps = ['hideActionsUserSeparator'];
-exports.desktopAllowedProps = desktopAllowedProps;
-const smallViewportAllowedProps = ['dropdownMenuToggleButtonLabel', 'dropdownMenuToggleButtonTooltip', 'dropdownMenuLabel', 'alternativeTitle', 'renderInPlaceDialogConfig', 'trayMountNode', 'onDropdownMenuToggle', 'onDropdownMenuSelect'];
-exports.smallViewportAllowedProps = smallViewportAllowedProps;
-const allowedProps = [...commonAllowedProps, 'desktopConfig', 'smallViewportConfig'];
-exports.allowedProps = allowedProps;
+const commonAllowedProps = exports.commonAllowedProps = ['renderBrand', 'renderMenuItems', 'renderActionItems', 'renderUser', 'navLabel', 'elementRef'];
+const desktopAllowedProps = exports.desktopAllowedProps = ['hideActionsUserSeparator'];
+const smallViewportAllowedProps = exports.smallViewportAllowedProps = ['dropdownMenuToggleButtonLabel', 'dropdownMenuToggleButtonTooltip', 'dropdownMenuLabel', 'alternativeTitle', 'renderInPlaceDialogConfig', 'trayMountNode', 'onDropdownMenuToggle', 'onDropdownMenuSelect'];
+const allowedProps = exports.allowedProps = [...commonAllowedProps, 'desktopConfig', 'smallViewportConfig'];

package/lib/TopNavBar/TopNavBarLayout/theme.js

@@ -45,5 +45,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/TopNavBar/TopNavBarLocator.js

@@ -31,7 +31,6 @@ var _index = require("./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
-const TopNavBarLocator = (0, _locator.locator)(_index.TopNavBar.selector, {
+const TopNavBarLocator = exports.TopNavBarLocator = (0, _locator.locator)(_index.TopNavBar.selector, {
   /* custom component query methods go here */
-});
-exports.TopNavBarLocator = TopNavBarLocator;
+});

package/lib/TopNavBar/TopNavBarMenuItems/TopNavBarMenuItemsLocator.js

@@ -38,7 +38,7 @@ var _index = require("./index");
 /* eslint-enable 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 TopNavBarMenuItemsLocator = (0, _locator.locator)(_index.TopNavBarMenuItems.selector, {
+const TopNavBarMenuItemsLocator = exports.TopNavBarMenuItemsLocator = (0, _locator.locator)(_index.TopNavBarMenuItems.selector, {
   findAllMenuItems: (...args) => {
     return _TopNavBarItemLocator.TopNavBarItemLocator.findAll(...args);
   },
@@ -53,5 +53,4 @@ const TopNavBarMenuItemsLocator = (0, _locator.locator)(_index.TopNavBarMenuItem
       return truncateList;
     }
   }
-});
-exports.TopNavBarMenuItemsLocator = TopNavBarMenuItemsLocator;
+});

package/lib/TopNavBar/TopNavBarMenuItems/index.js

@@ -54,7 +54,7 @@ id: TopNavBar.MenuItems
 @module TopNavBarMenuItems
 @tsProps
 **/
-let TopNavBarMenuItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarMenuItems extends _react.Component {
+let TopNavBarMenuItems = exports.TopNavBarMenuItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarMenuItems extends _react.Component {
   constructor(props) {
     super(props);
     this._hiddenMenuItemsMenuTriggerId = void 0;
@@ -190,6 +190,4 @@ let TopNavBarMenuItems = (_dec = (0, _withDeterministicId.withDeterministicId)()
     }), this.renderChildren());
   }
 }, _class2.displayName = "TopNavBarMenuItems", _class2.componentId = 'TopNavBar.MenuItems', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
-exports.TopNavBarMenuItems = TopNavBarMenuItems;
-var _default = TopNavBarMenuItems;
-exports.default = _default;
+var _default = exports.default = TopNavBarMenuItems;

package/lib/TopNavBar/TopNavBarMenuItems/props.js

@@ -32,13 +32,11 @@ var _TopNavBarItem = require("../TopNavBarItem");
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   children: _Children.Children.oneOf([_TopNavBarItem.TopNavBarItem]),
   currentPageId: _propTypes.default.string,
   renderHiddenItemsMenuTriggerLabel: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]).isRequired,
   listLabel: _propTypes.default.string,
   elementRef: _propTypes.default.func
 };
-exports.propTypes = propTypes;
-const allowedProps = ['children', 'currentPageId', 'renderHiddenItemsMenuTriggerLabel', 'listLabel', 'elementRef'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['children', 'currentPageId', 'renderHiddenItemsMenuTriggerLabel', 'listLabel', 'elementRef'];

package/lib/TopNavBar/TopNavBarMenuItems/styles.js

@@ -67,5 +67,4 @@ const generateStyle = componentTheme => {
     itemSpacing: componentTheme.desktopItemSpacing
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/TopNavBar/TopNavBarMenuItems/theme.js

@@ -48,5 +48,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/TopNavBar/TopNavBarUser/TopNavBarUserLocator.js

@@ -31,7 +31,6 @@ var _index = require("./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
-const TopNavBarUserLocator = (0, _locator.locator)(_index.TopNavBarUser.selector, {
+const TopNavBarUserLocator = exports.TopNavBarUserLocator = (0, _locator.locator)(_index.TopNavBarUser.selector, {
   /* custom component query methods go here */
-});
-exports.TopNavBarUserLocator = TopNavBarUserLocator;
+});

package/lib/TopNavBar/TopNavBarUser/index.js

@@ -47,7 +47,7 @@ id: TopNavBar.User
 @module TopNavBarUser
 @tsProps
 **/
-let TopNavBarUser = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarUser extends _react.Component {
+let TopNavBarUser = exports.TopNavBarUser = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarUser extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -96,6 +96,4 @@ let TopNavBarUser = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec
     }), this.content);
   }
 }, _class2.displayName = "TopNavBarUser", _class2.componentId = 'TopNavBar.User', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
-exports.TopNavBarUser = TopNavBarUser;
-var _default = TopNavBarUser;
-exports.default = _default;
+var _default = exports.default = TopNavBarUser;

package/lib/TopNavBar/TopNavBarUser/props.js

@@ -32,10 +32,8 @@ var _TopNavBarItem = require("../TopNavBarItem");
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   children: _Children.Children.oneOf([_TopNavBarItem.TopNavBarItem]).isRequired,
   elementRef: _propTypes.default.func
 };
-exports.propTypes = propTypes;
-const allowedProps = ['children', 'elementRef'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['children', 'elementRef'];

package/lib/TopNavBar/TopNavBarUser/styles.js

@@ -47,5 +47,4 @@ const generateStyle = () => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/TopNavBar/index.js

@@ -49,7 +49,7 @@ category: components
 ---
 @tsProps
 **/
-let TopNavBar = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class TopNavBar extends _react.Component {
+let TopNavBar = exports.TopNavBar = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class TopNavBar extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -104,6 +104,4 @@ let TopNavBar = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = clas
   mediaQueryMatch: 'media',
   inverseColor: false
 }, _class2)) || _class);
-exports.TopNavBar = TopNavBar;
-var _default = TopNavBar;
-exports.default = _default;
+var _default = exports.default = TopNavBar;