@instructure/quiz-core 20.11.3-rc.2 → 20.11.3-rc.21

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -55,28 +55,22 @@ var _exportFormats = require("./exportFormats.js");
 
 var _index4 = require("./ExportButton/index.js");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'edRct',
-  template: function template(theme) {
-    return "\n\n.edRct_bJHk{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:".concat(theme.headerButtonsGap || 'inherit', ";justify-content:flex-end}");
-  },
-  'headerButtonsContainer': 'edRct_bJHk'
-};
-
-var _ref = /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+var _ref = (0, _emotion.jsx)(_uiFlex.Flex.Item, {
   align: "center"
-}, /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement(_uiImg.Img, {
+}, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_uiImg.Img, {
   src: _downForRepair.default,
   alt: ""
 })));
 
-var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var NewQuizAndItemAnalysisPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewQuizAndItemAnalysisPresenter, _Component);
 
   var _super = (0, _createSuper2.default)(NewQuizAndItemAnalysisPresenter);
@@ -94,14 +88,14 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
 
     _this.renderItemAnalyses = function () {
       var itemAnalyses = _this.props.itemAnalyses || [];
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h2",
         themeOverride: {
           h2FontWeight: 700
         },
         color: "primary"
-      }, (0, _formatMessage.default)('Item Analysis')), /*#__PURE__*/_react.default.createElement("div", null, itemAnalyses.map(function (itemAnalysis) {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
+      }, (0, _formatMessage.default)('Item Analysis')), (0, _emotion.jsx)("div", null, itemAnalyses.map(function (itemAnalysis) {
+        return (0, _emotion.jsx)(_index.default, {
           key: itemAnalysis.metadata.item_id,
           itemAnalysis: itemAnalysis
         });
@@ -109,29 +103,29 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
     };
 
     _this.renderSpinner = function () {
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
         padding: "medium",
         justifyItems: "center",
         alignItems: "center"
-      }, /*#__PURE__*/_react.default.createElement(_uiSpinner.Spinner, {
+      }, (0, _emotion.jsx)(_uiSpinner.Spinner, {
         renderTitle: (0, _formatMessage.default)('Loading item analyses data')
       }));
     };
 
     _this.renderBodyOnFailedFetch = function () {
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
         alignItems: "end",
         width: "82.5rem",
         margin: "auto",
         direction: "column"
-      }, _ref, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, _ref, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         align: "center"
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      }, (0, _emotion.jsx)(_uiText.Text, {
         size: "x-large",
         color: "primary"
-      }, (0, _formatMessage.default)('Error'))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, (0, _formatMessage.default)('Error'))), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         align: "center"
-      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _errorMessages.getFailedToFetchReports)()), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _errorMessages.getFailedToFetchReports)()), (0, _emotion.jsx)(_uiText.Text, {
         size: "x-small",
         color: "primary"
       }, (0, _errorMessages.getFailedToFetchReports)())));
@@ -141,14 +135,14 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
       var _quizAnalysis$metadat;
 
       var quizAnalysis = _this.props.quizAnalysis;
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
         alignItems: "center",
         width: "auto",
         margin: "small auto",
         direction: "column"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         overflowY: "hidden"
-      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h2",
         themeOverride: {
           h2FontWeight: 700
@@ -165,14 +159,14 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
           quizAnalysis = _this$props.quizAnalysis;
       var shouldShowError = analysisError && !generationInProgress;
       var timeStamp = quizAnalysis === null || quizAnalysis === void 0 ? void 0 : quizAnalysis.created_timestamp;
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
         alignItems: "end",
         width: "auto",
         margin: "small auto",
         direction: "column"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, timeStamp && /*#__PURE__*/_react.default.createElement(_index3.AnalysisUpdateDate, {
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, timeStamp && (0, _emotion.jsx)(_index3.AnalysisUpdateDate, {
         date: timeStamp
-      })), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, shouldShowError && /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, shouldShowError && (0, _emotion.jsx)(_uiText.Text, {
         size: "x-small",
         weight: "medium",
         color: "danger"
@@ -181,20 +175,20 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
 
     _this.renderRightSide = function () {
       var exportEnabled = _this.props.exportEnabled;
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
         alignItems: "center",
         justifyItems: "end",
         width: "auto",
         direction: "row",
         wrap: "wrap-reverse"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         padding: "0 small 0 0",
         margin: "0 0 0 auto"
-      }, _this.renderUpdateDateWithError()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.headerButtonsContainer
-      }, exportEnabled && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, _this.renderUpdateDateWithError()), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)("div", {
+        css: _this.props.styles.headerButtonsContainer
+      }, exportEnabled && (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "0 0 0 auto"
-      }, _this.renderExport()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, _this.renderExport()), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderGenerationButton()))));
     };
@@ -203,7 +197,7 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
       var _this$props2 = _this.props,
           quizAnalysis = _this$props2.quizAnalysis,
           generationInProgress = _this$props2.generationInProgress;
-      return /*#__PURE__*/_react.default.createElement(_index4.ExportButton, {
+      return (0, _emotion.jsx)(_index4.ExportButton, {
         quizAnalysis: quizAnalysis,
         generationInProgress: generationInProgress,
         handleExport: _this.handleExport
@@ -220,14 +214,14 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
     };
 
     _this.renderTop = function () {
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
         justifyItems: "space-between",
         alignItems: "center",
         wrap: "wrap",
         width: "auto",
         margin: "0 auto small 0",
         direction: "row"
-      }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, _this.renderHeader()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, null, _this.renderHeader()), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         margin: "0 0 0 auto"
       }, _this.renderRightSide()));
     };
@@ -238,25 +232,25 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
 
     _this.renderTopOnFailedFetch = function () {
       var exportEnabled = _this.props.exportEnabled;
-      return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
+      return (0, _emotion.jsx)(_uiFlex.Flex, {
         direction: "row",
         justifyItems: "end",
         wrap: "wrap",
         width: "auto",
         margin: "auto"
-      }, exportEnabled && /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, exportEnabled && (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         overflowY: "visible"
-      }, _this.renderExport()), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
+      }, _this.renderExport()), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         overflowY: "visible"
       }, _this.renderGenerationButton()));
     };
 
     _this.renderOngoingGenerationButton = function () {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      return (0, _emotion.jsx)(_uiButtons.Button, {
         color: "primary-inverse",
         interaction: "disabled",
         margin: "auto"
-      }, /*#__PURE__*/_react.default.createElement(_Spinner.QuizzesSpinner, {
+      }, (0, _emotion.jsx)(_Spinner.QuizzesSpinner, {
         size: "x-small",
         color: "brand",
         minHeight: "0",
@@ -266,14 +260,14 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
     };
 
     _this.renderStartGenerationButton = function () {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+      return (0, _emotion.jsx)(_uiButtons.Button, {
         color: "secondary",
         margin: "auto",
         onClick: _this.handleGeneration,
         themeOverride: {
           lineHeight: '24px'
         }
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+      }, (0, _emotion.jsx)(_uiText.Text, {
         size: "medium"
       }, (0, _formatMessage.default)('Generate Report')));
     };
@@ -281,7 +275,7 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
     _this.renderGenerationButton = function () {
       var generationInProgress = _this.props.generationInProgress;
       var buttonVariant = generationInProgress ? _this.renderOngoingGenerationButton() : _this.renderStartGenerationButton();
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonVariant);
+      return (0, _emotion.jsx)(_react.default.Fragment, null, buttonVariant);
     };
 
     _this.renderBody = function () {
@@ -289,7 +283,7 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
           fetchInProgress = _this$props4.fetchInProgress,
           quizAnalysis = _this$props4.quizAnalysis; // TODO need to refactor the NewQuizAnalysis to move out spinner logic
 
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (fetchInProgress || quizAnalysis) && /*#__PURE__*/_react.default.createElement(_index2.default, {
+      return (0, _emotion.jsx)(_react.default.Fragment, null, (fetchInProgress || quizAnalysis) && (0, _emotion.jsx)(_index2.default, {
         quizAnalysis: quizAnalysis,
         fetchInProgress: fetchInProgress
       }), fetchInProgress ? _this.renderSpinner() : _this.renderItemAnalyses());
@@ -321,7 +315,7 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
       var _this$props5 = this.props,
           analysisFetchError = _this$props5.analysisFetchError,
           fetchInProgress = _this$props5.fetchInProgress;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _emotion.jsx)("div", {
         className: "fs-mask"
       }, !fetchInProgress && (analysisFetchError ? this.renderTopOnFailedFetch() : this.renderTopOnSuccessfulFetch()), analysisFetchError ? this.renderBodyOnFailedFetch() : this.renderBodyOnSuccessfulFetch());
     }
@@ -337,7 +331,8 @@ var NewQuizAndItemAnalysisPresenter = (_dec = (0, _uiThemeable.themeable)(_theme
   analysisError: _propTypes2.default.string,
   generateReports: _propTypes2.default.func.isRequired,
   exportReports: _propTypes2.default.func.isRequired,
-  exportEnabled: _propTypes2.default.bool.isRequired
+  exportEnabled: _propTypes2.default.bool.isRequired,
+  styles: _propTypes2.default.object
 }, _class2.defaultProps = {
   analysisError: void 0,
   quizAnalysis: void 0,

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    headerButtonsContainer: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      justifyContent: 'flex-end',
+      flexWrap: 'wrap',
+      gap: componentTheme.headerButtonsGap
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/theme.js

@@ -3,11 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing;
   return {
     headerButtonsGap: spacing.small
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.11.3-rc.2+d0531ecfd",
+  "version": "20.11.3-rc.21+e2d9c71bc",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.0",
-    "@instructure/quiz-common": "20.11.3-rc.2+d0531ecfd",
-    "@instructure/quiz-i18n": "20.11.3-rc.2+d0531ecfd",
-    "@instructure/quiz-interactions": "20.11.3-rc.2+d0531ecfd",
-    "@instructure/quiz-number-input": "20.11.3-rc.2+d0531ecfd",
-    "@instructure/quiz-rce": "20.11.3-rc.2+d0531ecfd",
+    "@instructure/quiz-common": "20.11.3-rc.21+e2d9c71bc",
+    "@instructure/quiz-i18n": "20.11.3-rc.21+e2d9c71bc",
+    "@instructure/quiz-interactions": "20.11.3-rc.21+e2d9c71bc",
+    "@instructure/quiz-number-input": "20.11.3-rc.21+e2d9c71bc",
+    "@instructure/quiz-rce": "20.11.3-rc.21+e2d9c71bc",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.11.3-rc.2+d0531ecfd",
+    "instructure-validations": "20.11.3-rc.21+e2d9c71bc",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.11.3-rc.2+d0531ecfd",
+    "quiz-presets": "20.11.3-rc.21+e2d9c71bc",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d0531ecfd8964010644e249b2f3f60fd27674681"
+  "gitHead": "e2d9c71bc54bd5aa8656a14294046fc8daad81c8"
 }

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

@@ -1,114 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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";
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { TopNavBar } from '@instructure/ui-top-nav-bar';
-import { IconQuizLine } from '@instructure/ui-icons';
-import t from '@instructure/quiz-i18n/es/format-message';
-
-var _ref = /*#__PURE__*/React.createElement(IconQuizLine, {
-  color: "primary",
-  size: "small"
-});
-
-export var 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
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(NavBar, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      return /*#__PURE__*/React.createElement(TopNavBar, {
-        breakpoint: "48em",
-        mediaQueryMatch: "element",
-        inverseColor: true
-      }, function () {
-        return /*#__PURE__*/React.createElement(TopNavBar.Layout, {
-          themeOverride: {
-            desktopBackgroundInverse: '#f5f5f5',
-            smallViewportBackgroundInverse: '#f5f5f5'
-          },
-          navLabel: t('Quizzes navigation bar'),
-          desktopConfig: {
-            hideActionsUserSeparator: true
-          },
-          smallViewportConfig: {
-            dropdownMenuToggleButtonLabel: t('Toggle Menu'),
-            dropdownMenuLabel: t('Main Menu')
-          },
-          renderBrand: /*#__PURE__*/React.createElement(TopNavBar.Brand, {
-            screenReaderLabel: t('Quizzes'),
-            renderIcon: _ref
-          }),
-          renderMenuItems: /*#__PURE__*/React.createElement(TopNavBar.MenuItems, {
-            listLabel: t('Page navigation'),
-            currentPageId: window.location.pathname,
-            renderHiddenItemsMenuTriggerLabel: _this2.hiddenMenuItemsMenuTriggerLabel
-          }, _this2.props.menuItems.map(function (menuItem) {
-            return /*#__PURE__*/React.createElement(TopNavBar.Item, {
-              id: menuItem.path,
-              key: menuItem.path,
-              onClick: function onClick() {
-                return _this2.props.handleMenuItemChange(menuItem.path);
-              } // eslint-disable-line react/jsx-no-bind
-
-            }, menuItem.text);
-          })),
-          renderActionItems: /*#__PURE__*/React.createElement(TopNavBar.ActionItems, {
-            listLabel: t('Actions'),
-            renderHiddenItemsMenuTriggerLabel: _this2.hiddenActionItemsMenuTriggerLabel
-          }, _toConsumableArray(_this2.props.actionItems))
-        });
-      });
-    }
-  }]);
-
-  NavBar.displayName = "NavBar";
-  return NavBar;
-}(Component);
-NavBar.propTypes = {
-  menuItems: PropTypes.arrayOf(PropTypes.shape({
-    path: PropTypes.string.isRequired,
-    text: PropTypes.string.isRequired
-  })),
-  handleMenuItemChange: PropTypes.func,
-  actionItems: PropTypes.arrayOf(PropTypes.node)
-};
-NavBar.defaultProps = {
-  menuItems: [],
-  handleMenuItemChange: function handleMenuItemChange() {},
-  actionItems: []
-};
-export default NavBar;

package/lib/common/components/layout/navbar/presenter.js

@@ -1,136 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NavBar = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
-
-var _uiIcons = require("@instructure/ui-icons");
-
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconQuizLine, {
-  color: "primary",
-  size: "small"
-});
-
-var NavBar = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(NavBar, _Component);
-
-  var _super = (0, _createSuper2.default)(NavBar);
-
-  function NavBar() {
-    var _this;
-
-    (0, _classCallCheck2.default)(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 (0, _formatMessage.default)('{hiddenChildrenCount} more actions', {
-        hiddenChildrenCount: hiddenChildrenCount
-      });
-    };
-
-    _this.hiddenMenuItemsMenuTriggerLabel = function (hiddenChildrenCount) {
-      return (0, _formatMessage.default)('{hiddenChildrenCount} More', {
-        hiddenChildrenCount: hiddenChildrenCount
-      });
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(NavBar, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      return /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar, {
-        breakpoint: "48em",
-        mediaQueryMatch: "element",
-        inverseColor: true
-      }, function () {
-        return /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.Layout, {
-          themeOverride: {
-            desktopBackgroundInverse: '#f5f5f5',
-            smallViewportBackgroundInverse: '#f5f5f5'
-          },
-          navLabel: (0, _formatMessage.default)('Quizzes navigation bar'),
-          desktopConfig: {
-            hideActionsUserSeparator: true
-          },
-          smallViewportConfig: {
-            dropdownMenuToggleButtonLabel: (0, _formatMessage.default)('Toggle Menu'),
-            dropdownMenuLabel: (0, _formatMessage.default)('Main Menu')
-          },
-          renderBrand: /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.Brand, {
-            screenReaderLabel: (0, _formatMessage.default)('Quizzes'),
-            renderIcon: _ref
-          }),
-          renderMenuItems: /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.MenuItems, {
-            listLabel: (0, _formatMessage.default)('Page navigation'),
-            currentPageId: window.location.pathname,
-            renderHiddenItemsMenuTriggerLabel: _this2.hiddenMenuItemsMenuTriggerLabel
-          }, _this2.props.menuItems.map(function (menuItem) {
-            return /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.Item, {
-              id: menuItem.path,
-              key: menuItem.path,
-              onClick: function onClick() {
-                return _this2.props.handleMenuItemChange(menuItem.path);
-              } // eslint-disable-line react/jsx-no-bind
-
-            }, menuItem.text);
-          })),
-          renderActionItems: /*#__PURE__*/_react.default.createElement(_uiTopNavBar.TopNavBar.ActionItems, {
-            listLabel: (0, _formatMessage.default)('Actions'),
-            renderHiddenItemsMenuTriggerLabel: _this2.hiddenActionItemsMenuTriggerLabel
-          }, (0, _toConsumableArray2.default)(_this2.props.actionItems))
-        });
-      });
-    }
-  }]);
-  NavBar.displayName = "NavBar";
-  return NavBar;
-}(_react.Component);
-
-exports.NavBar = NavBar;
-NavBar.propTypes = {
-  menuItems: _propTypes.default.arrayOf(_propTypes.default.shape({
-    path: _propTypes.default.string.isRequired,
-    text: _propTypes.default.string.isRequired
-  })),
-  handleMenuItemChange: _propTypes.default.func,
-  actionItems: _propTypes.default.arrayOf(_propTypes.default.node)
-};
-NavBar.defaultProps = {
-  menuItems: [],
-  handleMenuItemChange: function handleMenuItemChange() {},
-  actionItems: []
-};
-var _default = NavBar;
-exports.default = _default;