@instructure/quiz-core 21.2.0 → 22.1.0

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

@@ -17,46 +17,58 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _TagSelect = _interopRequireDefault(require("../TagSelect"));
-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 tagShape = _propTypes["default"].shape({
   id: _propTypes["default"].string,
   value: _propTypes["default"].string.isRequired
 });
 var TagSuggest = exports.TagSuggest = /*#__PURE__*/function (_Component) {
   function TagSuggest() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, TagSuggest);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TagSuggest, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "debouncedSuggestions", (0, _debounce["default"])(function (parentType, parentId, tagText) {
-      return _this.props.getTagSuggestions(parentType, parentId, tagText);
+    _this2 = _callSuper(this, TagSuggest, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "debouncedSuggestions", (0, _debounce["default"])(function (parentType, parentId, tagText) {
+      return _this2.props.getTagSuggestions(parentType, parentId, tagText);
     }, 200));
-    (0, _defineProperty2["default"])(_this, "handleTagInputChange", function (tagText) {
-      var _this$props = _this.props,
-        parentType = _this$props.parentType,
-        parentId = _this$props.parentId;
-      _this.props.setTagInput(parentType, parentId, tagText);
+    (0, _defineProperty2["default"])(_this2, "handleTagInputChange", function (tagText) {
+      var _this2$props = _this2.props,
+        parentType = _this2$props.parentType,
+        parentId = _this2$props.parentId;
+      _this2.props.setTagInput(parentType, parentId, tagText);
       if (tagText != null) {
-        _this.debouncedSuggestions(parentType, parentId, tagText);
+        _this2.debouncedSuggestions(parentType, parentId, tagText);
       } else {
-        _this.props.setTagSuggestions(parentType, parentId, null, tagText);
+        _this2.props.setTagSuggestions(parentType, parentId, null, tagText);
       }
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(TagSuggest, _Component);
   return (0, _createClass2["default"])(TagSuggest, [{
     key: "getTagSuggestions",
     value: function getTagSuggestions() {
-      var _this$props2 = this.props,
-        defaultSuggestions = _this$props2.defaultSuggestions,
-        tagSuggestions = _this$props2.tagSuggestions,
-        tags = _this$props2.tags;
+      var _this$props = this.props,
+        defaultSuggestions = _this$props.defaultSuggestions,
+        tagSuggestions = _this$props.tagSuggestions,
+        tags = _this$props.tags;
       var suggestions = tagSuggestions || _immutable["default"].fromJS(defaultSuggestions);
       var visibleTagIds = tags.map(function (tag) {
         return tag.id;

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

@@ -16,25 +16,37 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiTag = require("@instructure/ui-tag");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-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 TagWrapper = exports.TagWrapper = /*#__PURE__*/function (_Component) {
   function TagWrapper() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, TagWrapper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TagWrapper, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "dismissTag", function (e) {
+    _this2 = _callSuper(this, TagWrapper, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "dismissTag", function (e) {
       // prevent closing of list
       e.stopPropagation();
       e.preventDefault();
-      _this.props.onClick(_this.props.id);
+      _this2.props.onClick(_this2.props.id);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(TagWrapper, _Component);
   return (0, _createClass2["default"])(TagWrapper, [{

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

@@ -20,10 +20,22 @@ var _immutable = require("immutable");
 var _FormattedDuration = require("../FormattedDuration");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _quizNumberInput = require("@instructure/quiz-number-input");
-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));
+}
 // This component renders an input for multiple time units, and handles:
 // * converting smaller units to larger units when over the unit threshold (e.g. 95 minutes to 1h35m)
 // * displaying feedback messages when unit values are over a unit threshold
@@ -35,13 +47,13 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // seconds could be added in the future if needed
 var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component) {
   function TimeUnitsInput() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, TimeUnitsInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TimeUnitsInput, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "isIncrementOrDecrement", function (e) {
+    _this2 = _callSuper(this, TimeUnitsInput, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "isIncrementOrDecrement", function (e) {
       // Is the event an increment or decrement event?
       // These events can be sourced from either the arrow buttons on the input, or the user
       // using the up or down arrows on the keyboard
@@ -49,27 +61,27 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
       var fromArrowKeys = e.key === 'ArrowUp' || e.key === 'ArrowDown';
       return fromButtonInput || fromArrowKeys;
     });
-    (0, _defineProperty2["default"])(_this, "onChangeTime", function (e, rawString, inputNumber, source) {
-      var normalizeOnInput = _this.isIncrementOrDecrement(e) || _this.props.normalizeOnInput;
-      var minutes = source === 'minutes' ? inputNumber : _this.state.minutes;
+    (0, _defineProperty2["default"])(_this2, "onChangeTime", function (e, rawString, inputNumber, source) {
+      var normalizeOnInput = _this2.isIncrementOrDecrement(e) || _this2.props.normalizeOnInput;
+      var minutes = source === 'minutes' ? inputNumber : _this2.state.minutes;
       minutes = normalizeOnInput ? minutes : Math.max(minutes, 0);
-      var hours = source === 'hours' ? inputNumber : _this.state.hours;
+      var hours = source === 'hours' ? inputNumber : _this2.state.hours;
       hours = normalizeOnInput ? hours : Math.max(hours, 0);
-      var days = source === 'days' ? inputNumber : _this.state.days || 0;
+      var days = source === 'days' ? inputNumber : _this2.state.days || 0;
       var totalSeconds = minutes * _FormattedDuration.MINUTE_IN_SECONDS + hours * _FormattedDuration.HOUR_IN_SECONDS + days * _FormattedDuration.DAY_IN_SECONDS;
       var hoursError = null;
       var daysError = null;
       var shouldResetOnNormalize = false;
-      var _breakdownSeconds = (0, _FormattedDuration.breakdownSeconds)(totalSeconds, _this.props.includeDays),
+      var _breakdownSeconds = (0, _FormattedDuration.breakdownSeconds)(totalSeconds, _this2.props.includeDays),
         newDays = _breakdownSeconds.days,
         newHours = _breakdownSeconds.hours,
         newMinutes = _breakdownSeconds.minutes;
-      if (totalSeconds > _this.props.maxTimeInSeconds) {
-        var _breakdownSeconds2 = (0, _FormattedDuration.breakdownSeconds)(_this.props.maxTimeInSeconds, _this.props.includeDays),
+      if (totalSeconds > _this2.props.maxTimeInSeconds) {
+        var _breakdownSeconds2 = (0, _FormattedDuration.breakdownSeconds)(_this2.props.maxTimeInSeconds, _this2.props.includeDays),
           maxDays = _breakdownSeconds2.days,
           maxHours = _breakdownSeconds2.hours,
           maxMinutes = _breakdownSeconds2.minutes;
-        if (_this.props.includeDays) {
+        if (_this2.props.includeDays) {
           daysError = (0, _formatMessage["default"])('{newDays, number} days {newHours, number} hours {newMinutes, number} minutes exceeds maximum time of {maxDays, number} days {maxHours, number} hours {maxMinutes, number} minutes.', {
             newDays: newDays,
             newHours: newHours,
@@ -86,14 +98,14 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
             maxMinutes: maxMinutes
           });
         }
-        totalSeconds = _this.props.maxTimeInSeconds;
+        totalSeconds = _this2.props.maxTimeInSeconds;
         shouldResetOnNormalize = true;
-      } else if (totalSeconds < _this.props.minTimeInSeconds) {
-        var _breakdownSeconds3 = (0, _FormattedDuration.breakdownSeconds)(_this.props.minTimeInSeconds, _this.props.includeDays),
+      } else if (totalSeconds < _this2.props.minTimeInSeconds) {
+        var _breakdownSeconds3 = (0, _FormattedDuration.breakdownSeconds)(_this2.props.minTimeInSeconds, _this2.props.includeDays),
           minDays = _breakdownSeconds3.days,
           minHours = _breakdownSeconds3.hours,
           minMinutes = _breakdownSeconds3.minutes;
-        if (_this.props.includeDays) {
+        if (_this2.props.includeDays) {
           daysError = (0, _formatMessage["default"])('{newDays, number} days {newHours, number} hours {newMinutes, number} minutes is lower than the minimum time of {minDays, number} days {minHours, number} hours {minMinutes, number} minutes.', {
             newDays: newDays,
             newHours: newHours,
@@ -110,11 +122,11 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
             minMinutes: minMinutes
           });
         }
-        totalSeconds = _this.props.minTimeInSeconds;
+        totalSeconds = _this2.props.minTimeInSeconds;
         shouldResetOnNormalize = true;
       }
       if (normalizeOnInput) {
-        _this.setState({
+        _this2.setState({
           days: days,
           hours: hours,
           minutes: minutes,
@@ -123,9 +135,9 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
           minutesError: null,
           totalSeconds: totalSeconds,
           shouldResetOnNormalize: shouldResetOnNormalize
-        }, _this.onNormalizeTime);
+        }, _this2.onNormalizeTime);
       } else {
-        _this.setState({
+        _this2.setState({
           days: days,
           rawDaysText: days,
           hours: hours,
@@ -140,16 +152,16 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "onNormalizeTime", function () {
-      var _breakdownSeconds4 = (0, _FormattedDuration.breakdownSeconds)(_this.state.totalSeconds, _this.props.includeDays),
+    (0, _defineProperty2["default"])(_this2, "onNormalizeTime", function () {
+      var _breakdownSeconds4 = (0, _FormattedDuration.breakdownSeconds)(_this2.state.totalSeconds, _this2.props.includeDays),
         newDays = _breakdownSeconds4.days,
         newHours = _breakdownSeconds4.hours,
         newMinutes = _breakdownSeconds4.minutes;
-      if (_this.state.shouldResetOnNormalize) {
-        var _this$props$onReset, _this$props;
-        (_this$props$onReset = (_this$props = _this.props).onReset) === null || _this$props$onReset === void 0 || _this$props$onReset.call(_this$props);
+      if (_this2.state.shouldResetOnNormalize) {
+        var _this2$props$onReset, _this2$props;
+        (_this2$props$onReset = (_this2$props = _this2.props).onReset) === null || _this2$props$onReset === void 0 || _this2$props$onReset.call(_this2$props);
       }
-      _this.setState({
+      _this2.setState({
         days: newDays,
         rawDaysText: newDays,
         hours: newHours,
@@ -158,23 +170,23 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
         rawMinutesText: newMinutes,
         shouldResetOnNormalize: false
       });
-      _this.props.onChange(_this.state.totalSeconds);
+      _this2.props.onChange(_this2.state.totalSeconds);
     });
-    (0, _defineProperty2["default"])(_this, "onChangeExtraMinutes", function (e, rawString, normalizedString) {
-      _this.onChangeTimeUnit(e, rawString, normalizedString, 'minutes');
+    (0, _defineProperty2["default"])(_this2, "onChangeExtraMinutes", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'minutes');
     });
-    (0, _defineProperty2["default"])(_this, "onChangeExtraHours", function (e, rawString, normalizedString) {
-      _this.onChangeTimeUnit(e, rawString, normalizedString, 'hours');
+    (0, _defineProperty2["default"])(_this2, "onChangeExtraHours", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'hours');
     });
-    (0, _defineProperty2["default"])(_this, "onChangeExtraDays", function (e, rawString, normalizedString) {
-      _this.onChangeTimeUnit(e, rawString, normalizedString, 'days');
+    (0, _defineProperty2["default"])(_this2, "onChangeExtraDays", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'days');
     });
-    (0, _defineProperty2["default"])(_this, "getErrorList", function () {
+    (0, _defineProperty2["default"])(_this2, "getErrorList", function () {
       var errorArray = [];
-      var _this$state = _this.state,
-        daysError = _this$state.daysError,
-        hoursError = _this$state.hoursError,
-        minutesError = _this$state.minutesError;
+      var _this2$state = _this2.state,
+        daysError = _this2$state.daysError,
+        hoursError = _this2$state.hoursError,
+        minutesError = _this2$state.minutesError;
       daysError && errorArray.push(daysError);
       hoursError && errorArray.push(hoursError);
       minutesError && errorArray.push(minutesError);
@@ -185,7 +197,7 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
         };
       });
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(TimeUnitsInput, _Component);
   return (0, _createClass2["default"])(TimeUnitsInput, [{

package/lib/common/components/shared/drag_and_drop/DragAndDropZone/index.js

@@ -20,20 +20,32 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _DragAndDropZone;
 /** @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 DragAndDropZone = exports.DragAndDropZone = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
   function DragAndDropZone() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, DragAndDropZone);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, DragAndDropZone, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, DragAndDropZone, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       toRender: false
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(DragAndDropZone, _Component);
   return (0, _createClass2["default"])(DragAndDropZone, [{

package/lib/common/components/shared/drag_and_drop/DragAndDropZone/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, state) {
   return {
     dropZoneStyle: _objectSpread(_objectSpread(_objectSpread({}, !props.inSidebar && {

package/lib/common/components/shared/drag_and_drop/DragAndDropZone/theme.js

@@ -10,16 +10,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     DnDZoneBorderWidth: borders.widthSmall,
-    DnDZoneBorderColor: colors.tiara,
-    DnDZoneBackgroundColor: colors.porcelain,
+    DnDZoneBorderColor: colors.contrasts.grey1214,
+    DnDZoneBackgroundColor: colors.contrasts.grey1111,
     DnDZonePadding: spacing.medium,
     // sidebar:
     sidebarDnDZoneBorderWidth: borders.widthSmall,
-    sidebarDnDZoneBorderColor: colors.oxford,
-    sidebarDnDZoneBackgroundColor: colors.porcelain,
+    sidebarDnDZoneBorderColor: colors.contrasts.grey100100,
+    sidebarDnDZoneBackgroundColor: colors.contrasts.grey1111,
     sidebarDnDZonePadding: spacing.small,
     sidebarDnDZoneMargin: spacing.xSmall,
-    sidebarDnDZoneColor: colors.licorice
+    sidebarDnDZoneColor: colors.contrasts.grey125125
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/shared/drag_and_drop/DragHandle/presenter.js

@@ -21,42 +21,54 @@ var _uiIcons = require("@instructure/ui-icons");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _keyboardClickable = _interopRequireDefault(require("../../../../../common/util/keyboardClickable"));
 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 DragHandle = exports.DragHandle = /*#__PURE__*/function (_Component) {
   function DragHandle() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, DragHandle);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, DragHandle, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "moveUp", function () {
-      _this.moveToPosition(_this.props.quizEntry.position - 1);
+    _this2 = _callSuper(this, DragHandle, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "moveUp", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position - 1);
       var msg = (0, _formatMessage["default"])('Question moved one space up.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    (0, _defineProperty2["default"])(_this, "moveDown", function () {
-      _this.moveToPosition(_this.props.quizEntry.position + 1);
+    (0, _defineProperty2["default"])(_this2, "moveDown", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position + 1);
       var msg = (0, _formatMessage["default"])('Question moved one space down.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    (0, _defineProperty2["default"])(_this, "moveToTop", function () {
-      _this.moveQuizEntry(1, '');
+    (0, _defineProperty2["default"])(_this2, "moveToTop", function () {
+      _this2.moveQuizEntry(1, '');
       var msg = (0, _formatMessage["default"])('Question moved to top of assessment.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    (0, _defineProperty2["default"])(_this, "moveToBottom", function () {
-      _this.moveQuizEntry(_this.props.quizEntries.size, '');
+    (0, _defineProperty2["default"])(_this2, "moveToBottom", function () {
+      _this2.moveQuizEntry(_this2.props.quizEntries.size, '');
       var msg = (0, _formatMessage["default"])('Question moved to bottom of assessment.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    (0, _defineProperty2["default"])(_this, "handleTriggerRef", function (node) {
-      _this.triggerRef = node;
+    (0, _defineProperty2["default"])(_this2, "handleTriggerRef", function (node) {
+      _this2.triggerRef = node;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(DragHandle, _Component);
   return (0, _createClass2["default"])(DragHandle, [{

package/lib/common/components/shared/errors/Errors.js

@@ -21,25 +21,37 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Errors;
 /** @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 Errors = exports.Errors = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Errors = /*#__PURE__*/function (_Component) {
   function Errors() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, Errors);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Errors, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "renderError", function (errorText, i) {
+    _this2 = _callSuper(this, Errors, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "renderError", function (errorText, i) {
       var key = "error_for_".concat(i);
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.error,
+        css: _this2.props.styles.error,
         key: key,
         "data-automation": "sdk-core-error"
       }, errorText);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(Errors, _Component);
   return (0, _createClass2["default"])(Errors, [{

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

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     errorFontFamily: typography.fontFamily,
     errorFontSize: typography.fontSizeSmall,
-    errorColor: colors.crimson
+    errorColor: colors.contrasts.red4570
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/shared/file_selector/FileSelector.js

@@ -21,15 +21,27 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _FileSelector;
 /** @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 FileSelector = exports.FileSelector = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_FileSelector = /*#__PURE__*/function (_Component) {
   function FileSelector() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, FileSelector);
-    _this = _callSuper(this, FileSelector);
-    _this.onDrop = _this.onDrop.bind(_this);
-    return _this;
+    _this2 = _callSuper(this, FileSelector);
+    _this2.onDrop = _this2.onDrop.bind(_this2);
+    return _this2;
   }
   (0, _inherits2["default"])(FileSelector, _Component);
   return (0, _createClass2["default"])(FileSelector, [{

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

@@ -9,9 +9,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    dropzoneBackgroundColor: colors.porcelain,
+    dropzoneBackgroundColor: colors.contrasts.grey1111,
     dropzoneBorderWidth: borders.widthSmall,
-    dropzoneBorderColor: colors.ash,
+    dropzoneBorderColor: colors.contrasts.grey4570,
     dropzonePadding: spacing.medium
   };
 };