@instructure/quiz-core 17.49.1-rc.5 → 17.49.1-rc.7

package/es/common/components/layout/sidebar/Sidebar/index.js

@@ -21,9 +21,9 @@ import { View } from '@instructure/ui-view';
 import { themeable } from '@instructure/ui-themeable';
 import { Heading } from '@instructure/ui-heading';
 import t from '@instructure/quiz-i18n/es/format-message';
+import { INSTRUCTIONS_SCROLL_KEY, RESULTS_SCROLL_KEY, SIDEBAR_NAV_ID, TITLE_SCROLL_KEY } from '@instructure/quiz-common';
 import { onPhone } from "../../../../util/windowChecks.js";
 import CustomPropTypes from "../../../../util/CustomPropTypes.js";
-import { SIDEBAR_NAV_ID } from '@instructure/quiz-common';
 import noop from "../../../../util/noop.js";
 import Pin from "./Pin.js";
 var styles = {
@@ -55,7 +55,11 @@ var _ref2 = /*#__PURE__*/React.createElement(IconQuizInstructionsLine, {
   color: "primary"
 });
 
-var _ref3 = /*#__PURE__*/React.createElement(IconPinSolid, null);
+var _ref3 = /*#__PURE__*/React.createElement(IconQuizInstructionsLine, {
+  color: "primary"
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(IconPinSolid, null);
 
 export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Sidebar, _Component);
@@ -76,13 +80,19 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
     _this.scrollToTitle = function (e) {
       e.preventDefault(); // prevent default link navigation
 
-      _this.props.scrollToItem(null)('title');
+      _this.props.scrollToItem(null)(TITLE_SCROLL_KEY);
     };
 
     _this.scrollToInfo = function (e) {
       e.preventDefault(); // prevent default link navigation
 
-      _this.props.scrollToItem(null)('instructions');
+      _this.props.scrollToItem(null)(INSTRUCTIONS_SCROLL_KEY);
+    };
+
+    _this.scrollToResults = function (e) {
+      e.preventDefault(); // prevent default link navigation
+
+      _this.props.scrollToItem(null)(RESULTS_SCROLL_KEY);
     };
 
     _this.toggleSidebar = function () {
@@ -126,6 +136,10 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
   }, {
     key: "renderTitle",
     value: function renderTitle() {
+      if (this.props.grading) {
+        return;
+      }
+
       return /*#__PURE__*/React.createElement("div", {
         className: styles.actionableInfo
       }, /*#__PURE__*/React.createElement(Link, {
@@ -143,6 +157,10 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
   }, {
     key: "renderInstructions",
     value: function renderInstructions() {
+      if (this.props.grading) {
+        return;
+      }
+
       return /*#__PURE__*/React.createElement("div", {
         className: styles.actionableInfo
       }, /*#__PURE__*/React.createElement(Link, {
@@ -159,6 +177,29 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
         tabIndex: "-1"
       }, t('Instructions'))));
     }
+  }, {
+    key: "renderResults",
+    value: function renderResults() {
+      if (!this.props.grading) {
+        return;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.actionableInfo
+      }, /*#__PURE__*/React.createElement(Link, {
+        href: "#",
+        margin: "small",
+        forceButtonRole: false,
+        onClick: this.scrollToResults,
+        renderIcon: _ref3,
+        "data-automation": "sidebar-results-button"
+      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Navigate to results'))), /*#__PURE__*/React.createElement(PresentationContent, null, /*#__PURE__*/React.createElement("span", {
+        className: styles.description,
+        "data-automation": "sidebar-results-text",
+        onClick: this.scrollToResults,
+        tabIndex: "-1"
+      }, t('Results'))));
+    }
   }, {
     key: "renderSidebarHeader",
     value: function renderSidebarHeader() {
@@ -256,7 +297,7 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
         size: "x-small",
         "aria-label": t('Pinned Questions'),
         role: "img"
-      }, _ref3))), /*#__PURE__*/React.createElement("div", {
+      }, _ref4))), /*#__PURE__*/React.createElement("div", {
         className: closedClasses
       }, pinnedItems.map(function (pin) {
         return /*#__PURE__*/React.createElement(Pin, {
@@ -286,7 +327,7 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
         ,
         onClick: noop,
         id: SIDEBAR_NAV_ID
-      }, this.renderSidebarHeader(), this.renderTotalPointsPossible(), this.renderPinned(), this.renderTitle(), this.renderInstructions(), /*#__PURE__*/React.createElement("div", {
+      }, this.renderSidebarHeader(), this.renderTotalPointsPossible(), this.renderPinned(), this.renderTitle(), this.renderInstructions(), this.renderResults(), /*#__PURE__*/React.createElement("div", {
         className: styles.sidebarContent
       }, this.props.children)))));
     }
@@ -296,6 +337,7 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
   return Sidebar;
 }(Component), _class2.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element), PropTypes.node]).isRequired,
+  grading: PropTypes.bool,
   taking: PropTypes.bool,
   scrollToItem: CustomPropTypes.higherOrderFunction.isRequired,
   sidebarOpen: PropTypes.bool.isRequired,
@@ -310,6 +352,7 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
   totalPointsPossible: PropTypes.number,
   shouldCloseOnBlur: PropTypes.bool
 }, _class2.defaultProps = {
+  grading: false,
   taking: false,
   title: null,
   pinnedItems: List(),

package/es/common/components/resources/quiz/info/QuizInfo.js

@@ -3,6 +3,7 @@ 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 { INSTRUCTIONS_SCROLL_KEY, TITLE_SCROLL_KEY } from '@instructure/quiz-common';
 import ScrollableQuizTitle from "../title/Title.js";
 import ScrollableQuizInstructions from "../instructions/Instructions.js";
 export var QuizInfo = /*#__PURE__*/function (_Component) {
@@ -20,9 +21,9 @@ export var QuizInfo = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ScrollableQuizTitle, Object.assign({}, this.props, {
-        scrollKey: "title"
+        scrollKey: TITLE_SCROLL_KEY
       })), /*#__PURE__*/React.createElement(ScrollableQuizInstructions, Object.assign({}, this.props, {
-        scrollKey: "instructions"
+        scrollKey: INSTRUCTIONS_SCROLL_KEY
       })));
     }
   }]);

package/es/index.js

@@ -8,6 +8,7 @@ export { AddContentPopover } from "./common/components/resources/quiz/AddContent
 export { ReportList } from "./reporting/components/resources/ReportList/index.js";
 export { ReportCard } from "./reporting/components/resources/ReportCard/index.js";
 export { QuizAndItemAnalysis } from "./reporting/components/resources/QuizAndItemAnalysis/index.js";
+export { NewQuizAndItemAnalysis } from "./reporting/components/resources/NewQuizAndItemAnalysis/index.js";
 export { Legend } from "./reporting/components/charts/Legend/index.js";
 export { ActionButtons } from "./building/components/resources/ActionButtons/index.js";
 export { BuildingButtons } from "./building/components/layout/header/BuildingButtons/index.js";

package/es/reporting/components/resources/NewQuizAndItemAnalysis/index.js

@@ -0,0 +1,14 @@
+import { NewQuizAndItemAnalysis as NewQuizAndItemAnalysisPresenter } from "./presenter.js";
+import { connect } from "../../../../common/react-redux.js";
+import { getActiveQuiz } from "../../../../common/selectors/quizzes.js";
+import { getExistingQuiz } from "../../../../common/api/quizzes.js";
+export function mapStateToProps(state) {
+  var activeQuiz = getActiveQuiz(state);
+  return {
+    quiz: activeQuiz
+  };
+}
+export var NewQuizAndItemAnalysis = connect(mapStateToProps, {
+  getExistingQuiz: getExistingQuiz
+})(NewQuizAndItemAnalysisPresenter);
+export default NewQuizAndItemAnalysis;

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

@@ -0,0 +1,79 @@
+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 ImmutablePropTypes from 'react-immutable-proptypes';
+import { Heading } from '@instructure/ui-heading';
+import { Metric, MetricGroup } from '@instructure/ui-metric';
+import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
+import { withI18nSupport } from '@instructure/quiz-common';
+
+var _ref = /*#__PURE__*/React.createElement(MetricGroup, null, /*#__PURE__*/React.createElement(Metric, {
+  renderLabel: "Example 1",
+  renderValue: "80%"
+}), /*#__PURE__*/React.createElement(Metric, {
+  renderLabel: "Example 2",
+  renderValue: "5"
+}), /*#__PURE__*/React.createElement(Metric, {
+  renderLabel: "Example 3",
+  renderValue: "Good"
+}));
+
+var _ref2 = /*#__PURE__*/React.createElement(Spinner, null);
+
+export var NewQuizAndItemAnalysis = /*#__PURE__*/function (_withI18nSupport) {
+  _inherits(NewQuizAndItemAnalysis, _withI18nSupport);
+
+  var _super = _createSuper(NewQuizAndItemAnalysis);
+
+  function NewQuizAndItemAnalysis() {
+    _classCallCheck(this, NewQuizAndItemAnalysis);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(NewQuizAndItemAnalysis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.getExistingQuiz(this.props.activeQuizId);
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      var quiz = this.props.quiz;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "fs-mask"
+      }, /*#__PURE__*/React.createElement(Heading, {
+        level: "h3",
+        color: "primary"
+      }, quiz.title), _ref);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.props.quiz.isLoaded()) {
+        return this.renderContent();
+      } else {
+        return _ref2;
+      }
+    }
+  }]);
+
+  NewQuizAndItemAnalysis.displayName = "NewQuizAndItemAnalysis";
+  return NewQuizAndItemAnalysis;
+}(withI18nSupport(Component));
+NewQuizAndItemAnalysis.propTypes = {
+  quiz: ImmutablePropTypes.record.isRequired,
+  activeQuizId: PropTypes.string.isRequired,
+  getExistingQuiz: PropTypes.func.isRequired,
+  locale: PropTypes.string
+};
+NewQuizAndItemAnalysis.defaultProps = {
+  locale: null
+};
+NewQuizAndItemAnalysis.contextTypes = {
+  locale: PropTypes.string
+};
+export default NewQuizAndItemAnalysis;

package/lib/common/components/layout/sidebar/Sidebar/index.js

@@ -47,12 +47,12 @@ var _uiHeading = require("@instructure/ui-heading");
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _quizCommon = require("@instructure/quiz-common");
+
 var _windowChecks = require("../../../../util/windowChecks.js");
 
 var _CustomPropTypes = _interopRequireDefault(require("../../../../util/CustomPropTypes.js"));
 
-var _quizCommon = require("@instructure/quiz-common");
-
 var _noop = _interopRequireDefault(require("../../../../util/noop.js"));
 
 var _Pin = _interopRequireDefault(require("./Pin.js"));
@@ -89,7 +89,11 @@ var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconQuizInstructi
   color: "primary"
 });
 
-var _ref3 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconPinSolid, null);
+var _ref3 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconQuizInstructionsLine, {
+  color: "primary"
+});
+
+var _ref4 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconPinSolid, null);
 
 var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Sidebar, _Component);
@@ -110,13 +114,19 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
     _this.scrollToTitle = function (e) {
       e.preventDefault(); // prevent default link navigation
 
-      _this.props.scrollToItem(null)('title');
+      _this.props.scrollToItem(null)(_quizCommon.TITLE_SCROLL_KEY);
     };
 
     _this.scrollToInfo = function (e) {
       e.preventDefault(); // prevent default link navigation
 
-      _this.props.scrollToItem(null)('instructions');
+      _this.props.scrollToItem(null)(_quizCommon.INSTRUCTIONS_SCROLL_KEY);
+    };
+
+    _this.scrollToResults = function (e) {
+      e.preventDefault(); // prevent default link navigation
+
+      _this.props.scrollToItem(null)(_quizCommon.RESULTS_SCROLL_KEY);
     };
 
     _this.toggleSidebar = function () {
@@ -160,6 +170,10 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
   }, {
     key: "renderTitle",
     value: function renderTitle() {
+      if (this.props.grading) {
+        return;
+      }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.actionableInfo
       }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
@@ -177,6 +191,10 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
   }, {
     key: "renderInstructions",
     value: function renderInstructions() {
+      if (this.props.grading) {
+        return;
+      }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: styles.actionableInfo
       }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
@@ -193,6 +211,29 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
         tabIndex: "-1"
       }, (0, _formatMessage.default)('Instructions'))));
     }
+  }, {
+    key: "renderResults",
+    value: function renderResults() {
+      if (!this.props.grading) {
+        return;
+      }
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.actionableInfo
+      }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+        href: "#",
+        margin: "small",
+        forceButtonRole: false,
+        onClick: this.scrollToResults,
+        renderIcon: _ref3,
+        "data-automation": "sidebar-results-button"
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Navigate to results'))), /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement("span", {
+        className: styles.description,
+        "data-automation": "sidebar-results-text",
+        onClick: this.scrollToResults,
+        tabIndex: "-1"
+      }, (0, _formatMessage.default)('Results'))));
+    }
   }, {
     key: "renderSidebarHeader",
     value: function renderSidebarHeader() {
@@ -291,7 +332,7 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
         size: "x-small",
         "aria-label": (0, _formatMessage.default)('Pinned Questions'),
         role: "img"
-      }, _ref3))), /*#__PURE__*/_react.default.createElement("div", {
+      }, _ref4))), /*#__PURE__*/_react.default.createElement("div", {
         className: closedClasses
       }, pinnedItems.map(function (pin) {
         return /*#__PURE__*/_react.default.createElement(_Pin.default, {
@@ -321,7 +362,7 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
         ,
         onClick: _noop.default,
         id: _quizCommon.SIDEBAR_NAV_ID
-      }, this.renderSidebarHeader(), this.renderTotalPointsPossible(), this.renderPinned(), this.renderTitle(), this.renderInstructions(), /*#__PURE__*/_react.default.createElement("div", {
+      }, this.renderSidebarHeader(), this.renderTotalPointsPossible(), this.renderPinned(), this.renderTitle(), this.renderInstructions(), this.renderResults(), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.sidebarContent
       }, this.props.children)))));
     }
@@ -330,6 +371,7 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
   return Sidebar;
 }(_react.Component), _class2.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element), _propTypes.default.node]).isRequired,
+  grading: _propTypes.default.bool,
   taking: _propTypes.default.bool,
   scrollToItem: _CustomPropTypes.default.higherOrderFunction.isRequired,
   sidebarOpen: _propTypes.default.bool.isRequired,
@@ -344,6 +386,7 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
   totalPointsPossible: _propTypes.default.number,
   shouldCloseOnBlur: _propTypes.default.bool
 }, _class2.defaultProps = {
+  grading: false,
   taking: false,
   title: null,
   pinnedItems: (0, _immutable.List)(),

package/lib/common/components/resources/quiz/info/QuizInfo.js

@@ -19,6 +19,8 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _quizCommon = require("@instructure/quiz-common");
+
 var _Title = _interopRequireDefault(require("../title/Title.js"));
 
 var _Instructions = _interopRequireDefault(require("../instructions/Instructions.js"));
@@ -37,9 +39,9 @@ var QuizInfo = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Title.default, Object.assign({}, this.props, {
-        scrollKey: "title"
+        scrollKey: _quizCommon.TITLE_SCROLL_KEY
       })), /*#__PURE__*/_react.default.createElement(_Instructions.default, Object.assign({}, this.props, {
-        scrollKey: "instructions"
+        scrollKey: _quizCommon.INSTRUCTIONS_SCROLL_KEY
       })));
     }
   }]);

package/lib/index.js

@@ -15,6 +15,7 @@ var _exportNames = {
   ReportList: true,
   ReportCard: true,
   QuizAndItemAnalysis: true,
+  NewQuizAndItemAnalysis: true,
   Legend: true,
   ActionButtons: true,
   BuildingButtons: true,
@@ -252,46 +253,52 @@ Object.defineProperty(exports, "QuizAndItemAnalysis", {
     return _index8.QuizAndItemAnalysis;
   }
 });
+Object.defineProperty(exports, "NewQuizAndItemAnalysis", {
+  enumerable: true,
+  get: function get() {
+    return _index9.NewQuizAndItemAnalysis;
+  }
+});
 Object.defineProperty(exports, "Legend", {
   enumerable: true,
   get: function get() {
-    return _index9.Legend;
+    return _index10.Legend;
   }
 });
 Object.defineProperty(exports, "ActionButtons", {
   enumerable: true,
   get: function get() {
-    return _index10.ActionButtons;
+    return _index11.ActionButtons;
   }
 });
 Object.defineProperty(exports, "BuildingButtons", {
   enumerable: true,
   get: function get() {
-    return _index11.BuildingButtons;
+    return _index12.BuildingButtons;
   }
 });
 Object.defineProperty(exports, "AccommodationModal", {
   enumerable: true,
   get: function get() {
-    return _index12.AccommodationModal;
+    return _index13.AccommodationModal;
   }
 });
 Object.defineProperty(exports, "ExtraAttemptSettings", {
   enumerable: true,
   get: function get() {
-    return _index13.ExtraAttemptSettings;
+    return _index14.ExtraAttemptSettings;
   }
 });
 Object.defineProperty(exports, "ExtraTimeSettings", {
   enumerable: true,
   get: function get() {
-    return _index14.ExtraTimeSettings;
+    return _index15.ExtraTimeSettings;
   }
 });
 Object.defineProperty(exports, "PreviewFrame", {
   enumerable: true,
   get: function get() {
-    return _index15.PreviewFrame;
+    return _index16.PreviewFrame;
   }
 });
 Object.defineProperty(exports, "SDKHeaderCalculator", {
@@ -309,13 +316,13 @@ Object.defineProperty(exports, "QuizzesSpinner", {
 Object.defineProperty(exports, "PrintTrigger", {
   enumerable: true,
   get: function get() {
-    return _index16.PrintTrigger;
+    return _index17.PrintTrigger;
   }
 });
 Object.defineProperty(exports, "IfFeature", {
   enumerable: true,
   get: function get() {
-    return _index17.IfFeature;
+    return _index18.IfFeature;
   }
 });
 Object.defineProperty(exports, "UndecoratedQuizEntryEdit", {
@@ -327,61 +334,61 @@ Object.defineProperty(exports, "UndecoratedQuizEntryEdit", {
 Object.defineProperty(exports, "RichContentInput", {
   enumerable: true,
   get: function get() {
-    return _index18.RichContentInput;
+    return _index19.RichContentInput;
   }
 });
 Object.defineProperty(exports, "ResultStimulus", {
   enumerable: true,
   get: function get() {
-    return _index19.ResultStimulus;
+    return _index20.ResultStimulus;
   }
 });
 Object.defineProperty(exports, "StimulusView", {
   enumerable: true,
   get: function get() {
-    return _index20.Stimulus;
+    return _index21.Stimulus;
   }
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
   get: function get() {
-    return _index21.Sidebar;
+    return _index22.Sidebar;
   }
 });
 Object.defineProperty(exports, "SidebarItem", {
   enumerable: true,
   get: function get() {
-    return _index22.SidebarItem;
+    return _index23.SidebarItem;
   }
 });
 Object.defineProperty(exports, "BanksPage", {
   enumerable: true,
   get: function get() {
-    return _index23.Banks;
+    return _index24.Banks;
   }
 });
 Object.defineProperty(exports, "BankPage", {
   enumerable: true,
   get: function get() {
-    return _index24.Bank;
+    return _index25.Bank;
   }
 });
 Object.defineProperty(exports, "BankEntryPage", {
   enumerable: true,
   get: function get() {
-    return _index25.BankEntry;
+    return _index26.BankEntry;
   }
 });
 Object.defineProperty(exports, "SDKBuildingButtons", {
   enumerable: true,
   get: function get() {
-    return _index26.SDKBuildingButtons;
+    return _index27.SDKBuildingButtons;
   }
 });
 Object.defineProperty(exports, "Paginator", {
   enumerable: true,
   get: function get() {
-    return _index27.Paginator;
+    return _index28.Paginator;
   }
 });
 Object.defineProperty(exports, "SDKMenuButton", {
@@ -405,7 +412,7 @@ Object.defineProperty(exports, "CentileDistribution", {
 Object.defineProperty(exports, "OutcomeAnalysis", {
   enumerable: true,
   get: function get() {
-    return _index28.OutcomeAnalysis;
+    return _index29.OutcomeAnalysis;
   }
 });
 Object.defineProperty(exports, "PositionBox", {
@@ -417,85 +424,85 @@ Object.defineProperty(exports, "PositionBox", {
 Object.defineProperty(exports, "Pin", {
   enumerable: true,
   get: function get() {
-    return _index29.Pin;
+    return _index30.Pin;
   }
 });
 Object.defineProperty(exports, "RceImageImportModal", {
   enumerable: true,
   get: function get() {
-    return _index30.RceImageImportModal;
+    return _index31.RceImageImportModal;
   }
 });
 Object.defineProperty(exports, "SessionItemResultView", {
   enumerable: true,
   get: function get() {
-    return _index31.SessionItemResult;
+    return _index32.SessionItemResult;
   }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function get() {
-    return _index32.Card;
+    return _index33.Card;
   }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
   get: function get() {
-    return _index33.CardContent;
+    return _index34.CardContent;
   }
 });
 Object.defineProperty(exports, "CardWrapper", {
   enumerable: true,
   get: function get() {
-    return _index34.CardWrapper;
+    return _index35.CardWrapper;
   }
 });
 Object.defineProperty(exports, "Page", {
   enumerable: true,
   get: function get() {
-    return _index35.Page;
+    return _index36.Page;
   }
 });
 Object.defineProperty(exports, "BanksTray", {
   enumerable: true,
   get: function get() {
-    return _index36.BanksTray;
+    return _index37.BanksTray;
   }
 });
 Object.defineProperty(exports, "BuildingSidebar", {
   enumerable: true,
   get: function get() {
-    return _index37.BuildingSidebar;
+    return _index38.BuildingSidebar;
   }
 });
 Object.defineProperty(exports, "DeleteStimulusModal", {
   enumerable: true,
   get: function get() {
-    return _index38.DeleteStimulusModal;
+    return _index39.DeleteStimulusModal;
   }
 });
 Object.defineProperty(exports, "ItemFeedbackModal", {
   enumerable: true,
   get: function get() {
-    return _index39.ItemFeedbackModal;
+    return _index40.ItemFeedbackModal;
   }
 });
 Object.defineProperty(exports, "MoveImmutableModal", {
   enumerable: true,
   get: function get() {
-    return _index40.MoveImmutableModal;
+    return _index41.MoveImmutableModal;
   }
 });
 Object.defineProperty(exports, "AddContentModal", {
   enumerable: true,
   get: function get() {
-    return _index41.AddContentModal;
+    return _index42.AddContentModal;
   }
 });
 Object.defineProperty(exports, "QTIImportModal", {
   enumerable: true,
   get: function get() {
-    return _index42.QTIImportModal;
+    return _index43.QTIImportModal;
   }
 });
 Object.defineProperty(exports, "ReturnButton", {
@@ -525,49 +532,49 @@ Object.defineProperty(exports, "QuizInfo", {
 Object.defineProperty(exports, "LearnosityCalculator", {
   enumerable: true,
   get: function get() {
-    return _index43.LearnosityCalculator;
+    return _index44.LearnosityCalculator;
   }
 });
 Object.defineProperty(exports, "QuizInstructions", {
   enumerable: true,
   get: function get() {
-    return _index44.QuizInstructions;
+    return _index45.QuizInstructions;
   }
 });
 Object.defineProperty(exports, "QuizTitle", {
   enumerable: true,
   get: function get() {
-    return _index45.QuizTitle;
+    return _index46.QuizTitle;
   }
 });
 Object.defineProperty(exports, "QuizEntryShow", {
   enumerable: true,
   get: function get() {
-    return _index46.QuizEntryShow;
+    return _index47.QuizEntryShow;
   }
 });
 Object.defineProperty(exports, "StimulusShow", {
   enumerable: true,
   get: function get() {
-    return _index47.StimulusShow;
+    return _index48.StimulusShow;
   }
 });
 Object.defineProperty(exports, "QuizSessionResultHeader", {
   enumerable: true,
   get: function get() {
-    return _index48.QuizSessionResultHeader;
+    return _index49.QuizSessionResultHeader;
   }
 });
 Object.defineProperty(exports, "QuizSessionResultInfo", {
   enumerable: true,
   get: function get() {
-    return _index49.Info;
+    return _index50.Info;
   }
 });
 Object.defineProperty(exports, "SessionItemResultsList", {
   enumerable: true,
   get: function get() {
-    return _index50.SessionItemResultsList;
+    return _index51.SessionItemResultsList;
   }
 });
 Object.defineProperty(exports, "Errors", {
@@ -579,13 +586,13 @@ Object.defineProperty(exports, "Errors", {
 Object.defineProperty(exports, "TimeUnitsInput", {
   enumerable: true,
   get: function get() {
-    return _index51.TimeUnitsInput;
+    return _index52.TimeUnitsInput;
   }
 });
 Object.defineProperty(exports, "QuizEntryView", {
   enumerable: true,
   get: function get() {
-    return _index52.QuizEntry;
+    return _index53.QuizEntry;
   }
 });
 Object.defineProperty(exports, "Provider", {
@@ -603,19 +610,19 @@ Object.defineProperty(exports, "connect", {
 Object.defineProperty(exports, "FormattedTimer", {
   enumerable: true,
   get: function get() {
-    return _index53.FormattedTimer;
+    return _index54.FormattedTimer;
   }
 });
 Object.defineProperty(exports, "breakdownSeconds", {
   enumerable: true,
   get: function get() {
-    return _index53.breakdownSeconds;
+    return _index54.breakdownSeconds;
   }
 });
 Object.defineProperty(exports, "HOUR_IN_SECONDS", {
   enumerable: true,
   get: function get() {
-    return _index53.HOUR_IN_SECONDS;
+    return _index54.HOUR_IN_SECONDS;
   }
 });
 Object.defineProperty(exports, "config", {
@@ -729,7 +736,7 @@ Object.defineProperty(exports, "formatTime", {
 Object.defineProperty(exports, "generateImportModalId", {
   enumerable: true,
   get: function get() {
-    return _index54.generateImportModalId;
+    return _index55.generateImportModalId;
   }
 });
 Object.defineProperty(exports, "TimerService", {
@@ -1346,49 +1353,51 @@ var _index7 = require("./reporting/components/resources/ReportCard/index.js");
 
 var _index8 = require("./reporting/components/resources/QuizAndItemAnalysis/index.js");
 
-var _index9 = require("./reporting/components/charts/Legend/index.js");
+var _index9 = require("./reporting/components/resources/NewQuizAndItemAnalysis/index.js");
+
+var _index10 = require("./reporting/components/charts/Legend/index.js");
 
-var _index10 = require("./building/components/resources/ActionButtons/index.js");
+var _index11 = require("./building/components/resources/ActionButtons/index.js");
 
-var _index11 = require("./building/components/layout/header/BuildingButtons/index.js");
+var _index12 = require("./building/components/layout/header/BuildingButtons/index.js");
 
-var _index12 = require("./moderating/components/resources/AccommodationsModal/index.js");
+var _index13 = require("./moderating/components/resources/AccommodationsModal/index.js");
 
-var _index13 = require("./moderating/components/resources/AccommodationsModal/ExtraAttemptSettings/index.js");
+var _index14 = require("./moderating/components/resources/AccommodationsModal/ExtraAttemptSettings/index.js");
 
-var _index14 = require("./moderating/components/resources/AccommodationsModal/ExtraTimeSettings/index.js");
+var _index15 = require("./moderating/components/resources/AccommodationsModal/ExtraTimeSettings/index.js");
 
-var _index15 = require("./common/components/PreviewFrame/index.js");
+var _index16 = require("./common/components/PreviewFrame/index.js");
 
 var _SDKHeaderCalculator = require("./common/components/SDKHeaderCalculator.js");
 
 var _Spinner = require("./common/components/shared/spinner/Spinner.js");
 
-var _index16 = require("./common/components/shared/PrintTrigger/index.js");
+var _index17 = require("./common/components/shared/PrintTrigger/index.js");
 
-var _index17 = require("./common/components/shared/IfFeature/index.js");
+var _index18 = require("./common/components/shared/IfFeature/index.js");
 
 var _presenter2 = require("./building/components/resources/quizEntry/QuizEntryEdit/presenter.js");
 
-var _index18 = require("./common/components/RichContentInput/index.js");
+var _index19 = require("./common/components/RichContentInput/index.js");
 
-var _index19 = require("./common/components/resources/sessionItemResult/ResultStimulus/index.js");
+var _index20 = require("./common/components/resources/sessionItemResult/ResultStimulus/index.js");
 
-var _index20 = require("./common/components/layout/sidebar/Stimulus/index.js");
+var _index21 = require("./common/components/layout/sidebar/Stimulus/index.js");
 
-var _index21 = require("./common/components/layout/sidebar/Sidebar/index.js");
+var _index22 = require("./common/components/layout/sidebar/Sidebar/index.js");
 
-var _index22 = require("./common/components/layout/sidebar/SidebarItem/index.js");
+var _index23 = require("./common/components/layout/sidebar/SidebarItem/index.js");
 
-var _index23 = require("./banks/components/Banks/index.js");
+var _index24 = require("./banks/components/Banks/index.js");
 
-var _index24 = require("./banks/components/Bank/index.js");
+var _index25 = require("./banks/components/Bank/index.js");
 
-var _index25 = require("./banks/components/BankEntry/index.js");
+var _index26 = require("./banks/components/BankEntry/index.js");
 
-var _index26 = require("./building/components/layout/header/SDKBuildingButtons/index.js");
+var _index27 = require("./building/components/layout/header/SDKBuildingButtons/index.js");
 
-var _index27 = require("./common/components/shared/Paginator/index.js");
+var _index28 = require("./common/components/shared/Paginator/index.js");
 
 var _SDKMenuButton = require("./common/components/SDKMenuButton.js");
 
@@ -1396,37 +1405,37 @@ var _SDKTimer = require("./common/components/SDKTimer.js");
 
 var _CentileDistribution = require("./reporting/components/charts/Distribution/CentileDistribution.js");
 
-var _index28 = require("./reporting/components/resources/OutcomeAnalysis/index.js");
+var _index29 = require("./reporting/components/resources/OutcomeAnalysis/index.js");
 
 var _PositionBox = require("./common/components/resources/positionBox/PositionBox.js");
 
-var _index29 = require("./common/components/Pin/index.js");
+var _index30 = require("./common/components/Pin/index.js");
 
-var _index30 = require("./common/components/RichContentInput/RceImageImportModal/index.js");
+var _index31 = require("./common/components/RichContentInput/RceImageImportModal/index.js");
 
-var _index31 = require("./common/components/resources/sessionItemResult/SessionItemResult/index.js");
+var _index32 = require("./common/components/resources/sessionItemResult/SessionItemResult/index.js");
 
-var _index32 = require("./common/components/shared/Card/index.js");
+var _index33 = require("./common/components/shared/Card/index.js");
 
-var _index33 = require("./common/components/shared/Card/CardContent/index.js");
+var _index34 = require("./common/components/shared/Card/CardContent/index.js");
 
-var _index34 = require("./common/components/shared/Card/CardWrapper/index.js");
+var _index35 = require("./common/components/shared/Card/CardWrapper/index.js");
 
-var _index35 = require("./common/components/layout/Page/index.js");
+var _index36 = require("./common/components/layout/Page/index.js");
 
-var _index36 = require("./building/components/resources/BanksTray/index.js");
+var _index37 = require("./building/components/resources/BanksTray/index.js");
 
-var _index37 = require("./building/components/layout/Sidebar/index.js");
+var _index38 = require("./building/components/layout/Sidebar/index.js");
 
-var _index38 = require("./building/components/resources/DeleteStimulusModal/index.js");
+var _index39 = require("./building/components/resources/DeleteStimulusModal/index.js");
 
-var _index39 = require("./building/components/resources/ItemFeedbackModal/index.js");
+var _index40 = require("./building/components/resources/ItemFeedbackModal/index.js");
 
-var _index40 = require("./building/components/resources/MoveImmutableModal/index.js");
+var _index41 = require("./building/components/resources/MoveImmutableModal/index.js");
 
-var _index41 = require("./common/components/resources/quiz/AddContent/Modal/index.js");
+var _index42 = require("./common/components/resources/quiz/AddContent/Modal/index.js");
 
-var _index42 = require("./building/components/QTIImportModal/index.js");
+var _index43 = require("./building/components/QTIImportModal/index.js");
 
 var _ReturnButton = require("./common/components/shared/return_button/ReturnButton.js");
 
@@ -1436,31 +1445,31 @@ var _Event = require("./moderating/components/events/Event.js");
 
 var _QuizInfo = require("./common/components/resources/quiz/info/QuizInfo.js");
 
-var _index43 = require("./common/components/LearnosityCalculator/index.js");
+var _index44 = require("./common/components/LearnosityCalculator/index.js");
 
-var _index44 = require("./building/components/resources/quiz/instructions/Instructions/index.js");
+var _index45 = require("./building/components/resources/quiz/instructions/Instructions/index.js");
 
-var _index45 = require("./building/components/resources/quiz/title/Title/index.js");
+var _index46 = require("./building/components/resources/quiz/title/Title/index.js");
 
-var _index46 = require("./building/components/resources/quizEntry/QuizEntryShow/index.js");
+var _index47 = require("./building/components/resources/quizEntry/QuizEntryShow/index.js");
 
-var _index47 = require("./common/components/resources/stimulus/StimulusShow/index.js");
+var _index48 = require("./common/components/resources/stimulus/StimulusShow/index.js");
 
-var _index48 = require("./common/components/resources/quizSessionResult/Header/index.js");
+var _index49 = require("./common/components/resources/quizSessionResult/Header/index.js");
 
-var _index49 = require("./common/components/resources/quizSessionResult/Info/index.js");
+var _index50 = require("./common/components/resources/quizSessionResult/Info/index.js");
 
-var _index50 = require("./common/components/resources/sessionItemResult/SessionItemResultsList/index.js");
+var _index51 = require("./common/components/resources/sessionItemResult/SessionItemResultsList/index.js");
 
 var _Errors = require("./common/components/shared/errors/Errors.js");
 
-var _index51 = require("./common/components/shared/TimeUnitsInput/index.js");
+var _index52 = require("./common/components/shared/TimeUnitsInput/index.js");
 
-var _index52 = require("./building/components/resources/quizEntry/QuizEntry/index.js");
+var _index53 = require("./building/components/resources/quizEntry/QuizEntry/index.js");
 
 var _reactRedux = require("./common/react-redux.js");
 
-var _index53 = require("./common/components/shared/FormattedDuration/index.js");
+var _index54 = require("./common/components/shared/FormattedDuration/index.js");
 
 var _config = require("./config.js");
 
@@ -1486,7 +1495,7 @@ var _makeScrollable = require("./common/components/shared/functionality/makeScro
 
 var _formatTimespan = require("./common/util/formatTimespan.js");
 
-var _index54 = require("./common/components/ImportModal/index.js");
+var _index55 = require("./common/components/ImportModal/index.js");
 
 var _TimerService = require("./common/util/TimerService.js");
 
@@ -1576,16 +1585,16 @@ var _sessionItems = require("./common/selectors/sessionItems.js");
 
 var _sessionItemResults = require("./common/selectors/sessionItemResults.js");
 
-var _index55 = require("./common/records/index.js");
+var _index56 = require("./common/records/index.js");
 
-Object.keys(_index55).forEach(function (key) {
+Object.keys(_index56).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index55[key]) return;
+  if (key in exports && exports[key] === _index56[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _index55[key];
+      return _index56[key];
     }
   });
 });

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToProps = mapStateToProps;
+exports.default = exports.NewQuizAndItemAnalysis = void 0;
+
+var _presenter = require("./presenter.js");
+
+var _reactRedux = require("../../../../common/react-redux.js");
+
+var _quizzes = require("../../../../common/selectors/quizzes.js");
+
+var _quizzes2 = require("../../../../common/api/quizzes.js");
+
+function mapStateToProps(state) {
+  var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
+  return {
+    quiz: activeQuiz
+  };
+}
+
+var NewQuizAndItemAnalysis = (0, _reactRedux.connect)(mapStateToProps, {
+  getExistingQuiz: _quizzes2.getExistingQuiz
+})(_presenter.NewQuizAndItemAnalysis);
+exports.NewQuizAndItemAnalysis = NewQuizAndItemAnalysis;
+var _default = NewQuizAndItemAnalysis;
+exports.default = _default;

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

@@ -0,0 +1,101 @@
+"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.NewQuizAndItemAnalysis = void 0;
+
+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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _uiHeading = require("@instructure/ui-heading");
+
+var _uiMetric = require("@instructure/ui-metric");
+
+var _Spinner = _interopRequireDefault(require("../../../../common/components/shared/spinner/Spinner.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiMetric.MetricGroup, null, /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
+  renderLabel: "Example 1",
+  renderValue: "80%"
+}), /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
+  renderLabel: "Example 2",
+  renderValue: "5"
+}), /*#__PURE__*/_react.default.createElement(_uiMetric.Metric, {
+  renderLabel: "Example 3",
+  renderValue: "Good"
+}));
+
+var _ref2 = /*#__PURE__*/_react.default.createElement(_Spinner.default, null);
+
+var NewQuizAndItemAnalysis = /*#__PURE__*/function (_withI18nSupport) {
+  (0, _inherits2.default)(NewQuizAndItemAnalysis, _withI18nSupport);
+
+  var _super = (0, _createSuper2.default)(NewQuizAndItemAnalysis);
+
+  function NewQuizAndItemAnalysis() {
+    (0, _classCallCheck2.default)(this, NewQuizAndItemAnalysis);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(NewQuizAndItemAnalysis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.getExistingQuiz(this.props.activeQuizId);
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      var quiz = this.props.quiz;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "fs-mask"
+      }, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "h3",
+        color: "primary"
+      }, quiz.title), _ref);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.props.quiz.isLoaded()) {
+        return this.renderContent();
+      } else {
+        return _ref2;
+      }
+    }
+  }]);
+  NewQuizAndItemAnalysis.displayName = "NewQuizAndItemAnalysis";
+  return NewQuizAndItemAnalysis;
+}((0, _quizCommon.withI18nSupport)(_react.Component));
+
+exports.NewQuizAndItemAnalysis = NewQuizAndItemAnalysis;
+NewQuizAndItemAnalysis.propTypes = {
+  quiz: _reactImmutableProptypes.default.record.isRequired,
+  activeQuizId: _propTypes.default.string.isRequired,
+  getExistingQuiz: _propTypes.default.func.isRequired,
+  locale: _propTypes.default.string
+};
+NewQuizAndItemAnalysis.defaultProps = {
+  locale: null
+};
+NewQuizAndItemAnalysis.contextTypes = {
+  locale: _propTypes.default.string
+};
+var _default = NewQuizAndItemAnalysis;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.49.1-rc.5+64019c505",
+  "version": "17.49.1-rc.7+67a51dce3",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.2",
-    "@instructure/quiz-common": "17.49.1-rc.5+64019c505",
-    "@instructure/quiz-i18n": "17.49.1-rc.5+64019c505",
-    "@instructure/quiz-interactions": "17.49.1-rc.5+64019c505",
-    "@instructure/quiz-number-input": "17.49.1-rc.5+64019c505",
-    "@instructure/quiz-rce": "17.49.1-rc.5+64019c505",
+    "@instructure/quiz-common": "17.49.1-rc.7+67a51dce3",
+    "@instructure/quiz-i18n": "17.49.1-rc.7+67a51dce3",
+    "@instructure/quiz-interactions": "17.49.1-rc.7+67a51dce3",
+    "@instructure/quiz-number-input": "17.49.1-rc.7+67a51dce3",
+    "@instructure/quiz-rce": "17.49.1-rc.7+67a51dce3",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.49.1-rc.5+64019c505",
+    "instructure-validations": "17.49.1-rc.7+67a51dce3",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -156,7 +156,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.49.1-rc.5+64019c505",
+    "quiz-presets": "17.49.1-rc.7+67a51dce3",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "64019c505076e70430601ccbed94f7a94898ca21"
+  "gitHead": "67a51dce3d75661bf30ed46ce38dd5151490589d"
 }