@instructure/quiz-core 20.34.1-undefined.0 → 20.35.1-rc.10

package/lib/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -21,9 +21,10 @@ var _presenter = require("../presenter.js");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Collection;
 /** @jsx jsx */
-var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
+var Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Collection, _Component);
   var _super = (0, _createSuper2.default)(Collection);
   function Collection() {
@@ -133,7 +134,7 @@ var Collection = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }]);
   Collection.displayName = "Collection";
   return Collection;
-}(_react.Component), _Collection.propTypes = {
+}(_react.Component), _Collection.displayName = 'Collection', _Collection.componentId = "Quizzes".concat(_Collection.displayName), _Collection.propTypes = {
   // Passed in by Sidebar
   firstPosition: _propTypes.default.number.isRequired,
   isOver: _propTypes.default.bool.isRequired,

package/lib/common/components/layout/sidebar/Stimulus/Summary/presenter.js

@@ -17,9 +17,10 @@ var _presenter = require("../presenter.js");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Summary;
 /** @jsx jsx */
-var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
+var Summary = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Summary, _Component);
   var _super = (0, _createSuper2.default)(Summary);
   function Summary() {
@@ -122,7 +123,7 @@ var Summary = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }]);
   Summary.displayName = "Summary";
   return Summary;
-}(_react.Component), _Summary.propTypes = {
+}(_react.Component), _Summary.displayName = 'Summary', _Summary.componentId = "Quizzes".concat(_Summary.displayName), _Summary.propTypes = {
   // Passed in by parent
   startPosition: _propTypes.default.number.isRequired,
   /* This is used for when the stimulus is being dragged in build */

package/lib/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -16,10 +16,11 @@ var _uiTooltip = require("@instructure/ui-tooltip");
 var _uiText = require("@instructure/ui-text");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Title;
 /** @jsx jsx */
 var DISPLAY_TOOLTIP_LIMIT = 80;
-var Title = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
+var Title = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Title, _Component);
   var _super = (0, _createSuper2.default)(Title);
   function Title() {
@@ -54,7 +55,7 @@ var Title = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class
   }]);
   Title.displayName = "Title";
   return Title;
-}(_react.Component), _Title.propTypes = {
+}(_react.Component), _Title.displayName = 'Title', _Title.componentId = "Quizzes".concat(_Title.displayName), _Title.propTypes = {
   title: _propTypes.default.string.isRequired,
   styles: _propTypes.default.object
 }, _Title)) || _class);

package/lib/common/components/layout/sidebar/Stimulus/presenter.js

@@ -31,7 +31,7 @@ exports.DISPLAY_AS_SUMMARY_LIMIT = DISPLAY_AS_SUMMARY_LIMIT;
 var _ref = (0, _emotion.jsx)(_uiIcons.IconTextLeftLine, {
   color: "primary"
 });
-var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
+var SidebarStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SidebarStimulus, _Component);
   var _super = (0, _createSuper2.default)(SidebarStimulus);
   function SidebarStimulus() {
@@ -150,7 +150,7 @@ var SidebarStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }]);
   SidebarStimulus.displayName = "SidebarStimulus";
   return SidebarStimulus;
-}(_react.Component), _SidebarStimulus.propTypes = {
+}(_react.Component), _SidebarStimulus.displayName = 'SidebarStimulus', _SidebarStimulus.componentId = "Quizzes".concat(_SidebarStimulus.displayName), _SidebarStimulus.propTypes = {
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   // Passed in by Sidebar
   children: _propTypes.default.element,

package/lib/common/components/resources/BankSelection/presenter.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BankSelection = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -13,16 +14,10 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _immutable = require("immutable");
-var _uiSelect = require("@instructure/ui-select");
-var _uiReactUtils = require("@instructure/ui-react-utils");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _instUIMessages = require("../../../util/instUIMessages.js");
-var _quizCommon = require("@instructure/quiz-common");
-var _ref4 = /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
-  id: _quizCommon.SELECT_EMPTY_OPTION,
-  key: _quizCommon.SELECT_EMPTY_OPTION
-}, _quizCommon.SELECT_EMPTY_OPTION_TEXT);
+var _banks = require("../../../../banks/api/banks.js");
+var _GenericAsyncSearch = require("../../shared/GenericAsyncSearch/GenericAsyncSearch.js");
 var BankSelection = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(BankSelection, _Component);
   var _super = (0, _createSuper2.default)(BankSelection);
@@ -33,112 +28,31 @@ var BankSelection = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
-      inputValue: _this.props.selectedBank ? _this.props.selectedBank.title : '',
-      isShowingOptions: false,
-      highlightedOptionId: null,
-      filteredOptions: _this.props.banks ? _this.props.banks.toArray() : []
-    };
-    _this.filterOptions = function (value) {
-      return _this.props.banks.toArray().filter(function (option) {
-        return option.title.toLowerCase().startsWith(value.toLowerCase());
-      });
-    };
-    _this.handleShowOptions = function () {
-      _this.setState({
-        filteredOptions: _this.props.banks.toArray(),
-        isShowingOptions: true
-      });
-    };
-    _this.handleHideOptions = function () {
-      var _this$state = _this.state,
-        filteredOptions = _this$state.filteredOptions,
-        inputValue = _this$state.inputValue;
-      var index = filteredOptions.findIndex(function (option) {
-        return option.title.toLowerCase() === inputValue.toLowerCase();
-      });
-      if (index !== -1) {
-        _this.handleSelectOption({}, {
-          id: filteredOptions[index].id
-        });
-      } else {
-        _this.setState({
-          isShowingOptions: false,
-          highlightedOptionId: null,
-          inputValue: _this.props.selectedBank ? _this.props.selectedBank.title : ''
+    _this.searchBanks = function (search) {
+      return _this.props.simpleFetchBanks({
+        search: search
+      }).then(function (_ref) {
+        var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+          banks = _ref2[0];
+        return banks.map(function (b) {
+          return {
+            id: b.id,
+            text: b.title,
+            archived: b.archived
+          };
         });
-      }
-    };
-    _this.handleBlur = function () {
-      _this.setState({
-        highlightedOptionId: null
-      });
-    };
-    _this.handleHighlightOption = function (event, _ref) {
-      var id = _ref.id;
-      event.persist();
-      var option = _this.getOptionById(id);
-      if (!option) return;
-      _this.setState({
-        highlightedOptionId: id,
-        inputValue: event.type === 'keydown' ? option.title : _this.state.inputValue
-      });
-    };
-    _this.handleSelectOption = function (event, _ref2) {
-      var id = _ref2.id;
-      if (!id || id === _quizCommon.SELECT_EMPTY_OPTION) return;
-      var option = _this.getOptionById(id);
-      _this.props.onBankSelection(event, {
-        value: id
-      });
-      _this.setState({
-        inputValue: option.title,
-        isShowingOptions: false,
-        filteredOptions: _this.props.banks.toArray()
       });
     };
-    _this.handleInputChange = function (event) {
-      var value = event.target.value;
-      var newOptions = _this.filterOptions(value);
-      _this.setState({
-        inputValue: value,
-        filteredOptions: newOptions,
-        highlightedOptionId: newOptions.length > 0 ? newOptions[0].id : null,
-        isShowingOptions: true
+    _this.onSelect = function (e, bankOption) {
+      return _this.props.onBankSelection(e, {
+        id: parseInt(bankOption.id),
+        title: bankOption.text,
+        archived: bankOption.archived
       });
     };
     return _this;
   }
   (0, _createClass2.default)(BankSelection, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      return this.props.getAllBanks().then(function (bankIds) {
-        return _this2.props.setUi(_quizCommon.SELECT_BANKS_OPTIONS, (0, _immutable.List)(bankIds));
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (prevProps.banks !== this.props.banks) {
-        this.setState({
-          filteredOptions: this.props.banks.toArray()
-        });
-      }
-    }
-  }, {
-    key: "renderOptions",
-    value: function renderOptions() {
-      var _this3 = this;
-      return this.props.banks.toArray().map(function (bank) {
-        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
-          key: bank.id,
-          id: bank.id,
-          isSelected: bank.id === _this3.props.selectedBank.id && !bank.archived
-        }, bank.title);
-      });
-    }
-  }, {
     key: "getErrors",
     value: function getErrors() {
       var selectedBank = this.props.selectedBank;
@@ -149,42 +63,27 @@ var BankSelection = /*#__PURE__*/function (_Component) {
       }
     }
   }, {
-    key: "getOptionById",
-    value: function getOptionById(queryId) {
-      return this.props.banks.toArray().find(function (_ref3) {
-        var id = _ref3.id;
-        return id === queryId;
-      });
+    key: "selectedOption",
+    value: function selectedOption() {
+      var selectedBank = this.props.selectedBank;
+      return selectedBank ? {
+        id: selectedBank.id,
+        text: selectedBank.title,
+        archived: selectedBank.archived
+      } : null;
     }
   }, {
     key: "render",
     value: function render() {
-      var _this4 = this;
-      var _this$state2 = this.state,
-        inputValue = _this$state2.inputValue,
-        isShowingOptions = _this$state2.isShowingOptions,
-        filteredOptions = _this$state2.filteredOptions,
-        highlightedOptionId = _this$state2.highlightedOptionId;
-      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, BankSelection.propTypes), {
-        renderLabel: this.props.label || (0, _formatMessage.default)('Select the destination bank'),
-        inputValue: inputValue,
-        isShowingOptions: isShowingOptions,
-        onBlur: this.handleBlur,
-        onInputChange: this.handleInputChange,
-        onRequestShowOptions: this.handleShowOptions,
-        onRequestHideOptions: this.handleHideOptions,
-        onRequestHighlightOption: this.handleHighlightOption,
-        onRequestSelectOption: this.handleSelectOption,
-        "data-automation": "sdk-item-bank-modal",
-        messages: this.getErrors()
-      }), filteredOptions && filteredOptions.length > 0 ? filteredOptions.map(function (bank) {
-        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
-          id: bank.id,
-          key: bank.id,
-          isHighlighted: bank.id === highlightedOptionId,
-          isSelected: _this4.props.selectedBank && bank.id === _this4.props.selectedBank.id && !bank.archived
-        }, bank.title);
-      }) : _ref4);
+      return /*#__PURE__*/_react.default.createElement(_GenericAsyncSearch.GenericAsyncSearch, {
+        onSelectionChange: this.onSelect,
+        label: this.props.label || (0, _formatMessage.default)('Select the destination bank'),
+        placeholder: (0, _formatMessage.default)('Search for a bank'),
+        selectedOption: this.selectedOption(),
+        getOptions: this.searchBanks,
+        messages: this.getErrors(),
+        selectAutomation: 'sdk-item-bank-modal'
+      });
     }
   }]);
   BankSelection.displayName = "BankSelection";
@@ -192,17 +91,16 @@ var BankSelection = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 exports.BankSelection = BankSelection;
 BankSelection.propTypes = {
-  banks: _reactImmutableProptypes.default.list.isRequired,
-  getAllBanks: _propTypes.default.func.isRequired,
   label: _propTypes.default.string,
   onBankSelection: _propTypes.default.func,
   selectedBank: _reactImmutableProptypes.default.record,
-  setUi: _propTypes.default.func.isRequired
+  simpleFetchBanks: _propTypes.default.func
 };
 BankSelection.defaultProps = {
   label: null,
   onBankSelection: function onBankSelection() {},
-  selectedBank: null
+  selectedBank: null,
+  simpleFetchBanks: _banks.simpleFetchBanks
 };
 var _default = BankSelection;
 exports.default = _default;

package/lib/common/components/resources/WarningWrapper/index.js

@@ -18,9 +18,10 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _WarningWrapper;
 /** @jsx jsx */
-var WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
+var WarningWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(WarningWrapper, _Component);
   var _super = (0, _createSuper2.default)(WarningWrapper);
   function WarningWrapper() {
@@ -104,7 +105,7 @@ var WarningWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   }]);
   WarningWrapper.displayName = "WarningWrapper";
   return WarningWrapper;
-}(_react.Component), _WarningWrapper.propTypes = {
+}(_react.Component), _WarningWrapper.displayName = 'WarningWrapper', _WarningWrapper.componentId = "Quizzes".concat(_WarningWrapper.displayName), _WarningWrapper.propTypes = {
   alertType: _propTypes.default.oneOf(['info', 'success', 'warning', 'error']),
   cancelActionCallback: _propTypes.default.func,
   cancelActionText: _propTypes.default.string,

package/lib/common/components/resources/positionBox/PositionBox.js

@@ -16,9 +16,10 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _PositionBox;
 /** @jsx jsx */
-var PositionBox = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
+var PositionBox = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PositionBox, _Component);
   var _super = (0, _createSuper2.default)(PositionBox);
   function PositionBox() {
@@ -42,7 +43,7 @@ var PositionBox = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   }]);
   PositionBox.displayName = "PositionBox";
   return PositionBox;
-}(_react.Component), _PositionBox.propTypes = {
+}(_react.Component), _PositionBox.displayName = 'PositionBox', _PositionBox.componentId = "Quizzes".concat(_PositionBox.displayName), _PositionBox.propTypes = {
   headingText: _propTypes.default.string.isRequired,
   headingLevel: _propTypes.default.string,
   position: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,

package/lib/common/components/resources/quiz/AddContent/Body/presenter.js

@@ -27,7 +27,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _AddContentBody;
 /** @jsx jsx */
 var _ref = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
+var AddContentBody = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddContentBody, _Component);
   var _super = (0, _createSuper2.default)(AddContentBody);
   function AddContentBody() {
@@ -132,7 +132,7 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   }]);
   AddContentBody.displayName = "AddContentBody";
   return AddContentBody;
-}(_react.Component), _AddContentBody.propTypes = {
+}(_react.Component), _AddContentBody.displayName = 'AddContentBody', _AddContentBody.componentId = "Quizzes".concat(_AddContentBody.displayName), _AddContentBody.propTypes = {
   allowStimulusCreation: _propTypes.default.bool.isRequired,
   createItem: _propTypes.default.func.isRequired,
   createStimulus: _propTypes.default.func.isRequired,

package/lib/common/components/resources/quiz/AddContent/Button/index.js

@@ -21,7 +21,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AddContentButton;
 /** @jsx jsx */
-var AddContentButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
+var AddContentButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddContentButton, _Component);
   var _super = (0, _createSuper2.default)(AddContentButton);
   function AddContentButton() {
@@ -89,7 +89,7 @@ var AddContentButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   AddContentButton.displayName = "AddContentButton";
   return AddContentButton;
-}(_react.Component), _AddContentButton.propTypes = {
+}(_react.Component), _AddContentButton.displayName = 'AddContentButton', _AddContentButton.componentId = "Quizzes".concat(_AddContentButton.displayName), _AddContentButton.propTypes = {
   isEditing: _propTypes.default.bool.isRequired,
   onClick: _propTypes.default.func,
   position: _propTypes.default.number,

package/lib/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -23,7 +23,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _AddContentPopover;
 /** @jsx jsx */
-var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
+var AddContentPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(AddContentPopover, _Component);
   var _super = (0, _createSuper2.default)(AddContentPopover);
   function AddContentPopover() {
@@ -117,7 +117,7 @@ var AddContentPopover = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
   }]);
   AddContentPopover.displayName = "AddContentPopover";
   return AddContentPopover;
-}(_react.Component), _AddContentPopover.propTypes = {
+}(_react.Component), _AddContentPopover.displayName = 'AddContentPopover', _AddContentPopover.componentId = "Quizzes".concat(_AddContentPopover.displayName), _AddContentPopover.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   allowStimulusCreation: _propTypes.default.bool,
   clearUi: _propTypes.default.func.isRequired,

package/lib/common/components/resources/quiz/instructions/Instructions.js

@@ -17,6 +17,7 @@ var _quizRce = require("@instructure/quiz-rce");
 var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizInstructions;
 /** @jsx jsx */
 /* eslint "react/no-string-refs": "warn" */
@@ -24,7 +25,7 @@ var _dec, _class, _QuizInstructions;
 // renders the quiz instructions on
 // the Preview and Take pages
 // ================================
-var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
+var QuizInstructions = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizInstructions, _Component);
   var _super = (0, _createSuper2.default)(QuizInstructions);
   function QuizInstructions() {
@@ -48,7 +49,7 @@ var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   QuizInstructions.displayName = "QuizInstructions";
   return QuizInstructions;
-}(_react.Component), _QuizInstructions.propTypes = {
+}(_react.Component), _QuizInstructions.displayName = 'QuizInstructions', _QuizInstructions.componentId = "Quizzes".concat(_QuizInstructions.displayName), _QuizInstructions.propTypes = {
   quiz: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
 }, _QuizInstructions)) || _class);

package/lib/common/components/resources/quiz/title/Title.js

@@ -17,13 +17,14 @@ var _emotion = require("@instructure/emotion");
 var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizTitle;
 /** @jsx jsx */
 // ==========================
 // renders the quiz title on
 // the Preview and Take pages
 // ==========================
-var QuizTitle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
+var QuizTitle = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizTitle, _Component);
   var _super = (0, _createSuper2.default)(QuizTitle);
   function QuizTitle() {
@@ -46,7 +47,7 @@ var QuizTitle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   }]);
   QuizTitle.displayName = "QuizTitle";
   return QuizTitle;
-}(_react.Component), _QuizTitle.propTypes = {
+}(_react.Component), _QuizTitle.displayName = 'QuizTitle', _QuizTitle.componentId = "Quizzes".concat(_QuizTitle.displayName), _QuizTitle.propTypes = {
   quiz: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
 }, _QuizTitle)) || _class);

package/lib/common/components/resources/quizSessionResult/Header/index.js

@@ -18,9 +18,10 @@ var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizSessionResultHeader;
 /** @jsx jsx */
-var QuizSessionResultHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
+var QuizSessionResultHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(QuizSessionResultHeader, _Component);
   var _super = (0, _createSuper2.default)(QuizSessionResultHeader);
   function QuizSessionResultHeader() {
@@ -72,7 +73,7 @@ var QuizSessionResultHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _
   }]);
   QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
   return QuizSessionResultHeader;
-}(_react.Component), _QuizSessionResultHeader.propTypes = {
+}(_react.Component), _QuizSessionResultHeader.displayName = 'QuizSessionResultHeader', _QuizSessionResultHeader.componentId = "Quizzes".concat(_QuizSessionResultHeader.displayName), _QuizSessionResultHeader.propTypes = {
   quizSession: _reactImmutableProptypes.default.record.isRequired,
   regradedSessionItemResults: _reactImmutableProptypes.default.list,
   studentDescription: _propTypes.default.node,

package/lib/common/components/resources/quizSessionResult/Info/index.js

@@ -30,7 +30,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _Info;
 /** @jsx jsx */
 var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
-var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
+var Info = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
   (0, _inherits2.default)(Info, _withI18nSupport);
   var _super = (0, _createSuper2.default)(Info);
   function Info(props) {
@@ -286,7 +286,7 @@ var Info = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }]);
   Info.displayName = "Info";
   return Info;
-}((0, _quizCommon.withI18nSupport)(_react.Component)), _Info.propTypes = {
+}((0, _quizCommon.withI18nSupport)(_react.Component)), _Info.displayName = 'QuizSessionResultInfo', _Info.componentId = "Quizzes".concat(_Info.displayName), _Info.propTypes = {
   gradingScheme: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.number

package/lib/common/components/resources/sessionItemResult/ResultStimulus/index.js

@@ -17,9 +17,10 @@ var _quizRce = require("@instructure/quiz-rce");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ResultStimulus;
 /** @jsx jsx */
-var ResultStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
+var ResultStimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ResultStimulus, _Component);
   var _super = (0, _createSuper2.default)(ResultStimulus);
   function ResultStimulus() {
@@ -86,7 +87,7 @@ var ResultStimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   }]);
   ResultStimulus.displayName = "ResultStimulus";
   return ResultStimulus;
-}(_react.Component), _ResultStimulus.propTypes = {
+}(_react.Component), _ResultStimulus.displayName = 'ResultStimulus', _ResultStimulus.componentId = "Quizzes".concat(_ResultStimulus.displayName), _ResultStimulus.propTypes = {
   stimulus: _reactImmutableProptypes.default.record.isRequired,
   sessionItem: _reactImmutableProptypes.default.record.isRequired,
   renderItem: _propTypes.default.func.isRequired,

package/lib/common/components/resources/sessionItemResult/SessionItemResult/presenter.js

@@ -30,7 +30,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _SessionItemResult;
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
-var SessionItemResult = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SessionItemResult = /*#__PURE__*/function (_Component) {
+var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SessionItemResult = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SessionItemResult, _Component);
   var _super = (0, _createSuper2.default)(SessionItemResult);
   function SessionItemResult() {
@@ -317,7 +317,7 @@ var SessionItemResult = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
   }]);
   SessionItemResult.displayName = "SessionItemResult";
   return SessionItemResult;
-}(_react.Component), _SessionItemResult.propTypes = {
+}(_react.Component), _SessionItemResult.displayName = 'SessionItemResult', _SessionItemResult.componentId = "Quizzes".concat(_SessionItemResult.displayName), _SessionItemResult.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   editGraderFeedback: _propTypes.default.func,
   hideGraderFeedback: _propTypes.default.bool,

package/lib/common/components/resources/sessionItemResult/SessionItemResultsList/index.js

@@ -21,9 +21,10 @@ var _index2 = _interopRequireDefault(require("../ResultStimulus/index.js"));
 var _generateDisplayPositions = _interopRequireDefault(require("../../../../util/generateDisplayPositions.js"));
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _SessionItemResultsList;
 /** @jsx jsx */
-var SessionItemResultsList = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SessionItemResultsList = /*#__PURE__*/function (_Component) {
+var SessionItemResultsList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SessionItemResultsList = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SessionItemResultsList, _Component);
   var _super = (0, _createSuper2.default)(SessionItemResultsList);
   function SessionItemResultsList() {
@@ -80,7 +81,7 @@ var SessionItemResultsList = (_dec = (0, _emotion.withStyle)(_styles.default, _t
   }]);
   SessionItemResultsList.displayName = "SessionItemResultsList";
   return SessionItemResultsList;
-}(_react.Component), _SessionItemResultsList.propTypes = {
+}(_react.Component), _SessionItemResultsList.displayName = 'SessionItemResultsList', _SessionItemResultsList.componentId = "Quizzes".concat(_SessionItemResultsList.displayName), _SessionItemResultsList.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   restrictQuantitativeData: _propTypes.default.bool,
   sessionItems: _reactImmutableProptypes.default.list.isRequired,

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

@@ -27,7 +27,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _dec, _class, _Stimulus;
 /** @jsx jsx */
-var Stimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Stimulus = /*#__PURE__*/function (_Component) {
+var Stimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_Stimulus = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Stimulus, _Component);
   var _super = (0, _createSuper2.default)(Stimulus);
   function Stimulus() {
@@ -167,7 +167,7 @@ var Stimulus = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }]);
   Stimulus.displayName = "Stimulus";
   return Stimulus;
-}(_react.Component), _Stimulus.propTypes = {
+}(_react.Component), _Stimulus.displayName = 'Stimulus', _Stimulus.componentId = "Quizzes".concat(_Stimulus.displayName), _Stimulus.propTypes = {
   bankEntryWarningWrapperProps: _propTypes.default.func,
   childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
   connectDragPreview: _propTypes.default.func.isRequired,

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

@@ -36,7 +36,7 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _StimulusEdit;
 /** @jsx jsx */
-var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_StimulusEdit = /*#__PURE__*/function (_Component) {
+var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_StimulusEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(StimulusEdit, _Component);
   var _super = (0, _createSuper2.default)(StimulusEdit);
   function StimulusEdit() {
@@ -409,7 +409,7 @@ var StimulusEdit = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }]);
   StimulusEdit.displayName = "StimulusEdit";
   return StimulusEdit;
-}(_react.Component), _StimulusEdit.propTypes = {
+}(_react.Component), _StimulusEdit.displayName = 'StimulusEdit', _StimulusEdit.componentId = "Quizzes".concat(_StimulusEdit.displayName), _StimulusEdit.propTypes = {
   addContentPopoverOpen: _propTypes.default.bool.isRequired,
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   bankEntryWarningWrapperProps: _propTypes.default.func,

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

@@ -32,7 +32,7 @@ var _ref3 = (0, _emotion.jsx)(_uiIcons.IconUpdownLine, {
   rotate: "90"
 });
 var _ref4 = (0, _emotion.jsx)(_uiIcons.IconUpdownLine, null);
-var StimulusEditInfo = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_StimulusEditInfo = /*#__PURE__*/function (_Component) {
+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 StimulusEditInfo() {
@@ -168,7 +168,7 @@ var StimulusEditInfo = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   }]);
   StimulusEditInfo.displayName = "StimulusEditInfo";
   return StimulusEditInfo;
-}(_react.Component), _StimulusEditInfo.propTypes = {
+}(_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,