@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.9

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

@@ -1,62 +1,89 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TagSuggest = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _immutable = _interopRequireDefault(require("immutable"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _TagSelect = _interopRequireDefault(require("../TagSelect"));
+
+var _index = _interopRequireDefault(require("../TagSelect/index.js"));
+
 var tagShape = _propTypes.default.shape({
   id: _propTypes.default.string,
   value: _propTypes.default.string.isRequired
 });
-var TagSuggest = exports.TagSuggest = /*#__PURE__*/function (_Component) {
+
+var TagSuggest = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(TagSuggest, _Component);
+
+  var _super = (0, _createSuper2.default)(TagSuggest);
+
   function TagSuggest() {
     var _this;
+
     (0, _classCallCheck2.default)(this, TagSuggest);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, TagSuggest, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.debouncedSuggestions = (0, _debounce.default)(function (parentType, parentId, tagText) {
       return _this.props.getTagSuggestions(parentType, parentId, tagText);
     }, 200);
+
     _this.handleTagInputChange = function (tagText) {
       var _this$props = _this.props,
-        parentType = _this$props.parentType,
-        parentId = _this$props.parentId;
+          parentType = _this$props.parentType,
+          parentId = _this$props.parentId;
+
       _this.props.setTagInput(parentType, parentId, tagText);
+
       if (tagText != null) {
         _this.debouncedSuggestions(parentType, parentId, tagText);
       } else {
         _this.props.setTagSuggestions(parentType, parentId, null, tagText);
       }
     };
+
     return _this;
   }
-  (0, _inherits2.default)(TagSuggest, _Component);
-  return (0, _createClass2.default)(TagSuggest, [{
+
+  (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;
+          defaultSuggestions = _this$props2.defaultSuggestions,
+          tagSuggestions = _this$props2.tagSuggestions,
+          tags = _this$props2.tags;
+
       var suggestions = tagSuggestions || _immutable.default.fromJS(defaultSuggestions);
+
       var visibleTagIds = tags.map(function (tag) {
         return tag.id;
-      });
-      // Exclude suggestions for tags already selected
+      }); // Exclude suggestions for tags already selected
+
       return suggestions.filterNot(function (tag) {
         return visibleTagIds.includes(tag.get('id'));
       });
@@ -64,7 +91,7 @@ var TagSuggest = exports.TagSuggest = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_TagSelect.default, {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
         allowNewTags: this.props.allowNewTags,
         noMatchText: this.props.noMatchText,
         tags: this.props.tags,
@@ -76,7 +103,11 @@ var TagSuggest = exports.TagSuggest = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
+  TagSuggest.displayName = "TagSuggest";
+  return TagSuggest;
 }(_react.Component);
+
+exports.TagSuggest = TagSuggest;
 TagSuggest.propTypes = {
   allowNewTags: _propTypes.default.bool,
   parentType: _propTypes.default.string.isRequired,
@@ -100,4 +131,5 @@ TagSuggest.defaultProps = {
   defaultSuggestions: [],
   tagSuggestions: null
 };
-var _default = exports.default = TagSuggest;
+var _default = TagSuggest;
+exports.default = _default;

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

@@ -1,9 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _presenter = _interopRequireDefault(require("./presenter"));
-var _default = exports.default = _presenter.default;
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _default = _presenter.default;
+exports.default = _default;

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

@@ -1,44 +1,66 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 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 = exports.TagWrapper = /*#__PURE__*/function (_Component) {
+
+var TagWrapper = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(TagWrapper, _Component);
+
+  var _super = (0, _createSuper2.default)(TagWrapper);
+
   function TagWrapper() {
     var _this;
+
     (0, _classCallCheck2.default)(this, TagWrapper);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, TagWrapper, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.dismissTag = function (e) {
       // prevent closing of list
       e.stopPropagation();
       e.preventDefault();
+
       _this.props.onClick(_this.props.id);
     };
+
     return _this;
   }
-  (0, _inherits2.default)(TagWrapper, _Component);
-  return (0, _createClass2.default)(TagWrapper, [{
+
+  (0, _createClass2.default)(TagWrapper, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        id = _this$props.id,
-        text = _this$props.text,
-        index = _this$props.index;
+          id = _this$props.id,
+          text = _this$props.text,
+          index = _this$props.index;
       return /*#__PURE__*/_react.default.createElement(_uiTag.Tag, {
         text: /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
           alt: (0, _formatMessage.default)('Remove {label}', {
@@ -52,11 +74,16 @@ var TagWrapper = exports.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
 };
-var _default = exports.default = TagWrapper;
+var _default = TagWrapper;
+exports.default = _default;

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

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

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

@@ -1,25 +1,42 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _uiFormField = require("@instructure/ui-form-field");
+
 var _uiA11yContent = require("@instructure/ui-a11y-content");
+
 var _uiView = require("@instructure/ui-view");
-var _Errors = _interopRequireDefault(require("../../../../common/components/shared/errors/Errors"));
+
+var _Errors = _interopRequireDefault(require("../../../../common/components/shared/errors/Errors.js"));
+
 var _quizNumberInput = _interopRequireDefault(require("@instructure/quiz-number-input"));
+
 var _immutable = require("immutable");
-var _FormattedDuration = require("../FormattedDuration");
+
+var _index = require("../FormattedDuration/index.js");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
 // 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
@@ -29,14 +46,22 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 //
 // Currently only minutes/hours/days are supported, but support for
 // seconds could be added in the future if needed
-var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component) {
+var TimeUnitsInput = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(TimeUnitsInput, _Component);
+
+  var _super = (0, _createSuper2.default)(TimeUnitsInput);
+
   function TimeUnitsInput() {
     var _this;
+
     (0, _classCallCheck2.default)(this, TimeUnitsInput);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, TimeUnitsInput, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _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
@@ -45,25 +70,30 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
       var fromArrowKeys = e.key === 'ArrowUp' || e.key === 'ArrowDown';
       return fromButtonInput || fromArrowKeys;
     };
+
     _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 * _FormattedDuration.MINUTE_IN_SECONDS + hours * _FormattedDuration.HOUR_IN_SECONDS + days * _FormattedDuration.DAY_IN_SECONDS;
+      var totalSeconds = minutes * _index.MINUTE_IN_SECONDS + hours * _index.HOUR_IN_SECONDS + days * _index.DAY_IN_SECONDS;
       var hoursError = null;
       var daysError = null;
-      var _breakdownSeconds = (0, _FormattedDuration.breakdownSeconds)(totalSeconds, _this.props.includeDays),
-        newDays = _breakdownSeconds.days,
-        newHours = _breakdownSeconds.hours,
-        newMinutes = _breakdownSeconds.minutes;
+
+      var _breakdownSeconds = (0, _index.breakdownSeconds)(totalSeconds, _this.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),
-          maxDays = _breakdownSeconds2.days,
-          maxHours = _breakdownSeconds2.hours,
-          maxMinutes = _breakdownSeconds2.minutes;
+        var _breakdownSeconds2 = (0, _index.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.', {
             newDays: newDays,
@@ -81,12 +111,14 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
             maxMinutes: maxMinutes
           });
         }
+
         totalSeconds = _this.props.maxTimeInSeconds;
       } else if (totalSeconds < _this.props.minTimeInSeconds) {
-        var _breakdownSeconds3 = (0, _FormattedDuration.breakdownSeconds)(_this.props.minTimeInSeconds, _this.props.includeDays),
-          minDays = _breakdownSeconds3.days,
-          minHours = _breakdownSeconds3.hours,
-          minMinutes = _breakdownSeconds3.minutes;
+        var _breakdownSeconds3 = (0, _index.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.', {
             newDays: newDays,
@@ -104,8 +136,10 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
             minMinutes: minMinutes
           });
         }
+
         totalSeconds = _this.props.minTimeInSeconds;
       }
+
       if (normalizeOnInput) {
         _this.setState({
           days: days,
@@ -131,11 +165,13 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
         });
       }
     };
+
     _this.onNormalizeTime = function () {
-      var _breakdownSeconds4 = (0, _FormattedDuration.breakdownSeconds)(_this.state.totalSeconds, _this.props.includeDays),
-        newDays = _breakdownSeconds4.days,
-        newHours = _breakdownSeconds4.hours,
-        newMinutes = _breakdownSeconds4.minutes;
+      var _breakdownSeconds4 = (0, _index.breakdownSeconds)(_this.state.totalSeconds, _this.props.includeDays),
+          newDays = _breakdownSeconds4.days,
+          newHours = _breakdownSeconds4.hours,
+          newMinutes = _breakdownSeconds4.minutes;
+
       _this.setState({
         days: newDays,
         rawDaysText: newDays,
@@ -144,38 +180,45 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
         minutes: newMinutes,
         rawMinutesText: newMinutes
       });
+
       _this.props.onChange(_this.state.totalSeconds);
     };
+
     _this.onChangeExtraMinutes = function (e, rawString, normalizedString) {
       _this.onChangeTimeUnit(e, rawString, normalizedString, 'minutes');
     };
+
     _this.onChangeExtraHours = function (e, rawString, normalizedString) {
       _this.onChangeTimeUnit(e, rawString, normalizedString, 'hours');
     };
+
     _this.onChangeExtraDays = function (e, rawString, normalizedString) {
       _this.onChangeTimeUnit(e, rawString, normalizedString, 'days');
     };
+
     _this.getErrorList = function () {
       var errorArray = [];
       var _this$state = _this.state,
-        daysError = _this$state.daysError,
-        hoursError = _this$state.hoursError,
-        minutesError = _this$state.minutesError;
+          daysError = _this$state.daysError,
+          hoursError = _this$state.hoursError,
+          minutesError = _this$state.minutesError;
       daysError && errorArray.push(daysError);
       hoursError && errorArray.push(hoursError);
       minutesError && errorArray.push(minutesError);
       return (0, _immutable.List)(errorArray);
     };
+
     return _this;
   }
-  (0, _inherits2.default)(TimeUnitsInput, _Component);
-  return (0, _createClass2.default)(TimeUnitsInput, [{
+
+  (0, _createClass2.default)(TimeUnitsInput, [{
     key: "componentWillMount",
     value: function componentWillMount() {
-      var _breakdownSeconds5 = (0, _FormattedDuration.breakdownSeconds)(this.props.timeInSeconds, this.props.includeDays),
-        days = _breakdownSeconds5.days,
-        hours = _breakdownSeconds5.hours,
-        minutes = _breakdownSeconds5.minutes;
+      var _breakdownSeconds5 = (0, _index.breakdownSeconds)(this.props.timeInSeconds, this.props.includeDays),
+          days = _breakdownSeconds5.days,
+          hours = _breakdownSeconds5.hours,
+          minutes = _breakdownSeconds5.minutes;
+
       this.setState({
         days: days,
         hours: hours,
@@ -195,21 +238,25 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
       var rawStringBlank = rawString === '';
       var inputNumber = normalizedString === null ? NaN : Number(normalizedString);
       var numberInvalid = isNaN(inputNumber);
+
       if (this.props.normalizeOnInput && rawStringBlank) {
         // When normalizeOnInput is true, treat blank strings as 0,
         // otherwise it's really hard to clear the input and enter a new number
         inputNumber = 0;
         numberInvalid = false;
       }
+
       if (numberInvalid) {
         if (this.props.normalizeOnInput) {
           this.onNormalizeTime();
           return;
         }
+
         var unitMessageText = (0, _formatMessage.default)('{userInput, string} is not a valid number.', {
           userInput: rawString
         });
         var update = {};
+
         if (unit === 'minutes') {
           update.rawMinutesText = rawString;
           update.minutesError = rawStringBlank ? null : unitMessageText;
@@ -220,6 +267,7 @@ var TimeUnitsInput = exports.TimeUnitsInput = /*#__PURE__*/function (_Component)
           update.rawDaysText = rawString;
           update.daysError = rawStringBlank ? null : unitMessageText;
         }
+
         this.setState(update);
       } else {
         this.onChangeTime(e, rawString, inputNumber, unit);
@@ -275,7 +323,11 @@ var TimeUnitsInput = exports.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,
@@ -291,10 +343,10 @@ TimeUnitsInput.propTypes = {
   minutesDataAutomation: _propTypes.default.string,
   maxTimeInSeconds: _propTypes.default.number.isRequired,
   minTimeInSeconds: _propTypes.default.number,
-  normalizeOnInput: _propTypes.default.bool
-  // Should the number inputs normalize on every input event, instead of waiting for blur event?
+  normalizeOnInput: _propTypes.default.bool // 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 = {
   includeDays: false,
@@ -310,4 +362,5 @@ TimeUnitsInput.defaultProps = {
   minutesDataAutomation: '',
   inputWidth: null
 };
-var _default = exports.default = TimeUnitsInput;
+var _default = TimeUnitsInput;
+exports.default = _default;

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

@@ -1,37 +1,56 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DragAndDropZone = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 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"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _DragAndDropZone;
-/** @jsx jsx */
-var DragAndDropZone = exports.DragAndDropZone = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var DragAndDropZone = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(DragAndDropZone, _Component);
+
+  var _super = (0, _createSuper2.default)(DragAndDropZone);
+
   function DragAndDropZone() {
     var _this;
+
     (0, _classCallCheck2.default)(this, DragAndDropZone);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2.default)(this, DragAndDropZone, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       toRender: false
     };
     return _this;
   }
-  (0, _inherits2.default)(DragAndDropZone, _Component);
-  return (0, _createClass2.default)(DragAndDropZone, [{
+
+  (0, _createClass2.default)(DragAndDropZone, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
@@ -49,16 +68,18 @@ var DragAndDropZone = exports.DragAndDropZone = (_dec = (0, _emotion.withStyle)(
     key: "shouldRender",
     value: function shouldRender() {
       var _this$props = this.props,
-        inSidebar = _this$props.inSidebar,
-        sidebarOpen = _this$props.sidebarOpen,
-        inStimulus = _this$props.inStimulus,
-        location = _this$props.location,
-        draggingOver = _this$props.draggingOver,
-        draggingAboveHalf = _this$props.draggingAboveHalf,
-        dropIntoEmptyStimulus = _this$props.dropIntoEmptyStimulus;
+          inSidebar = _this$props.inSidebar,
+          sidebarOpen = _this$props.sidebarOpen,
+          inStimulus = _this$props.inStimulus,
+          location = _this$props.location,
+          draggingOver = _this$props.draggingOver,
+          draggingAboveHalf = _this$props.draggingAboveHalf,
+          dropIntoEmptyStimulus = _this$props.dropIntoEmptyStimulus;
+
       if (inSidebar && !sidebarOpen) {
         return false;
       }
+
       if (inStimulus) {
         if (location === 'above') {
           return draggingOver && draggingAboveHalf && !dropIntoEmptyStimulus;
@@ -72,6 +93,7 @@ var DragAndDropZone = exports.DragAndDropZone = (_dec = (0, _emotion.withStyle)(
       } else if (location === 'below') {
         return draggingOver && !draggingAboveHalf;
       }
+
       return false;
     }
   }, {
@@ -86,7 +108,9 @@ var DragAndDropZone = exports.DragAndDropZone = (_dec = (0, _emotion.withStyle)(
       }, (0, _formatMessage.default)('Drop Question Here')));
     }
   }]);
-}(_react.Component), _DragAndDropZone.propTypes = {
+  DragAndDropZone.displayName = "DragAndDropZone";
+  return DragAndDropZone;
+}(_react.Component), _class2.propTypes = {
   draggingAboveHalf: _propTypes.default.bool.isRequired,
   draggingOver: _propTypes.default.bool.isRequired,
   dropIntoEmptyStimulus: _propTypes.default.bool,
@@ -96,12 +120,14 @@ var DragAndDropZone = exports.DragAndDropZone = (_dec = (0, _emotion.withStyle)(
   sidebarOpen: _propTypes.default.bool,
   makeStyles: _propTypes.default.func,
   styles: _propTypes.default.object
-}, _DragAndDropZone.defaultProps = {
+}, _class2.defaultProps = {
   draggingAboveHalf: false,
   draggingOver: false,
   dropIntoEmptyStimulus: false,
   inSidebar: false,
   inStimulus: false,
   sidebarOpen: true
-}, _DragAndDropZone)) || _class);
-var _default = exports.default = DragAndDropZone;
+}, _temp)) || _class);
+exports.DragAndDropZone = DragAndDropZone;
+var _default = DragAndDropZone;
+exports.default = _default;