@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

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

@@ -1,39 +1,43 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TagWrapper = void 0;
+exports["default"] = exports.TagWrapper = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 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"));
-var TagWrapper = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagWrapper, _Component);
-  var _super = (0, _createSuper2.default)(TagWrapper);
+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; })(); }
+var TagWrapper = exports.TagWrapper = /*#__PURE__*/function (_Component) {
   function TagWrapper() {
     var _this;
-    (0, _classCallCheck2.default)(this, TagWrapper);
+    (0, _classCallCheck2["default"])(this, TagWrapper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.dismissTag = function (e) {
+    _this = _callSuper(this, TagWrapper, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "dismissTag", function (e) {
       // prevent closing of list
       e.stopPropagation();
       e.preventDefault();
       _this.props.onClick(_this.props.id);
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(TagWrapper, [{
+  (0, _inherits2["default"])(TagWrapper, _Component);
+  return (0, _createClass2["default"])(TagWrapper, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -41,9 +45,9 @@ var TagWrapper = /*#__PURE__*/function (_Component) {
         text = _this$props.text,
         index = _this$props.index,
         themeOverride = _this$props.themeOverride;
-      return /*#__PURE__*/_react.default.createElement(_uiTag.Tag, {
-        text: /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
-          alt: (0, _formatMessage.default)('Remove {label}', {
+      return /*#__PURE__*/_react["default"].createElement(_uiTag.Tag, {
+        text: /*#__PURE__*/_react["default"].createElement(_uiA11yContent.AccessibleContent, {
+          alt: (0, _formatMessage["default"])('Remove {label}', {
             label: text
           })
         }, text),
@@ -55,19 +59,15 @@ var TagWrapper = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  TagWrapper.displayName = "TagWrapper";
-  return TagWrapper;
 }(_react.Component);
-exports.TagWrapper = TagWrapper;
-TagWrapper.propTypes = {
-  text: _propTypes.default.string.isRequired,
-  index: _propTypes.default.number.isRequired,
-  id: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  themeOverride: _propTypes.default.object
-};
-TagWrapper.defaultProps = {
+(0, _defineProperty2["default"])(TagWrapper, "propTypes", {
+  text: _propTypes["default"].string.isRequired,
+  index: _propTypes["default"].number.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  themeOverride: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(TagWrapper, "defaultProps", {
   themeOverride: {}
-};
-var _default = TagWrapper;
-exports.default = _default;
+});
+var _default = exports["default"] = TagWrapper;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _default = {
+exports["default"] = void 0;
+var _default = exports["default"] = {
   propValues: {
     timeInDays: [true, false],
     margin: [null, 'medium'],
@@ -21,5 +21,4 @@ var _default = {
       normalizeOnInput: true
     };
   }
-};
-exports.default = _default;
+};

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

@@ -1,24 +1,29 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TimeUnitsInput = void 0;
+exports["default"] = exports.TimeUnitsInput = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _quizCommon = require("@instructure/quiz-common");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _uiView = require("@instructure/ui-view");
 var _immutable = require("immutable");
-var _index = require("../FormattedDuration/index.js");
+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; })(); }
 // 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
@@ -28,46 +33,44 @@ var _quizNumberInput = require("@instructure/quiz-number-input");
 //
 // Currently only minutes/hours/days are supported, but support for
 // seconds could be added in the future if needed
-var TimeUnitsInput = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TimeUnitsInput, _Component);
-  var _super = (0, _createSuper2.default)(TimeUnitsInput);
+var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component) {
   function TimeUnitsInput() {
     var _this;
-    (0, _classCallCheck2.default)(this, TimeUnitsInput);
+    (0, _classCallCheck2["default"])(this, TimeUnitsInput);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.isIncrementOrDecrement = function (e) {
+    _this = _callSuper(this, TimeUnitsInput, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "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
       var fromButtonInput = e.nativeEvent.target && e.nativeEvent.target.tagName !== 'INPUT';
       var fromArrowKeys = e.key === 'ArrowUp' || e.key === 'ArrowDown';
       return fromButtonInput || fromArrowKeys;
-    };
-    _this.onChangeTime = function (e, rawString, inputNumber, source) {
+    });
+    (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;
       minutes = normalizeOnInput ? minutes : Math.max(minutes, 0);
       var hours = source === 'hours' ? inputNumber : _this.state.hours;
       hours = normalizeOnInput ? hours : Math.max(hours, 0);
       var days = source === 'days' ? inputNumber : _this.state.days || 0;
-      var totalSeconds = minutes * _index.MINUTE_IN_SECONDS + hours * _index.HOUR_IN_SECONDS + days * _index.DAY_IN_SECONDS;
+      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, _index.breakdownSeconds)(totalSeconds, _this.props.includeDays),
+      var _breakdownSeconds = (0, _FormattedDuration.breakdownSeconds)(totalSeconds, _this.props.includeDays),
         newDays = _breakdownSeconds.days,
         newHours = _breakdownSeconds.hours,
         newMinutes = _breakdownSeconds.minutes;
       if (totalSeconds > _this.props.maxTimeInSeconds) {
-        var _breakdownSeconds2 = (0, _index.breakdownSeconds)(_this.props.maxTimeInSeconds, _this.props.includeDays),
+        var _breakdownSeconds2 = (0, _FormattedDuration.breakdownSeconds)(_this.props.maxTimeInSeconds, _this.props.includeDays),
           maxDays = _breakdownSeconds2.days,
           maxHours = _breakdownSeconds2.hours,
           maxMinutes = _breakdownSeconds2.minutes;
         if (_this.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.', {
+          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,
             newMinutes: newMinutes,
@@ -76,7 +79,7 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             maxMinutes: maxMinutes
           });
         } else {
-          hoursError = (0, _formatMessage.default)('{newHours, number} hours {newMinutes, number} minutes exceeds maximum time of {maxHours, number} hours {maxMinutes, number} minutes.', {
+          hoursError = (0, _formatMessage["default"])('{newHours, number} hours {newMinutes, number} minutes exceeds maximum time of {maxHours, number} hours {maxMinutes, number} minutes.', {
             newHours: newHours,
             newMinutes: newMinutes,
             maxHours: maxHours,
@@ -86,12 +89,12 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         totalSeconds = _this.props.maxTimeInSeconds;
         shouldResetOnNormalize = true;
       } else if (totalSeconds < _this.props.minTimeInSeconds) {
-        var _breakdownSeconds3 = (0, _index.breakdownSeconds)(_this.props.minTimeInSeconds, _this.props.includeDays),
+        var _breakdownSeconds3 = (0, _FormattedDuration.breakdownSeconds)(_this.props.minTimeInSeconds, _this.props.includeDays),
           minDays = _breakdownSeconds3.days,
           minHours = _breakdownSeconds3.hours,
           minMinutes = _breakdownSeconds3.minutes;
         if (_this.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.', {
+          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,
             newMinutes: newMinutes,
@@ -100,7 +103,7 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             minMinutes: minMinutes
           });
         } else {
-          hoursError = (0, _formatMessage.default)('{newHours, number} hours {newMinutes, number} minutes is lower than the minimum time of {minHours, number} hours {minMinutes, number} minutes.', {
+          hoursError = (0, _formatMessage["default"])('{newHours, number} hours {newMinutes, number} minutes is lower than the minimum time of {minHours, number} hours {minMinutes, number} minutes.', {
             newHours: newHours,
             newMinutes: newMinutes,
             minHours: minHours,
@@ -136,15 +139,15 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           shouldResetOnNormalize: shouldResetOnNormalize
         });
       }
-    };
-    _this.onNormalizeTime = function () {
-      var _breakdownSeconds4 = (0, _index.breakdownSeconds)(_this.state.totalSeconds, _this.props.includeDays),
+    });
+    (0, _defineProperty2["default"])(_this, "onNormalizeTime", function () {
+      var _breakdownSeconds4 = (0, _FormattedDuration.breakdownSeconds)(_this.state.totalSeconds, _this.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 ? void 0 : _this$props$onReset.call(_this$props);
+        (_this$props$onReset = (_this$props = _this.props).onReset) === null || _this$props$onReset === void 0 || _this$props$onReset.call(_this$props);
       }
       _this.setState({
         days: newDays,
@@ -156,17 +159,17 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         shouldResetOnNormalize: false
       });
       _this.props.onChange(_this.state.totalSeconds);
-    };
-    _this.onChangeExtraMinutes = function (e, rawString, normalizedString) {
+    });
+    (0, _defineProperty2["default"])(_this, "onChangeExtraMinutes", function (e, rawString, normalizedString) {
       _this.onChangeTimeUnit(e, rawString, normalizedString, 'minutes');
-    };
-    _this.onChangeExtraHours = function (e, rawString, normalizedString) {
+    });
+    (0, _defineProperty2["default"])(_this, "onChangeExtraHours", function (e, rawString, normalizedString) {
       _this.onChangeTimeUnit(e, rawString, normalizedString, 'hours');
-    };
-    _this.onChangeExtraDays = function (e, rawString, normalizedString) {
+    });
+    (0, _defineProperty2["default"])(_this, "onChangeExtraDays", function (e, rawString, normalizedString) {
       _this.onChangeTimeUnit(e, rawString, normalizedString, 'days');
-    };
-    _this.getErrorList = function () {
+    });
+    (0, _defineProperty2["default"])(_this, "getErrorList", function () {
       var errorArray = [];
       var _this$state = _this.state,
         daysError = _this$state.daysError,
@@ -181,13 +184,14 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           text: error
         };
       });
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(TimeUnitsInput, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      var _breakdownSeconds5 = (0, _index.breakdownSeconds)(this.props.timeInSeconds, this.props.includeDays),
+  (0, _inherits2["default"])(TimeUnitsInput, _Component);
+  return (0, _createClass2["default"])(TimeUnitsInput, [{
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
+      var _breakdownSeconds5 = (0, _FormattedDuration.breakdownSeconds)(this.props.timeInSeconds, this.props.includeDays),
         days = _breakdownSeconds5.days,
         hours = _breakdownSeconds5.hours,
         minutes = _breakdownSeconds5.minutes;
@@ -222,7 +226,7 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           this.onNormalizeTime();
           return;
         }
-        var unitMessageText = (0, _formatMessage.default)('{userInput, string} is not a valid number.', {
+        var unitMessageText = (0, _formatMessage["default"])('{userInput, string} is not a valid number.', {
           userInput: rawString
         });
         var update = {};
@@ -244,16 +248,16 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      return /*#__PURE__*/_react["default"].createElement(_uiView.View, {
         display: "block",
         margin: this.props.margin
-      }, /*#__PURE__*/_react.default.createElement(_quizCommon.FormFieldGroup, {
-        description: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, this.props.description),
+      }, /*#__PURE__*/_react["default"].createElement(_quizCommon.FormFieldGroup, {
+        description: /*#__PURE__*/_react["default"].createElement(_uiA11yContent.ScreenReaderContent, null, this.props.description),
         layout: "columns",
         vAlign: "top",
         startAt: "small",
         messages: this.getErrorList()
-      }, this.props.includeDays && /*#__PURE__*/_react.default.createElement(_quizNumberInput.NumberInput, {
+      }, this.props.includeDays && /*#__PURE__*/_react["default"].createElement(_quizNumberInput.NumberInput, {
         renderLabel: this.props.daysLabel,
         min: 0,
         value: this.state.rawDaysText,
@@ -264,9 +268,9 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         }] : null,
         "data-automation": this.props.daysDataAutomation,
         width: this.props.inputWidth
-      }), /*#__PURE__*/_react.default.createElement(_quizNumberInput.NumberInput, {
+      }), /*#__PURE__*/_react["default"].createElement(_quizNumberInput.NumberInput, {
         renderLabel: this.props.hoursLabel,
-        min: this.props.includeDays ? void 0 : 0,
+        min: this.props.includeDays ? undefined : 0,
         value: this.state.rawHoursText,
         onChange: this.onChangeExtraHours,
         onBlur: this.onNormalizeTime,
@@ -275,7 +279,7 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         }] : null,
         "data-automation": this.props.hoursDataAutomation,
         width: this.props.inputWidth
-      }), /*#__PURE__*/_react.default.createElement(_quizNumberInput.NumberInput, {
+      }), /*#__PURE__*/_react["default"].createElement(_quizNumberInput.NumberInput, {
         renderLabel: this.props.minutesLabel,
         value: this.state.rawMinutesText,
         onChange: this.onChangeExtraMinutes,
@@ -288,45 +292,41 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  TimeUnitsInput.displayName = "TimeUnitsInput";
-  return TimeUnitsInput;
 }(_react.Component);
-exports.TimeUnitsInput = TimeUnitsInput;
-TimeUnitsInput.propTypes = {
-  onChange: _propTypes.default.func.isRequired,
-  margin: _propTypes.default.string,
-  inputWidth: _propTypes.default.string,
-  description: _propTypes.default.string.isRequired,
-  timeInSeconds: _propTypes.default.number,
-  includeDays: _propTypes.default.bool,
-  daysLabel: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-  hoursLabel: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-  minutesLabel: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-  daysDataAutomation: _propTypes.default.string,
-  hoursDataAutomation: _propTypes.default.string,
-  minutesDataAutomation: _propTypes.default.string,
-  maxTimeInSeconds: _propTypes.default.number.isRequired,
-  minTimeInSeconds: _propTypes.default.number,
-  normalizeOnInput: _propTypes.default.bool,
-  onReset: _propTypes.default.func
+(0, _defineProperty2["default"])(TimeUnitsInput, "propTypes", {
+  onChange: _propTypes["default"].func.isRequired,
+  margin: _propTypes["default"].string,
+  inputWidth: _propTypes["default"].string,
+  description: _propTypes["default"].string.isRequired,
+  timeInSeconds: _propTypes["default"].number,
+  includeDays: _propTypes["default"].bool,
+  daysLabel: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  hoursLabel: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  minutesLabel: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  daysDataAutomation: _propTypes["default"].string,
+  hoursDataAutomation: _propTypes["default"].string,
+  minutesDataAutomation: _propTypes["default"].string,
+  maxTimeInSeconds: _propTypes["default"].number.isRequired,
+  minTimeInSeconds: _propTypes["default"].number,
+  normalizeOnInput: _propTypes["default"].bool,
+  onReset: _propTypes["default"].func
   // Should the number inputs normalize on every input event, instead of waiting for blur event?
   // Note: increment actions (e.g. arrow up) will always normalize immediately
   // Note: onChange will only ever be called after normalization
-};
-TimeUnitsInput.defaultProps = {
+});
+(0, _defineProperty2["default"])(TimeUnitsInput, "defaultProps", {
   includeDays: false,
-  daysLabel: (0, _formatMessage.default)('Days'),
-  hoursLabel: (0, _formatMessage.default)('Hours'),
-  minutesLabel: (0, _formatMessage.default)('Minutes'),
+  daysLabel: (0, _formatMessage["default"])('Days'),
+  hoursLabel: (0, _formatMessage["default"])('Hours'),
+  minutesLabel: (0, _formatMessage["default"])('Minutes'),
   timeInSeconds: 0,
   minTimeInSeconds: 0,
   normalizeOnInput: false,
-  margin: void 0,
+  margin: undefined,
   daysDataAutomation: '',
   hoursDataAutomation: '',
   minutesDataAutomation: '',
   inputWidth: null,
   onReset: void 0
-};
-var _default = TimeUnitsInput;
-exports.default = _default;
+});
+var _default = exports["default"] = TimeUnitsInput;

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

@@ -4,36 +4,39 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DragAndDropZone = void 0;
+exports["default"] = exports.DragAndDropZone = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _DragAndDropZone;
 /** @jsx jsx */
-var DragAndDropZone = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DragAndDropZone, _Component);
-  var _super = (0, _createSuper2.default)(DragAndDropZone);
+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; })(); }
+var DragAndDropZone = exports.DragAndDropZone = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
   function DragAndDropZone() {
     var _this;
-    (0, _classCallCheck2.default)(this, DragAndDropZone);
+    (0, _classCallCheck2["default"])(this, DragAndDropZone);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
+    _this = _callSuper(this, DragAndDropZone, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
       toRender: false
-    };
+    });
     return _this;
   }
-  (0, _createClass2.default)(DragAndDropZone, [{
+  (0, _inherits2["default"])(DragAndDropZone, _Component);
+  return (0, _createClass2["default"])(DragAndDropZone, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
@@ -85,29 +88,25 @@ var DragAndDropZone = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         css: this.props.styles.wrapper
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.dropZoneStyle
-      }, (0, _formatMessage.default)('Drop Question Here')));
+      }, (0, _formatMessage["default"])('Drop Question Here')));
     }
   }]);
-  DragAndDropZone.displayName = "DragAndDropZone";
-  return DragAndDropZone;
-}(_react.Component), _DragAndDropZone.displayName = 'DragAndDropZone', _DragAndDropZone.componentId = "Quizzes".concat(_DragAndDropZone.displayName), _DragAndDropZone.propTypes = {
-  draggingAboveHalf: _propTypes.default.bool.isRequired,
-  draggingOver: _propTypes.default.bool.isRequired,
-  dropIntoEmptyStimulus: _propTypes.default.bool,
-  inSidebar: _propTypes.default.bool,
-  inStimulus: _propTypes.default.bool,
-  location: _propTypes.default.oneOf(['above', 'below', 'in']).isRequired,
-  sidebarOpen: _propTypes.default.bool,
-  makeStyles: _propTypes.default.func,
-  styles: _propTypes.default.object
-}, _DragAndDropZone.defaultProps = {
+}(_react.Component), (0, _defineProperty2["default"])(_DragAndDropZone, "displayName", 'DragAndDropZone'), (0, _defineProperty2["default"])(_DragAndDropZone, "componentId", "Quizzes".concat(_DragAndDropZone.displayName)), (0, _defineProperty2["default"])(_DragAndDropZone, "propTypes", {
+  draggingAboveHalf: _propTypes["default"].bool.isRequired,
+  draggingOver: _propTypes["default"].bool.isRequired,
+  dropIntoEmptyStimulus: _propTypes["default"].bool,
+  inSidebar: _propTypes["default"].bool,
+  inStimulus: _propTypes["default"].bool,
+  location: _propTypes["default"].oneOf(['above', 'below', 'in']).isRequired,
+  sidebarOpen: _propTypes["default"].bool,
+  makeStyles: _propTypes["default"].func,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_DragAndDropZone, "defaultProps", {
   draggingAboveHalf: false,
   draggingOver: false,
   dropIntoEmptyStimulus: false,
   inSidebar: false,
   inStimulus: false,
   sidebarOpen: true
-}, _DragAndDropZone)) || _class);
-exports.DragAndDropZone = DragAndDropZone;
-var _default = DragAndDropZone;
-exports.default = _default;
+}), _DragAndDropZone)) || _class);
+var _default = exports["default"] = DragAndDropZone;

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
-    dropZoneStyle: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, !props.inSidebar && {
+    dropZoneStyle: _objectSpread(_objectSpread(_objectSpread({}, !props.inSidebar && {
       border: "".concat(componentTheme.DnDZoneBorderWidth, " dashed ").concat(componentTheme.DnDZoneBorderColor),
       backgroundColor: componentTheme.DnDZoneBackgroundColor,
       padding: componentTheme.DnDZonePadding,
@@ -32,7 +34,7 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
       marginLeft: '10%',
       width: '90%'
     }),
-    wrapper: (0, _objectSpread2.default)({
+    wrapper: _objectSpread({
       justifyContent: 'center',
       display: 'flex',
       flex: '1 0 100%',
@@ -43,5 +45,4 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     })
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

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

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