@instructure/quiz-core 21.2.0 → 22.0.0

package/lib/common/components/shared/ExpandButton/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     icon: _objectSpread({

package/lib/common/components/shared/FormattedDuration/index.js

@@ -20,12 +20,24 @@ var _quizCommon = require("@instructure/quiz-common");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _formatTimespan = require("../../../util/formatTimespan");
 var _uiText = require("@instructure/ui-text");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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));
+}
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var DAY_IN_SECONDS = exports.DAY_IN_SECONDS = 86400;
 var HOUR_IN_SECONDS = exports.HOUR_IN_SECONDS = 3600;
 var MINUTE_IN_SECONDS = exports.MINUTE_IN_SECONDS = 60;

package/lib/common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js

@@ -17,120 +17,132 @@ var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
 var _uiSpinner = require("@instructure/ui-spinner");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizCommon = require("@instructure/quiz-common");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 _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 GenericAsyncSearch = exports.GenericAsyncSearch = /*#__PURE__*/function (_Component) {
   function GenericAsyncSearch() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, GenericAsyncSearch);
-    _this = _callSuper(this, GenericAsyncSearch, arguments);
-    (0, _defineProperty2["default"])(_this, "setInputRef", function (inputRef) {
-      _this.inputRef = inputRef;
+    _this2 = _callSuper(this, GenericAsyncSearch, arguments);
+    (0, _defineProperty2["default"])(_this2, "setInputRef", function (inputRef) {
+      _this2.inputRef = inputRef;
     });
-    (0, _defineProperty2["default"])(_this, "state", {
-      inputValue: _this.props.selectedOption ? _this.props.selectedOption.text : '',
+    (0, _defineProperty2["default"])(_this2, "state", {
+      inputValue: _this2.props.selectedOption ? _this2.props.selectedOption.text : '',
       isShowingOptions: false,
       isLoading: false,
       highlightedOptionId: null,
       shareableSubaccounts: [],
       options: []
     });
-    (0, _defineProperty2["default"])(_this, "handleShowOptions", function () {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handleShowOptions", function () {
+      _this2.setState({
         isShowingOptions: true
       });
     });
-    (0, _defineProperty2["default"])(_this, "close", function (inputValue) {
-      return _this.setState({
+    (0, _defineProperty2["default"])(_this2, "close", function (inputValue) {
+      return _this2.setState({
         isShowingOptions: false,
         highlightedOptionId: null,
         inputValue: inputValue
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleBlur", function () {
-      var _this$props$selectedO;
-      return _this.close(((_this$props$selectedO = _this.props.selectedOption) === null || _this$props$selectedO === void 0 ? void 0 : _this$props$selectedO.text) || '');
+    (0, _defineProperty2["default"])(_this2, "handleBlur", function () {
+      var _this2$props$selected;
+      return _this2.close(((_this2$props$selected = _this2.props.selectedOption) === null || _this2$props$selected === void 0 ? void 0 : _this2$props$selected.text) || '');
     });
-    (0, _defineProperty2["default"])(_this, "handleHighlightOption", function (event, optionIdentifier) {
+    (0, _defineProperty2["default"])(_this2, "handleHighlightOption", function (event, optionIdentifier) {
       event.persist();
-      var option = _this.getOption(optionIdentifier.id);
-      _this.setState({
+      var option = _this2.getOption(optionIdentifier.id);
+      _this2.setState({
         highlightedOptionId: option === null || option === void 0 ? void 0 : option.id,
-        inputValue: event.type === 'keydown' ? option === null || option === void 0 ? void 0 : option.text : _this.state.inputValue
+        inputValue: event.type === 'keydown' ? option === null || option === void 0 ? void 0 : option.text : _this2.state.inputValue
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleSelectOption", function (event, optionIdentifier) {
+    (0, _defineProperty2["default"])(_this2, "handleSelectOption", function (event, optionIdentifier) {
       if (!optionIdentifier || !optionIdentifier.id || optionIdentifier.id === _quizCommon.SELECT_EMPTY_OPTION) return;
-      var option = _this.getOption(optionIdentifier.id);
-      _this.props.onSelectionChange(event, option);
-      _this.close(option.text);
+      var option = _this2.getOption(optionIdentifier.id);
+      _this2.props.onSelectionChange(event, option);
+      _this2.close(option.text);
     });
-    (0, _defineProperty2["default"])(_this, "handleInputChange", function (event) {
+    (0, _defineProperty2["default"])(_this2, "handleInputChange", function (event) {
       var value = event.target.value;
-      var shouldSearch = !!value && value.length >= _this.props.minChars;
-      _this.setState({
+      var shouldSearch = !!value && value.length >= _this2.props.minChars;
+      _this2.setState({
         inputValue: value,
         isShowingOptions: true
       });
       if (shouldSearch) {
-        _this.setState({
+        _this2.setState({
           isLoading: true,
           options: [],
           highlightedOptionId: null
         });
-        _this.search(value);
+        _this2.search(value);
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleKeyDown", function (event) {
-      if (event.keyCode === 8 && _this.state.inputValue === '') {
+    (0, _defineProperty2["default"])(_this2, "handleKeyDown", function (event) {
+      if (event.keyCode === 8 && _this2.state.inputValue === '') {
         // when backspace key is pressed
-        _this.setState({
+        _this2.setState({
           highlightedOptionId: null
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "actualOptions", function () {
-      return _this.state.options.map(function (option) {
+    (0, _defineProperty2["default"])(_this2, "actualOptions", function () {
+      return _this2.state.options.map(function (option) {
         return /*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Option, {
           id: option.id,
           key: option.id,
-          isHighlighted: option.id === _this.state.highlightedOptionId
+          isHighlighted: option.id === _this2.state.highlightedOptionId
         }, option.text);
       });
     });
-    (0, _defineProperty2["default"])(_this, "emptyOptionText", function () {
-      if (_this.props.minChars > 1 && _this.state.inputValue < _this.props.minChars) {
+    (0, _defineProperty2["default"])(_this2, "emptyOptionText", function () {
+      if (_this2.props.minChars > 1 && _this2.state.inputValue < _this2.props.minChars) {
         return (0, _formatMessage["default"])('Search term must be at least { minChars } characters', {
-          minChars: _this.props.minChars
+          minChars: _this2.props.minChars
         });
       }
-      return _this.state.inputValue === '' ? (0, _formatMessage["default"])('Write to search') : (0, _formatMessage["default"])('No Results');
+      return _this2.state.inputValue === '' ? (0, _formatMessage["default"])('Write to search') : (0, _formatMessage["default"])('No Results');
     });
-    (0, _defineProperty2["default"])(_this, "emptyOrLoadingOption", function () {
+    (0, _defineProperty2["default"])(_this2, "emptyOrLoadingOption", function () {
       return /*#__PURE__*/_react["default"].createElement(_quizCommon.Select.Option, {
         id: _quizCommon.SELECT_EMPTY_OPTION,
         key: _quizCommon.SELECT_EMPTY_OPTION
-      }, _this.state.isLoading ? /*#__PURE__*/_react["default"].createElement(_uiSpinner.Spinner, {
+      }, _this2.state.isLoading ? /*#__PURE__*/_react["default"].createElement(_uiSpinner.Spinner, {
         renderTitle: (0, _formatMessage["default"])('Loading'),
         size: "x-small"
-      }) : _this.emptyOptionText());
+      }) : _this2.emptyOptionText());
     });
-    (0, _defineProperty2["default"])(_this, "renderOptions", function () {
-      return _this.state.options.length ? _this.actualOptions() : _this.emptyOrLoadingOption();
+    (0, _defineProperty2["default"])(_this2, "renderOptions", function () {
+      return _this2.state.options.length ? _this2.actualOptions() : _this2.emptyOrLoadingOption();
     });
-    _this.search = (0, _debounce["default"])(_this.props.debounceDelay, function (value) {
-      _this.props.getOptions(value).then(function (options) {
+    _this2.search = (0, _debounce["default"])(_this2.props.debounceDelay, function (value) {
+      _this2.props.getOptions(value).then(function (options) {
         var _options$;
-        _this.setState({
+        _this2.setState({
           options: options,
           highlightedOptionId: ((_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.id) || null,
           isLoading: false
         });
       });
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(GenericAsyncSearch, _Component);
   return (0, _createClass2["default"])(GenericAsyncSearch, [{

package/lib/common/components/shared/IfFeature/presenter.js

@@ -13,8 +13,20 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 IfFeature = exports.IfFeature = /*#__PURE__*/function (_Component) {
   function IfFeature() {
     (0, _classCallCheck2["default"])(this, IfFeature);

package/lib/common/components/shared/InteractionTypes/presenter.js

@@ -29,22 +29,34 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _InteractionTypes;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 InteractionTypes = exports.InteractionTypes = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_InteractionTypes = /*#__PURE__*/function (_Component) {
   function InteractionTypes() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, InteractionTypes);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, InteractionTypes, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "renderInteractionTypeButton", function (intType, i) {
+    _this2 = _callSuper(this, InteractionTypes, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "renderInteractionTypeButton", function (intType, i) {
       var onClick, Icon, name, title, automation;
       switch (intType.name) {
         case 'Stimulus':
           onClick = function onClick() {
-            return _this.props.addStimulus(false);
+            return _this2.props.addStimulus(false);
           };
           Icon = _uiIcons.IconPlusLine;
           name = (0, _formatMessage["default"])('Stimulus');
@@ -53,7 +65,7 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _quizCommon.withSt
           break;
         case 'Passage':
           onClick = function onClick() {
-            return _this.props.addStimulus(true);
+            return _this2.props.addStimulus(true);
           };
           Icon = _uiIcons.IconPlusLine;
           name = (0, _formatMessage["default"])('Passage');
@@ -62,7 +74,7 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _quizCommon.withSt
           break;
         default:
           {
-            onClick = (0, _partial["default"])(_this.props.addItem, intType);
+            onClick = (0, _partial["default"])(_this2.props.addItem, intType);
             var metadata = (0, _interactionTypeMetadata.interactionTypeMetadata)(intType);
             Icon = metadata.icon;
             name = metadata.name;
@@ -89,29 +101,29 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _quizCommon.withSt
       }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.iconWrapper
+        css: _this2.props.styles.iconWrapper
       }, (0, _emotion.jsx)(Icon, {
         title: title
       }))), (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.textWrapper
+        css: _this2.props.styles.textWrapper
       }, (0, _emotion.jsx)(_uiA11yContent.PresentationContent, null, (0, _emotion.jsx)(_uiText.Text, {
         color: "primary"
       }, name)))))));
     });
-    (0, _defineProperty2["default"])(_this, "renderInteractionTypeRows", function () {
+    (0, _defineProperty2["default"])(_this2, "renderInteractionTypeRows", function () {
       var buttons = [];
-      var types = _this.props.types;
+      var types = _this2.props.types;
 
       // The interaction types are in alphabetical order
       types.sortBy(function (intType) {
         return (0, _interactionTypeMetadata.interactionTypeMetadata)(intType).name;
       }).forEach(function (intType, i) {
-        var button = _this.renderInteractionTypeButton(intType, i);
-        if (i % _this.props.columns === 0) {
-          buttons[Math.floor(i / _this.props.columns)] = [];
+        var button = _this2.renderInteractionTypeButton(intType, i);
+        if (i % _this2.props.columns === 0) {
+          buttons[Math.floor(i / _this2.props.columns)] = [];
         }
-        buttons[Math.floor(i / _this.props.columns)].push((0, _emotion.jsx)(_uiGrid.Grid.Col, {
-          width: 12 / _this.props.columns,
+        buttons[Math.floor(i / _this2.props.columns)].push((0, _emotion.jsx)(_uiGrid.Grid.Col, {
+          width: 12 / _this2.props.columns,
           key: intType.slug
         }, button));
       });
@@ -124,34 +136,34 @@ var InteractionTypes = exports.InteractionTypes = (_dec = (0, _quizCommon.withSt
         }, gridCols);
       });
     });
-    (0, _defineProperty2["default"])(_this, "renderStimulusTypeButton", function () {
-      if (_this.props.allowStimulusCreation) {
+    (0, _defineProperty2["default"])(_this2, "renderStimulusTypeButton", function () {
+      if (_this2.props.allowStimulusCreation) {
         var dividerRow = (0, _emotion.jsx)(_uiGrid.Grid.Row, {
           key: "divider"
         }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
           key: "divider"
         }, (0, _emotion.jsx)("div", {
-          css: _this.props.styles.stimulusDivider
+          css: _this2.props.styles.stimulusDivider
         })));
         var stimulusRow = (0, _emotion.jsx)(_uiGrid.Grid.Row, {
           key: "stimulus"
         }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
-          width: 12 / _this.props.columns,
+          width: 12 / _this2.props.columns,
           key: "stimulus"
-        }, _this.renderInteractionTypeButton({
+        }, _this2.renderInteractionTypeButton({
           name: 'Stimulus',
           slug: 'stimulus'
-        })), _this.props.allowPassageCreation && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
-          width: 12 / _this.props.columns,
+        })), _this2.props.allowPassageCreation && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
+          width: 12 / _this2.props.columns,
           key: "passage"
-        }, _this.renderInteractionTypeButton({
+        }, _this2.renderInteractionTypeButton({
           name: 'Passage',
           slug: 'passage'
         })));
         return [dividerRow, stimulusRow];
       }
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(InteractionTypes, _Component);
   return (0, _createClass2["default"])(InteractionTypes, [{

package/lib/common/components/shared/InteractionTypes/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing;
   return {
     stimulusDividerBorderWidth: borders.widthSmall,
-    stimulusDividerBorderColor: colors.ash,
+    stimulusDividerBorderColor: colors.contrasts.grey4570,
     stimulusDividerMarginTop: spacing.xSmall,
     stimulusDividerMarginBottom: spacing.small
   };

package/lib/common/components/shared/PaginatedCollection/presenter.js

@@ -38,24 +38,36 @@ var _dec, _class, _PaginatedCollection;
  * underlying collection that is fetched. It thus resets the page cache when
  * `params` change.
  */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 _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 PaginatedCollection = exports.PaginatedCollection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_PaginatedCollection = /*#__PURE__*/function (_Component) {
   function PaginatedCollection() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, PaginatedCollection);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, PaginatedCollection, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "onPageChange", function (nextPage) {
-      _this.props.merge(_this.props.stateKey, {
+    _this2 = _callSuper(this, PaginatedCollection, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "onPageChange", function (nextPage) {
+      _this2.props.merge(_this2.props.stateKey, {
         current: nextPage
       });
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(PaginatedCollection, _Component);
   return (0, _createClass2["default"])(PaginatedCollection, [{

package/lib/common/components/shared/PaginatedCollection/theme.js

@@ -11,7 +11,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     emptyPadding: spacing.small,
     emptyFontSize: typography.fontSizeLarge,
-    emptyColor: colors.ash
+    emptyColor: colors.contrasts.grey4570
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/shared/Paginator/index.js

@@ -21,8 +21,20 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Paginator;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 Paginator = exports.Paginator = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Paginator = /*#__PURE__*/function (_Component) {
   function Paginator() {
     (0, _classCallCheck2["default"])(this, Paginator);
@@ -32,13 +44,13 @@ var Paginator = exports.Paginator = (_dec = (0, _quizCommon.withStyleOverrides)(
   return (0, _createClass2["default"])(Paginator, [{
     key: "renderPagination",
     value: function renderPagination() {
-      var _this = this;
+      var _this2 = this;
       var paginationButtons = Array.from(Array(this.props.totalPages)).map(function (v, i) {
         var page = i + 1;
         return (0, _emotion.jsx)(_uiPagination.Pagination.Page, {
           key: page,
-          current: page === _this.props.currentPage,
-          onClick: _this.props.onPageChange.bind(null, page)
+          current: page === _this2.props.currentPage,
+          onClick: _this2.props.onPageChange.bind(null, page)
         }, page);
       });
       return (0, _emotion.jsx)("div", {

package/lib/common/components/shared/PrintTrigger/index.js

@@ -14,8 +14,8 @@ var printingActions = _interopRequireWildcard(require("../../../actions/printing
 var modalActions = _interopRequireWildcard(require("../../../actions/modal"));
 var quizEntriesApiActions = _interopRequireWildcard(require("../../../../building/api/quizEntries"));
 var _config = require("../../../selectors/config");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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) {
   return {
     activeQuizId: state.getIn(['quizzes', 'activeQuizId']),