@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

package/es/common/components/layout/Page/index.js

@@ -2,26 +2,20 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Page;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
   _inherits(Page, _Component);
-
   var _super = _createSuper(Page);
-
   function Page() {
     _classCallCheck(this, Page);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Page, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -60,10 +54,9 @@ export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
       }, this.props.children));
     }
   }]);
-
   Page.displayName = "Page";
   return Page;
-}(Component), _class2.propTypes = {
+}(Component), _Page.propTypes = {
   children: PropTypes.node.isRequired,
   childrenWrapperRef: PropTypes.func,
   contentRole: PropTypes.string,
@@ -73,12 +66,12 @@ export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   toggleSidebar: PropTypes.func,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _class2.defaultProps = {
+}, _Page.defaultProps = {
   childrenWrapperRef: function childrenWrapperRef() {},
   contentRole: 'main',
   sidebarComponent: null,
   sidebarOpen: null,
   sidebarRole: 'navigation',
   toggleSidebar: function toggleSidebar() {}
-}, _temp)) || _class);
+}, _Page)) || _class);
 export default Page;

package/es/common/components/layout/Page/styles.js

@@ -1,6 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var printMq = '@media print';
   var isScrollable = props.sidebarComponent != null && props.sidebarOpen != null;
@@ -22,5 +21,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-
 export default generateStyle;

package/es/common/components/layout/Page/theme.js

@@ -1,11 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var typography = _ref.typography,
-      breakpoints = _ref.breakpoints,
-      transitions = _ref.transitions;
+    breakpoints = _ref.breakpoints,
+    transitions = _ref.transitions;
   return {
     fontFamily: typography.fontFamily,
     contentTransition: "transform ".concat(transitions.duration)
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/layout/header/Calculator/index.js

@@ -5,7 +5,6 @@ import { hasVisibleQuestionCalculator } from "../../../../../common/selectors/ca
 import { setActiveCalculatorId } from "../../../../../common/actions/ui.js";
 import { getActiveQuizSessionId } from "../../../../selectors/quizSessions.js";
 import { getActiveQuizCaluclatorType } from "../../../../selectors/quizzes.js";
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     activeCalculatorId: getActiveCalculatorId(state),
@@ -13,7 +12,6 @@ var mapStateToProps = function mapStateToProps(state) {
     quizSessionId: getActiveQuizSessionId(state)
   };
 };
-
 var mapDispatchToProps = {
   setActiveCalculatorId: setActiveCalculatorId
 };

package/es/common/components/layout/header/Calculator/presenter.js

@@ -10,14 +10,11 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { IconCalculatorLine } from '@instructure/ui-icons';
 import LearnosityCalculator from "../../../LearnosityCalculator/index.js";
-
 var _ref2 = /*#__PURE__*/React.createElement(IconCalculatorLine, null);
-
 var CalculatorButton = function CalculatorButton(_ref) {
   var toggleCalculator = _ref.toggleCalculator,
-      enabled = _ref.enabled,
-      iceTopNavBarEnabled = _ref.iceTopNavBarEnabled;
-
+    enabled = _ref.enabled,
+    iceTopNavBarEnabled = _ref.iceTopNavBarEnabled;
   if (iceTopNavBarEnabled) {
     return /*#__PURE__*/React.createElement(TopNavBar.Item, {
       id: "CalculatorButton",
@@ -28,14 +25,12 @@ var CalculatorButton = function CalculatorButton(_ref) {
       tooltip: t('Calculator')
     }, t('Calculator'));
   }
-
   return /*#__PURE__*/React.createElement(Button, {
     renderIcon: IconCalculatorLine,
     onClick: toggleCalculator,
     disabled: !enabled
   }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Calculator')));
 };
-
 CalculatorButton.propTypes = {
   toggleCalculator: PropTypes.func.isRequired,
   enabled: PropTypes.bool.isRequired,
@@ -46,15 +41,11 @@ CalculatorButton.defaultProps = {
 };
 export var Calculator = /*#__PURE__*/function (_Component) {
   _inherits(Calculator, _Component);
-
   var _super = _createSuper(Calculator);
-
   function Calculator() {
     _classCallCheck(this, Calculator);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Calculator, [{
     key: "render",
     value: function render() {
@@ -63,7 +54,6 @@ export var Calculator = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   Calculator.displayName = "Calculator";
   return Calculator;
 }(Component);

package/es/common/components/layout/header/HeaderMenuButton/presenter.js

@@ -3,9 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _HeaderMenuButton;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,47 +13,33 @@ import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-
 var _ref = jsx(IconHamburgerLine, null);
-
-export var HeaderMenuButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var HeaderMenuButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
   _inherits(HeaderMenuButton, _Component);
-
   var _super = _createSuper(HeaderMenuButton);
-
   function HeaderMenuButton() {
     var _this;
-
     _classCallCheck(this, HeaderMenuButton);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.toggleNavigator = function () {
       var msg = _this.props.sidebarOpen ? t('Closed Question Navigator Menu') : t('Opened Question Navigator Menu');
-
       _this.props.screenreaderNotification(msg);
-
       _this.props.sidebarMenuClick();
     }.bind(_assertThisInitialized(_this));
-
     return _this;
   }
-
   _createClass(HeaderMenuButton, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          hidden = _this$props.hidden,
-          sidebarOpen = _this$props.sidebarOpen;
-
+        hidden = _this$props.hidden,
+        sidebarOpen = _this$props.sidebarOpen;
       if (hidden) {
         return null;
       }
-
       return jsx("div", {
         css: this.props.styles.title
       }, jsx("button", {
@@ -66,14 +50,13 @@ export var HeaderMenuButton = (_dec = withStyle(generateStyle, generateComponent
       }, _ref, jsx(ScreenReaderContent, null, sidebarOpen ? t('Hide Question Navigator Menu') : t('Show Question Navigator Menu'))));
     }
   }]);
-
   HeaderMenuButton.displayName = "HeaderMenuButton";
   return HeaderMenuButton;
-}(Component), _class2.propTypes = {
+}(Component), _HeaderMenuButton.propTypes = {
   sidebarMenuClick: PropTypes.func.isRequired,
   hidden: PropTypes.bool.isRequired,
   sidebarOpen: PropTypes.bool.isRequired,
   screenreaderNotification: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _HeaderMenuButton)) || _class);
 export default HeaderMenuButton;

package/es/common/components/layout/header/HeaderMenuButton/styles.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme) {
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   return {
@@ -23,5 +22,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/common/components/layout/header/HeaderMenuButton/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
-      colors = _ref.colors,
-      typography = _ref.typography;
+    colors = _ref.colors,
+    typography = _ref.typography;
   return {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     menuButtonFontSize: typography.fontSizeLarge,
@@ -9,5 +9,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     menuButtonHoverOpacity: '0.6'
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/layout/header/Timer/index.js

@@ -6,14 +6,12 @@ import { getActiveQuizSession } from "../../../../selectors/quizSessions.js";
 import Timer from "./presenter.js";
 import { screenreaderNotification } from "../../../../actions/alerts.js";
 import { updateTimerMinimized } from "../../../../actions/taking.js";
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     screenreaderNotification: bindActionCreators(screenreaderNotification, dispatch),
     updateTimerMinimized: bindActionCreators(updateTimerMinimized, dispatch)
   };
 };
-
 var mapStateToProps = function mapStateToProps(state) {
   var timerData = getTimerData(state).toJS();
   var isTaking = getIsTaking(state);
@@ -26,5 +24,4 @@ var mapStateToProps = function mapStateToProps(state) {
     timerMinimized: timerData.timerMinimized
   };
 };
-
 export default connect(mapStateToProps, mapDispatchToProps)(Timer);

package/es/common/components/layout/header/Timer/presenter.js

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _Timer;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -21,33 +19,23 @@ import { formatTime } from "../../../../util/formatTimespan.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-
 var _ref = jsx(IconClockLine, null);
-
 var _ref2 = jsx(IconClockSolid, null);
-
-export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
   _inherits(Timer, _Component);
-
   var _super = _createSuper(Timer);
-
   function Timer() {
     var _this;
-
     _classCallCheck(this, Timer);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.handleKeyDown = function (event) {
       // Check for Alt+Shift+T and nothing else
       if (event.keyCode === 84 && event.altKey && event.shiftKey && !event.ctrlKey) {
         var message;
         event.preventDefault();
-
         if (_this.props.timeLeftInSeconds >= 1) {
           var timeString = formatTime(_this.props.timeLeftInSeconds);
           message = t('The remaining time is: {timeleft}', {
@@ -56,52 +44,42 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         } else {
           message = t('There is no remaining time left');
         }
-
         _this.props.screenreaderNotification(message);
       }
     };
-
     _this.showTimerRef = function (node) {
       _this.showTimerBtn = node;
     };
-
     _this.hideTimerRef = function (node) {
       _this.hideTimerBtn = node;
     };
-
     _this.focusOnShow = function () {
       _this.showTimerBtn && _this.showTimerBtn.focus();
     };
-
     _this.focusOnHide = function () {
       _this.hideTimerBtn && _this.hideTimerBtn.focus();
     };
-
     return _this;
   }
-
   _createClass(Timer, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var _this$props = this.props,
-          timerMinimized = _this$props.timerMinimized,
-          screenreaderNotification = _this$props.screenreaderNotification,
-          timerRunning = _this$props.timerRunning,
-          showTimer = _this$props.showTimer;
-
+        timerMinimized = _this$props.timerMinimized,
+        screenreaderNotification = _this$props.screenreaderNotification,
+        timerRunning = _this$props.timerRunning,
+        showTimer = _this$props.showTimer;
       if (timerMinimized !== prevProps.timerMinimized) {
         var message = timerMinimized ? t('timer minimized') : t('timer showing');
         screenreaderNotification(message);
         var focusFn = timerMinimized ? this.focusOnShow : this.focusOnHide;
         focusFn();
       }
-
       if (timerRunning && !prevProps.timerRunning) {
         document.body.addEventListener('keydown', this.handleKeyDown);
       } else if (!timerRunning && prevProps.timerRunning) {
         document.body.removeEventListener('keydown', this.handleKeyDown);
       }
-
       this.props.setTimerEnabled(showTimer && timerRunning);
     }
   }, {
@@ -132,7 +110,6 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           itemRef: this.showTimerRef
         }, t('Show Timer'));
       }
-
       return jsx("div", {
         css: this.props.styles.timer
       }, this.renderHelpScreenreaderText(), jsx(Button, {
@@ -158,7 +135,6 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           seconds: this.props.timeLeftInSeconds
         }));
       }
-
       return jsx("div", {
         css: this.props.styles.timer
       }, this.renderHelpScreenreaderText(), jsx(View, {
@@ -190,10 +166,9 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       }
     }
   }]);
-
   Timer.displayName = "Timer";
   return Timer;
-}(Component), _class2.propTypes = {
+}(Component), _Timer.propTypes = {
   screenreaderNotification: PropTypes.func.isRequired,
   showTimer: PropTypes.bool.isRequired,
   timeLeftInSeconds: PropTypes.number,
@@ -203,11 +178,11 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   iceTopNavBarEnabled: PropTypes.bool,
   setTimerEnabled: PropTypes.func,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _Timer.defaultProps = {
   timerRunning: false,
   timeLeftInSeconds: 0,
   timerMinimized: false,
   iceTopNavBarEnabled: false,
   setTimerEnabled: function setTimerEnabled() {}
-}, _temp)) || _class);
+}, _Timer)) || _class);
 export default Timer;

package/es/common/components/layout/header/Timer/styles.js

@@ -23,5 +23,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/common/components/layout/header/Timer/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      borders = _ref.borders,
-      colors = _ref.colors,
-      typography = _ref.typography;
+    borders = _ref.borders,
+    colors = _ref.colors,
+    typography = _ref.typography;
   return {
     timerBackgroundColor: colors.porcelain,
     timerColor: colors.ash,
@@ -16,5 +16,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     timeRemainingLabelFontSize: typography.fontSizeXSmall
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _SecondaryNavBarButton;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,17 +11,13 @@ import { InstUISettingsProvider, withStyle, jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   _inherits(SecondaryNavBarButton, _Component);
-
   var _super = _createSuper(SecondaryNavBarButton);
-
   function SecondaryNavBarButton() {
     _classCallCheck(this, SecondaryNavBarButton);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(SecondaryNavBarButton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -51,12 +45,11 @@ export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComp
       }, jsx(TopNavBar.Item, omitProps(this.props, this.constructor.propTypes), this.props.children));
     }
   }]);
-
   SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
   return SecondaryNavBarButton;
-}(Component), _class2.displayName = 'TopNavBarItem', _class2.propTypes = {
+}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.propTypes = {
   children: PropTypes.string.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _temp)) || _class);
+}, _SecondaryNavBarButton)) || _class);
 export default SecondaryNavBarButton;

package/es/common/components/layout/navbar/SecondaryNavBarButton/styles.js

@@ -6,5 +6,4 @@ var generateStyle = function generateStyle(componentTheme) {
     borderColor: componentTheme.borderColor
   };
 };
-
 export default generateStyle;

package/es/common/components/layout/navbar/SecondaryNavBarButton/theme.js

@@ -7,5 +7,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderColor: '#d8d8d8'
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/layout/navbar/index.js

@@ -3,9 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _NavBar;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,47 +13,36 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-
 var _ref = jsx(IconQuizLine, {
   color: "primary",
   size: "small"
 });
-
-export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   _inherits(NavBar, _Component);
-
   var _super = _createSuper(NavBar);
-
   function NavBar() {
     var _this;
-
     _classCallCheck(this, NavBar);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.hiddenActionItemsMenuTriggerLabel = function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} more actions', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     };
-
     _this.hiddenMenuItemsMenuTriggerLabel = function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} More', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     };
-
     _this.renderBrand = function () {
       return jsx(TopNavBar.Brand, {
         screenReaderLabel: t('Quizzes'),
         renderIcon: _ref
       });
     };
-
     _this.renderMenuItems = function () {
       return jsx(TopNavBar.MenuItems, {
         listLabel: t('Page navigation'),
@@ -65,7 +52,6 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         return _this.renderMenuItem(menuItem);
       }));
     };
-
     _this.renderMenuItem = function (menuItem) {
       return jsx(TopNavBar.Item, {
         id: menuItem.path,
@@ -73,25 +59,20 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         onClick: function onClick() {
           return _this.props.handleMenuItemChange(menuItem.path);
         } // eslint-disable-line react/jsx-no-bind
-
       }, menuItem.text);
     };
-
     _this.renderActionItems = function () {
       return jsx(TopNavBar.ActionItems, {
         listLabel: t('Actions'),
         renderHiddenItemsMenuTriggerLabel: _this.hiddenActionItemsMenuTriggerLabel
       }, _toConsumableArray(_this.props.actionItems));
     };
-
     return _this;
   }
-
   _createClass(NavBar, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return jsx(TopNavBar, {
         breakpoint: this.props.styles.phoneBreakPoint,
         mediaQueryMatch: "element",
@@ -117,10 +98,9 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
       });
     }
   }]);
-
   NavBar.displayName = "NavBar";
   return NavBar;
-}(Component), _class2.propTypes = {
+}(Component), _NavBar.propTypes = {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     path: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired
@@ -128,9 +108,9 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   handleMenuItemChange: PropTypes.func,
   actionItems: PropTypes.arrayOf(PropTypes.node),
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _NavBar.defaultProps = {
   menuItems: [],
   handleMenuItemChange: function handleMenuItemChange() {},
   actionItems: []
-}, _temp)) || _class);
+}, _NavBar)) || _class);
 export default NavBar;

package/es/common/components/layout/navbar/styles.js

@@ -4,5 +4,4 @@ var generateStyle = function generateStyle(componentTheme) {
     phoneBreakPoint: componentTheme.phoneBreakPoint
   };
 };
-
 export default generateStyle;

package/es/common/components/layout/navbar/theme.js

@@ -1,10 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
-      colors = _ref.colors;
+    colors = _ref.colors;
   return {
     backgroundColor: colors.porcelain,
     phoneBreakPoint: breakpoints.medium
   };
 };
-
 export default generateComponentTheme;