@instructure/quiz-core 22.8.0 → 22.10.0

package/es/common/components/shared/TagSelect/presenter.js

@@ -6,8 +6,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import TagWrapper from '../TagWrapper';
@@ -20,92 +32,92 @@ var tagShape = PropTypes.shape({
 });
 export var TagSelect = /*#__PURE__*/function (_Component) {
   function TagSelect() {
-    var _this;
+    var _this2;
     _classCallCheck(this, TagSelect);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TagSelect, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, TagSelect, [].concat(args));
+    _defineProperty(_this2, "state", {
       inputValue: '',
       isShowingOptions: false,
       highlightedOptionId: null
     });
-    _defineProperty(_this, "setInputRef", function (inputRef) {
-      _this.inputRef = inputRef;
+    _defineProperty(_this2, "setInputRef", function (inputRef) {
+      _this2.inputRef = inputRef;
     });
-    _defineProperty(_this, "handleShowOptions", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleShowOptions", function () {
+      _this2.setState({
         isShowingOptions: true
       });
     });
-    _defineProperty(_this, "handleHideOptions", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleHideOptions", function () {
+      _this2.setState({
         isShowingOptions: false
       });
     });
-    _defineProperty(_this, "handleBlur", function () {
-      _this.setState({
+    _defineProperty(_this2, "handleBlur", function () {
+      _this2.setState({
         highlightedOptionId: null
       });
     });
-    _defineProperty(_this, "handleHighlightOption", function (event, _ref) {
+    _defineProperty(_this2, "handleHighlightOption", function (event, _ref) {
       var id = _ref.id;
       event.persist();
-      var tag = _this.decodeTag(id);
-      _this.setState(function (state) {
+      var tag = _this2.decodeTag(id);
+      _this2.setState(function (state) {
         return {
           highlightedOptionId: id,
           inputValue: event.type === 'keydown' ? tag.value : state.inputValue
         };
       });
     });
-    _defineProperty(_this, "handleSelectOption", function (event, _ref2) {
+    _defineProperty(_this2, "handleSelectOption", function (event, _ref2) {
       var id = _ref2.id;
       if (id === SELECT_EMPTY_OPTION) return;
-      var tag = _this.decodeTag(id);
-      _this.props.onChange([].concat(_toConsumableArray(_this.props.tags), [tag.id ? tag : {
+      var tag = _this2.decodeTag(id);
+      _this2.props.onChange([].concat(_toConsumableArray(_this2.props.tags), [tag.id ? tag : {
         value: tag.value
       }]));
-      _this.setState({
+      _this2.setState({
         highlightedOptionId: null,
         inputValue: '',
         isShowingOptions: false
       });
     });
-    _defineProperty(_this, "handleInputChange", function (event) {
+    _defineProperty(_this2, "handleInputChange", function (event) {
       var inputValue = event.target.value !== ' ' ? event.target.value : '';
-      _this.props.onInputChange(inputValue === '' ? null : inputValue);
-      _this.setState({
+      _this2.props.onInputChange(inputValue === '' ? null : inputValue);
+      _this2.setState({
         inputValue: inputValue,
         isShowingOptions: true
       });
     });
-    _defineProperty(_this, "handleKeyDown", function (event) {
-      var inputValue = _this.state.inputValue;
+    _defineProperty(_this2, "handleKeyDown", function (event) {
+      var inputValue = _this2.state.inputValue;
       if (event.keyCode === 8) {
         // when backspace key is pressed
-        if (inputValue === '' && _this.props.tags.length > 0) {
+        if (inputValue === '' && _this2.props.tags.length > 0) {
           // remove last selected option, if input has no entered text
-          _this.props.onChange(_this.props.tags.slice(0, -1));
-          _this.setState({
+          _this2.props.onChange(_this2.props.tags.slice(0, -1));
+          _this2.setState({
             highlightedOptionId: null
           });
         }
       }
     });
-    _defineProperty(_this, "dismissTag", function (encodedTag) {
-      var tags = _this.props.tags.filter(function (tag) {
-        return _this.encodeTag(tag) !== encodedTag;
+    _defineProperty(_this2, "dismissTag", function (encodedTag) {
+      var tags = _this2.props.tags.filter(function (tag) {
+        return _this2.encodeTag(tag) !== encodedTag;
       });
-      _this.props.onChange(tags);
-      _this.setState({
+      _this2.props.onChange(tags);
+      _this2.setState({
         highlightedOptionId: null
       }, function () {
-        _this.inputRef.focus();
+        _this2.inputRef.focus();
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(TagSelect, _Component);
   return _createClass(TagSelect, [{
@@ -140,15 +152,15 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTags",
     value: function renderTags() {
-      var _this2 = this;
+      var _this3 = this;
       var tags = this.props.tags;
       return tags.map(function (tag, index) {
         return /*#__PURE__*/React.createElement(TagWrapper, {
-          key: _this2.encodeTag(tag),
-          id: _this2.encodeTag(tag),
+          key: _this3.encodeTag(tag),
+          id: _this3.encodeTag(tag),
           index: index,
           text: tag.value,
-          onClick: _this2.dismissTag
+          onClick: _this3.dismissTag
         });
       });
     }
@@ -169,7 +181,7 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "options",
     value: function options() {
-      var _this3 = this;
+      var _this4 = this;
       var _this$props2 = this.props,
         allowNewTags = _this$props2.allowNewTags,
         tags = _this$props2.tags,
@@ -177,9 +189,9 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
       var notSelectedTagSuggestions = differenceBy(tagSuggestions, tags, 'value');
       var options = notSelectedTagSuggestions.map(function (tag) {
         return /*#__PURE__*/React.createElement(Select.Option, {
-          key: _this3.encodeTag(tag),
-          id: _this3.encodeTag(tag),
-          isHighlighted: _this3.encodeTag(tag) === _this3.state.highlightedOptionId
+          key: _this4.encodeTag(tag),
+          id: _this4.encodeTag(tag),
+          isHighlighted: _this4.encodeTag(tag) === _this4.state.highlightedOptionId
         }, tag.value);
       });
       var inputValue = this.normalizeSpaces(this.state.inputValue);

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import Immutable from 'immutable';
 import PropTypes from 'prop-types';
@@ -18,36 +30,36 @@ var tagShape = PropTypes.shape({
 });
 export var TagSuggest = /*#__PURE__*/function (_Component) {
   function TagSuggest() {
-    var _this;
+    var _this2;
     _classCallCheck(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));
-    _defineProperty(_this, "debouncedSuggestions", debounce(function (parentType, parentId, tagText) {
-      return _this.props.getTagSuggestions(parentType, parentId, tagText);
+    _this2 = _callSuper(this, TagSuggest, [].concat(args));
+    _defineProperty(_this2, "debouncedSuggestions", debounce(function (parentType, parentId, tagText) {
+      return _this2.props.getTagSuggestions(parentType, parentId, tagText);
     }, 200));
-    _defineProperty(_this, "handleTagInputChange", function (tagText) {
-      var _this$props = _this.props,
-        parentType = _this$props.parentType,
-        parentId = _this$props.parentId;
-      _this.props.setTagInput(parentType, parentId, tagText);
+    _defineProperty(_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;
   }
   _inherits(TagSuggest, _Component);
   return _createClass(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.fromJS(defaultSuggestions);
       var visibleTagIds = tags.map(function (tag) {
         return tag.id;

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Tag } from '@instructure/ui-tag';
@@ -13,19 +25,19 @@ import { AccessibleContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var TagWrapper = /*#__PURE__*/function (_Component) {
   function TagWrapper() {
-    var _this;
+    var _this2;
     _classCallCheck(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));
-    _defineProperty(_this, "dismissTag", function (e) {
+    _this2 = _callSuper(this, TagWrapper, [].concat(args));
+    _defineProperty(_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;
   }
   _inherits(TagWrapper, _Component);
   return _createClass(TagWrapper, [{

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

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { FormFieldGroup } from '@instructure/quiz-common';
@@ -28,13 +40,13 @@ import { NumberInput } from '@instructure/quiz-number-input';
 
 export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
   function TimeUnitsInput() {
-    var _this;
+    var _this2;
     _classCallCheck(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));
-    _defineProperty(_this, "isIncrementOrDecrement", function (e) {
+    _this2 = _callSuper(this, TimeUnitsInput, [].concat(args));
+    _defineProperty(_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
@@ -42,27 +54,27 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
       var fromArrowKeys = e.key === 'ArrowUp' || e.key === 'ArrowDown';
       return fromButtonInput || fromArrowKeys;
     });
-    _defineProperty(_this, "onChangeTime", function (e, rawString, inputNumber, source) {
-      var normalizeOnInput = _this.isIncrementOrDecrement(e) || _this.props.normalizeOnInput;
-      var minutes = source === 'minutes' ? inputNumber : _this.state.minutes;
+    _defineProperty(_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 * MINUTE_IN_SECONDS + hours * HOUR_IN_SECONDS + days * DAY_IN_SECONDS;
       var hoursError = null;
       var daysError = null;
       var shouldResetOnNormalize = false;
-      var _breakdownSeconds = breakdownSeconds(totalSeconds, _this.props.includeDays),
+      var _breakdownSeconds = breakdownSeconds(totalSeconds, _this2.props.includeDays),
         newDays = _breakdownSeconds.days,
         newHours = _breakdownSeconds.hours,
         newMinutes = _breakdownSeconds.minutes;
-      if (totalSeconds > _this.props.maxTimeInSeconds) {
-        var _breakdownSeconds2 = breakdownSeconds(_this.props.maxTimeInSeconds, _this.props.includeDays),
+      if (totalSeconds > _this2.props.maxTimeInSeconds) {
+        var _breakdownSeconds2 = 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 = t('{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,
@@ -79,14 +91,14 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             maxMinutes: maxMinutes
           });
         }
-        totalSeconds = _this.props.maxTimeInSeconds;
+        totalSeconds = _this2.props.maxTimeInSeconds;
         shouldResetOnNormalize = true;
-      } else if (totalSeconds < _this.props.minTimeInSeconds) {
-        var _breakdownSeconds3 = breakdownSeconds(_this.props.minTimeInSeconds, _this.props.includeDays),
+      } else if (totalSeconds < _this2.props.minTimeInSeconds) {
+        var _breakdownSeconds3 = 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 = t('{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,
@@ -103,11 +115,11 @@ export var 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,
@@ -116,9 +128,9 @@ export var 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,
@@ -133,16 +145,16 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_this, "onNormalizeTime", function () {
-      var _breakdownSeconds4 = breakdownSeconds(_this.state.totalSeconds, _this.props.includeDays),
+    _defineProperty(_this2, "onNormalizeTime", function () {
+      var _breakdownSeconds4 = 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,
@@ -151,23 +163,23 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         rawMinutesText: newMinutes,
         shouldResetOnNormalize: false
       });
-      _this.props.onChange(_this.state.totalSeconds);
+      _this2.props.onChange(_this2.state.totalSeconds);
     });
-    _defineProperty(_this, "onChangeExtraMinutes", function (e, rawString, normalizedString) {
-      _this.onChangeTimeUnit(e, rawString, normalizedString, 'minutes');
+    _defineProperty(_this2, "onChangeExtraMinutes", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'minutes');
     });
-    _defineProperty(_this, "onChangeExtraHours", function (e, rawString, normalizedString) {
-      _this.onChangeTimeUnit(e, rawString, normalizedString, 'hours');
+    _defineProperty(_this2, "onChangeExtraHours", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'hours');
     });
-    _defineProperty(_this, "onChangeExtraDays", function (e, rawString, normalizedString) {
-      _this.onChangeTimeUnit(e, rawString, normalizedString, 'days');
+    _defineProperty(_this2, "onChangeExtraDays", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'days');
     });
-    _defineProperty(_this, "getErrorList", function () {
+    _defineProperty(_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);
@@ -178,7 +190,7 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         };
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(TimeUnitsInput, _Component);
   return _createClass(TimeUnitsInput, [{

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

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _DragAndDropZone;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,16 +29,16 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var DragAndDropZone = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
   function DragAndDropZone() {
-    var _this;
+    var _this2;
     _classCallCheck(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));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, DragAndDropZone, [].concat(args));
+    _defineProperty(_this2, "state", {
       toRender: false
     });
-    return _this;
+    return _this2;
   }
   _inherits(DragAndDropZone, _Component);
   return _createClass(DragAndDropZone, [{

package/es/common/components/shared/drag_and_drop/DragAndDropZone/styles.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/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) { _defineProperty(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) { _defineProperty(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/es/common/components/shared/drag_and_drop/DragHandle/presenter.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -18,36 +30,36 @@ import keyboardClickable from '../../../../../common/util/keyboardClickable';
 import { MOVE_IMMUTABLE_DATA, SIDEBAR_NAV_ID, MOVED_QUIZ_ENTRY, MOVED_IN_SIDEBAR, MOVE } from '@instructure/quiz-common';
 export var DragHandle = /*#__PURE__*/function (_Component) {
   function DragHandle() {
-    var _this;
+    var _this2;
     _classCallCheck(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));
-    _defineProperty(_this, "moveUp", function () {
-      _this.moveToPosition(_this.props.quizEntry.position - 1);
+    _this2 = _callSuper(this, DragHandle, [].concat(args));
+    _defineProperty(_this2, "moveUp", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position - 1);
       var msg = t('Question moved one space up.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "moveDown", function () {
-      _this.moveToPosition(_this.props.quizEntry.position + 1);
+    _defineProperty(_this2, "moveDown", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position + 1);
       var msg = t('Question moved one space down.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "moveToTop", function () {
-      _this.moveQuizEntry(1, '');
+    _defineProperty(_this2, "moveToTop", function () {
+      _this2.moveQuizEntry(1, '');
       var msg = t('Question moved to top of assessment.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "moveToBottom", function () {
-      _this.moveQuizEntry(_this.props.quizEntries.size, '');
+    _defineProperty(_this2, "moveToBottom", function () {
+      _this2.moveQuizEntry(_this2.props.quizEntries.size, '');
       var msg = t('Question moved to bottom of assessment.');
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "handleTriggerRef", function (node) {
-      _this.triggerRef = node;
+    _defineProperty(_this2, "handleTriggerRef", function (node) {
+      _this2.triggerRef = node;
     });
-    return _this;
+    return _this2;
   }
   _inherits(DragHandle, _Component);
   return _createClass(DragHandle, [{