@instructure/quiz-core 17.49.1-rc.4 → 17.49.1-rc.6

package/es/common/components/RceConfigProvider/presenter.js

@@ -67,6 +67,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       contextId = _ref2.contextId,
       contextType = _ref2.contextType,
       canvasUserId = _ref2.canvasUserId,
+      canvasToolId = _ref2.canvasToolId,
       rcsHost = _ref2.rcsHost,
       rcsJwt = _ref2.rcsJwt,
       rcsJwtRefreshFn = _ref2.rcsJwtRefreshFn,
@@ -101,6 +102,9 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     isNewRCERendererEnabled: isNewRCERendererEnabled,
     isNewRCEAppsEnabled: isNewRCEAppsEnabled
   };
+  var ltiAppParams = {
+    canvasToolId: canvasToolId
+  };
   var rendererParams = {
     canvasOrigin: canvasOrigin
   };
@@ -169,7 +173,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
   }
 
   return /*#__PURE__*/React.createElement(RceConfigContext.Provider, {
-    value: mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig)
+    value: mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig, ltiAppParams)
   }, children);
 };
 
@@ -181,6 +185,7 @@ RceConfigProviderComponent.propTypes = {
   contextId: PropTypes.string,
   contextType: PropTypes.string,
   canvasUserId: PropTypes.string,
+  canvasToolId: PropTypes.string,
   rcsHost: PropTypes.string,
   rcsJwt: PropTypes.string,
   rcsJwtRefreshFn: PropTypes.func,
@@ -190,6 +195,7 @@ RceConfigProviderComponent.defaultProps = {
   contextId: null,
   contextType: null,
   canvasUserId: null,
+  canvasToolId: null,
   rcsHost: null,
   rcsJwt: null,
   rcsJwtRefreshFn: null,

package/es/common/components/RceConfigProvider/rceConfigMapper.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RceConfigKeys } from '@instructure/quiz-common';
-import { hasAllPropsForRcs } from "./rceConfigUtils.js";
+import { hasAllPropsForRcs, areLtiAppsConfigured } from "./rceConfigUtils.js";
 
 var mapFeatureFlags = function mapFeatureFlags(flags) {
   var _ref;
@@ -18,14 +18,22 @@ var mapRcs = function mapRcs(rcsParams, canvasConfig) {
   }
 };
 
+var mapLtiApps = function mapLtiApps(flags, canvasConfig, ltiAppParams) {
+  var _ref3;
+
+  if (!areLtiAppsConfigured(flags, canvasConfig, ltiAppParams)) return null;
+  return _ref3 = {}, _defineProperty(_ref3, RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), _defineProperty(_ref3, RceConfigKeys.editorButtons, canvasConfig.editorButtons), _ref3;
+};
+
 var rendererEnhancement = function rendererEnhancement(rendererParams) {
   return _defineProperty({}, RceConfigKeys.canvasOrigin, (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.canvasOrigin) || null);
 };
 
-export var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig) {
+export var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig, ltiAppParams) {
   return {
     featureFlags: mapFeatureFlags(flags),
     rcs: mapRcs(rcsParams, canvasConfig),
-    rendererEnhancement: rendererEnhancement(rendererParams)
+    rendererEnhancement: rendererEnhancement(rendererParams),
+    ltiApps: mapLtiApps(flags, canvasConfig, ltiAppParams)
   };
 };

package/es/common/components/RceConfigProvider/rceConfigUtils.js

@@ -1,6 +1,9 @@
 export var hasAllPropsForRcs = function hasAllPropsForRcs(rcsParams) {
   return !!((rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextType) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.canvasUserId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.rcsHost) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.refreshToken) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.jwt));
 };
+export var areLtiAppsConfigured = function areLtiAppsConfigured(flags, canvasConfig, ltiAppParams) {
+  return !!((flags === null || flags === void 0 ? void 0 : flags.isNewRCEAppsEnabled) && (ltiAppParams === null || ltiAppParams === void 0 ? void 0 : ltiAppParams.canvasToolId) && (canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.editorButtons) && Array.isArray(canvasConfig.editorButtons) && canvasConfig.editorButtons.length > 0);
+};
 export var isRce5Disabled = function isRce5Disabled(flags) {
   return !(flags === null || flags === void 0 ? void 0 : flags.isNewRCEEnabled) && !(flags === null || flags === void 0 ? void 0 : flags.isNewRCERendererEnabled);
 };

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/RceConfigProvider/presenter.js

@@ -90,6 +90,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
       contextId = _ref2.contextId,
       contextType = _ref2.contextType,
       canvasUserId = _ref2.canvasUserId,
+      canvasToolId = _ref2.canvasToolId,
       rcsHost = _ref2.rcsHost,
       rcsJwt = _ref2.rcsJwt,
       rcsJwtRefreshFn = _ref2.rcsJwtRefreshFn,
@@ -124,6 +125,9 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
     isNewRCERendererEnabled: isNewRCERendererEnabled,
     isNewRCEAppsEnabled: isNewRCEAppsEnabled
   };
+  var ltiAppParams = {
+    canvasToolId: canvasToolId
+  };
   var rendererParams = {
     canvasOrigin: canvasOrigin
   };
@@ -192,7 +196,7 @@ var RceConfigProviderComponent = function RceConfigProviderComponent(_ref2) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_quizCommon.RceConfigContext.Provider, {
-    value: (0, _rceConfigMapper.mapParamsToRceConfigContext)(flags, rcsParams, rendererParams, canvasConfig)
+    value: (0, _rceConfigMapper.mapParamsToRceConfigContext)(flags, rcsParams, rendererParams, canvasConfig, ltiAppParams)
   }, children);
 };
 
@@ -204,6 +208,7 @@ RceConfigProviderComponent.propTypes = {
   contextId: _propTypes.default.string,
   contextType: _propTypes.default.string,
   canvasUserId: _propTypes.default.string,
+  canvasToolId: _propTypes.default.string,
   rcsHost: _propTypes.default.string,
   rcsJwt: _propTypes.default.string,
   rcsJwtRefreshFn: _propTypes.default.func,
@@ -213,6 +218,7 @@ RceConfigProviderComponent.defaultProps = {
   contextId: null,
   contextType: null,
   canvasUserId: null,
+  canvasToolId: null,
   rcsHost: null,
   rcsJwt: null,
   rcsJwtRefreshFn: null,

package/lib/common/components/RceConfigProvider/rceConfigMapper.js

@@ -29,15 +29,23 @@ var mapRcs = function mapRcs(rcsParams, canvasConfig) {
   }
 };
 
+var mapLtiApps = function mapLtiApps(flags, canvasConfig, ltiAppParams) {
+  var _ref3;
+
+  if (!(0, _rceConfigUtils.areLtiAppsConfigured)(flags, canvasConfig, ltiAppParams)) return null;
+  return _ref3 = {}, (0, _defineProperty2.default)(_ref3, _quizCommon.RceConfigKeys.canvasToolId, ltiAppParams.canvasToolId), (0, _defineProperty2.default)(_ref3, _quizCommon.RceConfigKeys.editorButtons, canvasConfig.editorButtons), _ref3;
+};
+
 var rendererEnhancement = function rendererEnhancement(rendererParams) {
   return (0, _defineProperty2.default)({}, _quizCommon.RceConfigKeys.canvasOrigin, (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.canvasOrigin) || null);
 };
 
-var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig) {
+var mapParamsToRceConfigContext = function mapParamsToRceConfigContext(flags, rcsParams, rendererParams, canvasConfig, ltiAppParams) {
   return {
     featureFlags: mapFeatureFlags(flags),
     rcs: mapRcs(rcsParams, canvasConfig),
-    rendererEnhancement: rendererEnhancement(rendererParams)
+    rendererEnhancement: rendererEnhancement(rendererParams),
+    ltiApps: mapLtiApps(flags, canvasConfig, ltiAppParams)
   };
 };
 

package/lib/common/components/RceConfigProvider/rceConfigUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isRce5Disabled = exports.hasAllPropsForRcs = void 0;
+exports.isRce5Disabled = exports.areLtiAppsConfigured = exports.hasAllPropsForRcs = void 0;
 
 var hasAllPropsForRcs = function hasAllPropsForRcs(rcsParams) {
   return !!((rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.contextType) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.canvasUserId) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.rcsHost) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.refreshToken) && (rcsParams === null || rcsParams === void 0 ? void 0 : rcsParams.jwt));
@@ -11,6 +11,12 @@ var hasAllPropsForRcs = function hasAllPropsForRcs(rcsParams) {
 
 exports.hasAllPropsForRcs = hasAllPropsForRcs;
 
+var areLtiAppsConfigured = function areLtiAppsConfigured(flags, canvasConfig, ltiAppParams) {
+  return !!((flags === null || flags === void 0 ? void 0 : flags.isNewRCEAppsEnabled) && (ltiAppParams === null || ltiAppParams === void 0 ? void 0 : ltiAppParams.canvasToolId) && (canvasConfig === null || canvasConfig === void 0 ? void 0 : canvasConfig.editorButtons) && Array.isArray(canvasConfig.editorButtons) && canvasConfig.editorButtons.length > 0);
+};
+
+exports.areLtiAppsConfigured = areLtiAppsConfigured;
+
 var isRce5Disabled = function isRce5Disabled(flags) {
   return !(flags === null || flags === void 0 ? void 0 : flags.isNewRCEEnabled) && !(flags === null || flags === void 0 ? void 0 : flags.isNewRCERendererEnabled);
 };

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.4+4edda9558",
+  "version": "17.49.1-rc.6+0b7fea386",
   "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.4+4edda9558",
-    "@instructure/quiz-i18n": "17.49.1-rc.4+4edda9558",
-    "@instructure/quiz-interactions": "17.49.1-rc.4+4edda9558",
-    "@instructure/quiz-number-input": "17.49.1-rc.4+4edda9558",
-    "@instructure/quiz-rce": "17.49.1-rc.4+4edda9558",
+    "@instructure/quiz-common": "17.49.1-rc.6+0b7fea386",
+    "@instructure/quiz-i18n": "17.49.1-rc.6+0b7fea386",
+    "@instructure/quiz-interactions": "17.49.1-rc.6+0b7fea386",
+    "@instructure/quiz-number-input": "17.49.1-rc.6+0b7fea386",
+    "@instructure/quiz-rce": "17.49.1-rc.6+0b7fea386",
     "@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.4+4edda9558",
+    "instructure-validations": "17.49.1-rc.6+0b7fea386",
     "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.4+4edda9558",
+    "quiz-presets": "17.49.1-rc.6+0b7fea386",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4edda9558c107916281346c7a8f5de4c29352425"
+  "gitHead": "0b7fea3862df6b8e938238011f50617fd656e52f"
 }