@instructure/quiz-core 21.0.1-rc.2 → 21.0.1-rc.22

package/lib/common/components/resources/stimulus/StimulusEdit/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     stimulus: {
@@ -44,5 +44,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/common/components/resources/stimulus/StimulusEdit/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography,
@@ -15,9 +15,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     optionPadding: spacing.small,
     stimulusContentPadding: spacing.small,
     stimulusContentPaddingBottom: spacing.small,
-    stimulusButtonsColor: colors.oxford,
+    stimulusButtonsColor: colors.contrasts.grey100100,
     stimulusButtonsZIndex: '3333'
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/resources/stimulus/StimulusEditInfo/index.js

@@ -1,21 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _redux = require("redux");
-var _reactRedux = require("../../../../react-redux.js");
-var modificationActions = _interopRequireWildcard(require("../../../../actions/modifications.js"));
-var _featureCheck = require("../../../../../common/util/featureCheck.js");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
+var _reactRedux = require("../../../../react-redux");
+var modificationActions = _interopRequireWildcard(require("../../../../actions/modifications"));
+var _featureCheck = require("../../../../../common/util/featureCheck");
+var _quizzes = require("../../../../../common/selectors/quizzes");
+var _presenter = _interopRequireDefault(require("./presenter"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function mapStateToProps(state, props) {
+  var quizId = (0, _quizzes.getActiveQuizId)(state);
+  var quiz = (0, _quizzes.getQuizById)(state, quizId);
   return {
     workingStimulus: props.stimulus.getWorkingInstance(),
     errorsShowing: state.getIn(['errorsShowing', props.guid], props.errorsShowing || false),
-    stimulusOrientationEnabled: (0, _featureCheck.featureOn)('customizable_stimulus_orientation')
+    stimulusOrientationEnabled: (0, _featureCheck.featureOn)('customizable_stimulus_orientation'),
+    shuffleQuestionsEnabled: quiz.shuffleQuestions
   };
 }
 function mapDispatchToProps(dispatch) {
@@ -24,5 +29,4 @@ function mapDispatchToProps(dispatch) {
     modifyStimulus: modActions.modifyStimulus
   };
 }
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-exports.default = _default;
+var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter["default"]);

package/lib/common/components/resources/stimulus/StimulusEditInfo/presenter.js

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StimulusEditInfo = void 0;
+exports["default"] = exports.StimulusEditInfo = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
@@ -16,66 +18,76 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _uiHeading = require("@instructure/ui-heading");
 var _quizRce = require("@instructure/quiz-rce");
-var _instUIMessages = require("../../../../util/instUIMessages.js");
+var _instUIMessages = require("../../../../util/instUIMessages");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiToggleDetails = require("@instructure/ui-toggle-details");
 var _quizCommon = require("@instructure/quiz-common");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _uiAlerts = require("@instructure/ui-alerts");
 var _dec, _class, _StimulusEditInfo;
 /** @jsx jsx */
-var _ref3 = (0, _emotion.jsx)(_uiIcons.IconUpdownLine, {
-  rotate: "90"
-});
-var _ref4 = (0, _emotion.jsx)(_uiIcons.IconUpdownLine, null);
-var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_StimulusEditInfo = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(StimulusEditInfo, _Component);
-  var _super = (0, _createSuper2.default)(StimulusEditInfo);
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var StimulusEditInfo = exports.StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_StimulusEditInfo = /*#__PURE__*/function (_Component) {
   function StimulusEditInfo() {
-    var _this;
-    (0, _classCallCheck2.default)(this, StimulusEditInfo);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, StimulusEditInfo);
     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.inputErrors = function (field) {
-      if (_this.props.errorsShowing) {
-        var errorMap = _this.props.workingStimulus.getErrors().toJS() || {};
+    _this2 = _callSuper(this, StimulusEditInfo, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "inputErrors", function (field) {
+      if (_this2.props.errorsShowing) {
+        var errorMap = _this2.props.workingStimulus.getErrors().toJS() || {};
         return (0, _instUIMessages.toErrors)(errorMap[field] || []);
       }
-    };
-    _this.onOrientationChange = function (e, _ref) {
+    });
+    (0, _defineProperty2["default"])(_this2, "onOrientationChange", function (e, _ref) {
       var value = _ref.value;
-      var newData = _this.props.workingStimulus.set('orientation', value);
-      _this.props.modifyStimulus(newData);
-    };
-    _this.onTextInputChange = function (field) {
+      var newData = _this2.props.workingStimulus.set('orientation', value);
+      _this2.props.modifyStimulus(newData);
+    });
+    (0, _defineProperty2["default"])(_this2, "onTextInputChange", function (field) {
       return function (e) {
-        var newData = _this.props.workingStimulus.set(field, e.target.value);
-        _this.props.modifyStimulus(newData);
+        var newData = _this2.props.workingStimulus.set(field, e.target.value);
+        _this2.props.modifyStimulus(newData);
       };
-    };
-    _this.onBodyChange = function (e, _ref2) {
+    });
+    (0, _defineProperty2["default"])(_this2, "onBodyChange", function (e, _ref2) {
       var editorContent = _ref2.editorContent;
-      var newData = _this.props.workingStimulus.set('body', editorContent);
-      _this.props.modifyStimulus(newData);
-    };
-    return _this;
+      var newData = _this2.props.workingStimulus.set('body', editorContent);
+      _this2.props.modifyStimulus(newData);
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(StimulusEditInfo, [{
+  (0, _inherits2["default"])(StimulusEditInfo, _Component);
+  return (0, _createClass2["default"])(StimulusEditInfo, [{
     key: "headerText",
     value: function headerText(stimulus) {
       if (stimulus.isTemporary()) {
-        return stimulus.passage ? (0, _formatMessage.default)('Add Passage') : (0, _formatMessage.default)('Add Stimulus');
+        return stimulus.passage ? (0, _formatMessage["default"])('Add Passage') : (0, _formatMessage["default"])('Add Stimulus');
       } else {
-        return stimulus.passage ? (0, _formatMessage.default)('Edit Passage') : (0, _formatMessage.default)('Edit Stimulus');
+        return stimulus.passage ? (0, _formatMessage["default"])('Edit Passage') : (0, _formatMessage["default"])('Edit Stimulus');
       }
     }
   }, {
     key: "renderOptionalLabel",
     value: function renderOptionalLabel(labelName) {
-      var optionalText = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (0, _formatMessage.default)('(optional)');
+      var optionalText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _formatMessage["default"])('(optional)');
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("span", null, labelName), (0, _emotion.jsx)("span", {
         css: this.props.styles.optionalLabel
       }, optionalText));
@@ -87,21 +99,33 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.section
       }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
-        renderLabel: (0, _formatMessage.default)('Orientation'),
+        renderLabel: (0, _formatMessage["default"])('Orientation'),
         onChange: this.onOrientationChange,
         value: stimulusOrientation,
         renderBeforeInput: (0, _emotion.jsx)(_uiIcons.IconUpdownLine, {
           rotate: stimulusOrientation === _quizCommon.TOP ? '0' : '90'
         })
       }, (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
-        renderBeforeLabel: _ref3,
+        renderBeforeLabel: (0, _emotion.jsx)(_uiIcons.IconUpdownLine, {
+          rotate: "90"
+        }),
         id: "stimulus-orientation-select-option-left",
         value: "left"
-      }, (0, _formatMessage.default)('Questions to the right')), (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
-        renderBeforeLabel: _ref4,
+      }, (0, _formatMessage["default"])('Questions to the right')), (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
+        renderBeforeLabel: (0, _emotion.jsx)(_uiIcons.IconUpdownLine, null),
         id: "stimulus-orientation-select-option-top",
         value: "top"
-      }, (0, _formatMessage.default)('Questions below'))));
+      }, (0, _formatMessage["default"])('Questions below'))));
+    }
+  }, {
+    key: "renderPassageAlert",
+    value: function renderPassageAlert(stimulus) {
+      if (!stimulus.passage || !this.props.shuffleQuestionsEnabled) {
+        return null;
+      }
+      return (0, _emotion.jsx)(_uiAlerts.Alert, {
+        variant: "warning"
+      }, (0, _formatMessage["default"])('The passage sections may not appear in their original order due to the shuffle setting.'));
     }
   }, {
     key: "renderInstructions",
@@ -112,7 +136,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.section
       }, (0, _emotion.jsx)(_quizCommon.TextInput, {
-        renderLabel: this.renderOptionalLabel((0, _formatMessage.default)('Instructions')),
+        renderLabel: this.renderOptionalLabel((0, _formatMessage["default"])('Instructions')),
         onChange: this.onTextInputChange('instructions'),
         value: stimulus.get('instructions'),
         "data-automation": "sdk-stimulus-instructions-input"
@@ -130,11 +154,11 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         defaultExpanded: true,
         variant: "filled",
         key: "options",
-        summary: (0, _formatMessage.default)('Options')
+        summary: (0, _formatMessage["default"])('Options')
       }, this.props.stimulusOrientationEnabled ? this.renderStimulusOrientationSelect() : null, (0, _emotion.jsx)("div", {
         css: this.props.styles.section
       }, (0, _emotion.jsx)(_quizCommon.TextInput, {
-        renderLabel: this.renderOptionalLabel((0, _formatMessage.default)('Source URL'), (0, _formatMessage.default)('(optional - not visible to students)')),
+        renderLabel: this.renderOptionalLabel((0, _formatMessage["default"])('Source URL'), (0, _formatMessage["default"])('(optional - not visible to students)')),
         onChange: this.onTextInputChange('sourceUrl'),
         value: stimulus.get('sourceUrl'),
         "data-automation": "sdk-source-url-input"
@@ -149,15 +173,15 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       var automationPrefix = stimulus.passage ? 'passage' : 'stimulus';
       return (0, _emotion.jsx)(_quizCommon.FormFieldGroup, {
         messages: this.inputErrors('onSelf'),
-        description: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Edit Stimulus'))
+        description: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage["default"])('Edit Stimulus'))
       }, (0, _emotion.jsx)(_uiHeading.Heading, {
         level: "h3",
         as: "h2"
-      }, this.headerText(stimulus)), (0, _emotion.jsx)("div", {
+      }, this.headerText(stimulus)), this.renderPassageAlert(stimulus), (0, _emotion.jsx)("div", {
         css: this.props.styles.section
       }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         messages: this.inputErrors('title'),
-        renderLabel: (0, _formatMessage.default)('Title'),
+        renderLabel: (0, _formatMessage["default"])('Title'),
         isRequired: true,
         ref: this.props.setTitleRef,
         onChange: this.onTextInputChange('title'),
@@ -169,7 +193,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         id: stimulusBodyId
       }, (0, _emotion.jsx)(_quizRce.RichContentInput, {
         actsAsInput: true,
-        label: (0, _formatMessage.default)('Content'),
+        label: (0, _formatMessage["default"])('Content'),
         isRequired: true,
         messages: this.inputErrors('body'),
         textareaId: textAreaId,
@@ -181,21 +205,19 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       }))), this.renderOptions(stimulus));
     }
   }]);
-  StimulusEditInfo.displayName = "StimulusEditInfo";
-  return StimulusEditInfo;
-}(_react.Component), _StimulusEditInfo.displayName = 'StimulusEditInfo', _StimulusEditInfo.componentId = "Quizzes".concat(_StimulusEditInfo.displayName), _StimulusEditInfo.propTypes = {
-  isBankedContent: _propTypes.default.bool,
-  stimulus: _reactImmutableProptypes.default.record.isRequired,
-  workingStimulus: _reactImmutableProptypes.default.record.isRequired,
-  errorsShowing: _propTypes.default.bool.isRequired,
-  modifyStimulus: _propTypes.default.func.isRequired,
-  setTitleRef: _propTypes.default.func,
-  stimulusOrientationEnabled: _propTypes.default.bool.isRequired,
-  styles: _propTypes.default.object
-}, _StimulusEditInfo.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_StimulusEditInfo, "displayName", 'StimulusEditInfo'), (0, _defineProperty2["default"])(_StimulusEditInfo, "componentId", "Quizzes".concat(_StimulusEditInfo.displayName)), (0, _defineProperty2["default"])(_StimulusEditInfo, "propTypes", {
+  isBankedContent: _propTypes["default"].bool,
+  stimulus: _reactImmutableProptypes["default"].record.isRequired,
+  workingStimulus: _reactImmutableProptypes["default"].record.isRequired,
+  errorsShowing: _propTypes["default"].bool.isRequired,
+  modifyStimulus: _propTypes["default"].func.isRequired,
+  setTitleRef: _propTypes["default"].func,
+  stimulusOrientationEnabled: _propTypes["default"].bool.isRequired,
+  styles: _propTypes["default"].object,
+  shuffleQuestionsEnabled: _propTypes["default"].bool
+}), (0, _defineProperty2["default"])(_StimulusEditInfo, "defaultProps", {
   isBankedContent: false,
+  shuffleQuestionsEnabled: false,
   setTitleRef: function setTitleRef() {}
-}, _StimulusEditInfo)) || _class);
-exports.StimulusEditInfo = StimulusEditInfo;
-var _default = StimulusEditInfo;
-exports.default = _default;
+}), _StimulusEditInfo)) || _class);
+var _default = exports["default"] = StimulusEditInfo;

package/lib/common/components/resources/stimulus/StimulusEditInfo/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     section: {
@@ -16,5 +16,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/common/components/resources/stimulus/StimulusEditInfo/theme.js

@@ -3,17 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography,
     colors = _ref.colors;
   return {
     sectionPadding: spacing.small,
-    optionalLabelColor: colors.ash,
+    optionalLabelColor: colors.contrasts.grey4570,
     optionalLabelFontSize: typography.fontSizeXSmall,
     urlLabelMargin: spacing.xSmall
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/resources/stimulus/StimulusShow/index.js

@@ -4,55 +4,69 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StimulusShow = void 0;
+exports["default"] = exports.StimulusShow = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _uiText = require("@instructure/ui-text");
-var _index = _interopRequireDefault(require("../StimulusShowInfo/index.js"));
-var _index2 = _interopRequireDefault(require("../../../../../building/components/resources/ActionButtons/index.js"));
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _index3 = _interopRequireDefault(require("../../../shared/overlay/index.js"));
 var _quizCommon = require("@instructure/quiz-common");
+var _StimulusShowInfo = _interopRequireDefault(require("../StimulusShowInfo"));
+var _ActionButtons = _interopRequireDefault(require("../../../../../building/components/resources/ActionButtons"));
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _overlay = _interopRequireDefault(require("../../../shared/overlay"));
 var _dec, _class, _StimulusShow;
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
-var _ref = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var StimulusShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_StimulusShow = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(StimulusShow, _Component);
-  var _super = (0, _createSuper2.default)(StimulusShow);
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var StimulusShow = exports.StimulusShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_StimulusShow = /*#__PURE__*/function (_Component) {
   function StimulusShow() {
-    var _this;
-    (0, _classCallCheck2.default)(this, StimulusShow);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, StimulusShow);
     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.switchOnEditing = function () {
-      _this.props.switchOnEditing();
-    };
-    return _this;
+    _this2 = _callSuper(this, StimulusShow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(StimulusShow, [{
+  (0, _inherits2["default"])(StimulusShow, _Component);
+  return (0, _createClass2["default"])(StimulusShow, [{
     key: "renderBankIcon",
     value: function renderBankIcon() {
       if (this.props.isBankedContent || this.props.quizEntry.isArchivedBankEntry) {
-        return _ref;
+        return (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var stimulusLabel = this.props.stimulus.passage ? (0, _formatMessage.default)('Passage') : (0, _formatMessage.default)('Stimulus');
-      return (0, _emotion.jsx)(_index3.default, {
+      var stimulusLabel = this.props.stimulus.passage ? (0, _formatMessage["default"])('Passage') : (0, _formatMessage["default"])('Stimulus');
+      return (0, _emotion.jsx)(_overlay["default"], {
         onClick: this.switchOnEditing,
         wrapperStyles: this.props.styles.stimulusWrapper,
         tabIndex: "-1",
@@ -69,7 +83,7 @@ var StimulusShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         size: "small",
         color: "secondary",
         margin: "0 x-small"
-      }, stimulusLabel))), (0, _emotion.jsx)(_index2.default, {
+      }, stimulusLabel))), (0, _emotion.jsx)(_ActionButtons["default"], {
         connectDragSource: this.props.connectDragSource,
         displayPosition: this.props.displayPosition,
         onDelete: this.props.openDeleteStimulusModal,
@@ -87,34 +101,30 @@ var StimulusShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         onClick: this.props.isQuizContentLocked ? null : this.switchOnEditing,
         css: this.props.styles.stimulusContent,
         "data-testid": "stimulus-content"
-      }, (0, _emotion.jsx)(_index.default, {
+      }, (0, _emotion.jsx)(_StimulusShowInfo["default"], {
         stimulus: this.props.stimulus
       }))));
     }
   }]);
-  StimulusShow.displayName = "StimulusShow";
-  return StimulusShow;
-}(_react.Component), _StimulusShow.displayName = 'StimulusShow', _StimulusShow.componentId = "Quizzes".concat(_StimulusShow.displayName), _StimulusShow.propTypes = {
-  connectDragSource: _propTypes.default.func.isRequired,
-  displayPosition: _propTypes.default.number.isRequired,
-  isBankedContent: _propTypes.default.bool,
-  isQuizContentLocked: _propTypes.default.bool.isRequired,
-  openDeleteStimulusModal: _propTypes.default.func.isRequired,
-  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  quizEntry: _reactImmutableProptypes.default.record.isRequired,
-  scrollKey: _propTypes.default.string,
-  shouldDisableDragHandle: _propTypes.default.bool,
-  stimulus: _reactImmutableProptypes.default.record.isRequired,
-  switchOnEditing: _propTypes.default.func.isRequired,
-  shouldFocusOnMount: _propTypes.default.bool.isRequired,
-  styles: _propTypes.default.object
-}, _StimulusShow.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_StimulusShow, "displayName", 'StimulusShow'), (0, _defineProperty2["default"])(_StimulusShow, "componentId", "Quizzes".concat(_StimulusShow.displayName)), (0, _defineProperty2["default"])(_StimulusShow, "propTypes", {
+  connectDragSource: _propTypes["default"].func.isRequired,
+  displayPosition: _propTypes["default"].number.isRequired,
+  isBankedContent: _propTypes["default"].bool,
+  isQuizContentLocked: _propTypes["default"].bool.isRequired,
+  openDeleteStimulusModal: _propTypes["default"].func.isRequired,
+  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  quizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  scrollKey: _propTypes["default"].string,
+  shouldDisableDragHandle: _propTypes["default"].bool,
+  stimulus: _reactImmutableProptypes["default"].record.isRequired,
+  switchOnEditing: _propTypes["default"].func.isRequired,
+  shouldFocusOnMount: _propTypes["default"].bool.isRequired,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_StimulusShow, "defaultProps", {
   isBankedContent: false,
   isQuizContentLocked: false,
   scrollKey: '',
   shouldDisableDragHandle: false,
   shouldFocusOnMount: false
-}, _StimulusShow)) || _class);
-exports.StimulusShow = StimulusShow;
-var _default = StimulusShow;
-exports.default = _default;
+}), _StimulusShow)) || _class);
+var _default = exports["default"] = StimulusShow;

package/lib/common/components/resources/stimulus/StimulusShow/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     stimulus: {
@@ -28,5 +28,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/common/components/resources/stimulus/StimulusShow/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     typography = _ref.typography,
@@ -16,5 +16,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     stimulusContentPaddingLeftRight: spacing.small
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/resources/stimulus/StimulusShowInfo/StimulusShowInfo.examples.js

@@ -4,16 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _Stimulus = _interopRequireDefault(require("../../../../../common/records/Stimulus.js"));
-var stimulus = new _Stimulus.default({
+exports["default"] = void 0;
+var _Stimulus = _interopRequireDefault(require("../../../../../common/records/Stimulus"));
+var stimulus = new _Stimulus["default"]({
   instructions: 'Instructions can be useful, but people tend not to read them.',
   title: 'A Stimulus',
   body: 'Nothing to see here, move along...'
 });
-var _default = {
+var _default = exports["default"] = {
   propValues: {
     stimulus: [stimulus]
   }
-};
-exports.default = _default;
+};