@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

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

@@ -1,89 +1,62 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _index = _interopRequireDefault(require("../TagSelect/index.js"));
-
+var _TagSelect = _interopRequireDefault(require("../TagSelect"));
 var tagShape = _propTypes.default.shape({
   id: _propTypes.default.string,
   value: _propTypes.default.string.isRequired
 });
-
-var TagSuggest = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagSuggest, _Component);
-
-  var _super = (0, _createSuper2.default)(TagSuggest);
-
+var TagSuggest = exports.TagSuggest = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
+    _this = (0, _callSuper2.default)(this, TagSuggest, [].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, _createClass2.default)(TagSuggest, [{
+  (0, _inherits2.default)(TagSuggest, _Component);
+  return (0, _createClass2.default)(TagSuggest, [{
     key: "getTagSuggestions",
     value: function getTagSuggestions() {
       var _this$props2 = this.props,
-          defaultSuggestions = _this$props2.defaultSuggestions,
-          tagSuggestions = _this$props2.tagSuggestions,
-          tags = _this$props2.tags;
-
+        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'));
       });
@@ -91,7 +64,7 @@ var TagSuggest = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_index.default, {
+      return /*#__PURE__*/_react.default.createElement(_TagSelect.default, {
         allowNewTags: this.props.allowNewTags,
         noMatchText: this.props.noMatchText,
         tags: this.props.tags,
@@ -103,11 +76,7 @@ var 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,
@@ -131,5 +100,4 @@ TagSuggest.defaultProps = {
   defaultSuggestions: [],
   tagSuggestions: null
 };
-var _default = TagSuggest;
-exports.default = _default;
+var _default = exports.default = TagSuggest;

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

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

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

@@ -1,66 +1,44 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagWrapper, _Component);
-
-  var _super = (0, _createSuper2.default)(TagWrapper);
-
+var TagWrapper = exports.TagWrapper = /*#__PURE__*/function (_Component) {
   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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = (0, _callSuper2.default)(this, TagWrapper, [].concat(args));
     _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,
-          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}', {
@@ -74,16 +52,11 @@ 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
 };
-var _default = TagWrapper;
-exports.default = _default;
+var _default = exports.default = TagWrapper;

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 = {
+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,42 +1,25 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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.js"));
-
+var _Errors = _interopRequireDefault(require("../../../../common/components/shared/errors/Errors"));
 var _quizNumberInput = _interopRequireDefault(require("@instructure/quiz-number-input"));
-
 var _immutable = require("immutable");
-
-var _index = require("../FormattedDuration/index.js");
-
+var _FormattedDuration = require("../FormattedDuration");
 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
@@ -46,22 +29,14 @@ 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 = /*#__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);
-
     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 = (0, _callSuper2.default)(this, TimeUnitsInput, [].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
@@ -70,30 +45,25 @@ var 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 * _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 _breakdownSeconds = (0, _index.breakdownSeconds)(totalSeconds, _this.props.includeDays),
-          newDays = _breakdownSeconds.days,
-          newHours = _breakdownSeconds.hours,
-          newMinutes = _breakdownSeconds.minutes;
-
+      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),
-            maxDays = _breakdownSeconds2.days,
-            maxHours = _breakdownSeconds2.hours,
-            maxMinutes = _breakdownSeconds2.minutes;
-
+        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.', {
             newDays: newDays,
@@ -111,14 +81,12 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             maxMinutes: maxMinutes
           });
         }
-
         totalSeconds = _this.props.maxTimeInSeconds;
       } else if (totalSeconds < _this.props.minTimeInSeconds) {
-        var _breakdownSeconds3 = (0, _index.breakdownSeconds)(_this.props.minTimeInSeconds, _this.props.includeDays),
-            minDays = _breakdownSeconds3.days,
-            minHours = _breakdownSeconds3.hours,
-            minMinutes = _breakdownSeconds3.minutes;
-
+        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.', {
             newDays: newDays,
@@ -136,10 +104,8 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             minMinutes: minMinutes
           });
         }
-
         totalSeconds = _this.props.minTimeInSeconds;
       }
-
       if (normalizeOnInput) {
         _this.setState({
           days: days,
@@ -165,13 +131,11 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     _this.onNormalizeTime = function () {
-      var _breakdownSeconds4 = (0, _index.breakdownSeconds)(_this.state.totalSeconds, _this.props.includeDays),
-          newDays = _breakdownSeconds4.days,
-          newHours = _breakdownSeconds4.hours,
-          newMinutes = _breakdownSeconds4.minutes;
-
+      var _breakdownSeconds4 = (0, _FormattedDuration.breakdownSeconds)(_this.state.totalSeconds, _this.props.includeDays),
+        newDays = _breakdownSeconds4.days,
+        newHours = _breakdownSeconds4.hours,
+        newMinutes = _breakdownSeconds4.minutes;
       _this.setState({
         days: newDays,
         rawDaysText: newDays,
@@ -180,45 +144,38 @@ var 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, _createClass2.default)(TimeUnitsInput, [{
+  (0, _inherits2.default)(TimeUnitsInput, _Component);
+  return (0, _createClass2.default)(TimeUnitsInput, [{
     key: "componentWillMount",
     value: function componentWillMount() {
-      var _breakdownSeconds5 = (0, _index.breakdownSeconds)(this.props.timeInSeconds, this.props.includeDays),
-          days = _breakdownSeconds5.days,
-          hours = _breakdownSeconds5.hours,
-          minutes = _breakdownSeconds5.minutes;
-
+      var _breakdownSeconds5 = (0, _FormattedDuration.breakdownSeconds)(this.props.timeInSeconds, this.props.includeDays),
+        days = _breakdownSeconds5.days,
+        hours = _breakdownSeconds5.hours,
+        minutes = _breakdownSeconds5.minutes;
       this.setState({
         days: days,
         hours: hours,
@@ -238,25 +195,21 @@ var 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;
@@ -267,7 +220,6 @@ var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           update.rawDaysText = rawString;
           update.daysError = rawStringBlank ? null : unitMessageText;
         }
-
         this.setState(update);
       } else {
         this.onChangeTime(e, rawString, inputNumber, unit);
@@ -323,11 +275,7 @@ 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,
@@ -343,10 +291,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,
@@ -362,5 +310,4 @@ TimeUnitsInput.defaultProps = {
   minutesDataAutomation: '',
   inputWidth: null
 };
-var _default = TimeUnitsInput;
-exports.default = _default;
+var _default = exports.default = TimeUnitsInput;

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

@@ -1,56 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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.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);
-
+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) {
   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 = _super.call.apply(_super, [this].concat(args));
+    _this = (0, _callSuper2.default)(this, DragAndDropZone, [].concat(args));
     _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({
@@ -68,18 +49,16 @@ var DragAndDropZone = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     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;
@@ -93,7 +72,6 @@ var DragAndDropZone = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       } else if (location === 'below') {
         return draggingOver && !draggingAboveHalf;
       }
-
       return false;
     }
   }, {
@@ -108,9 +86,7 @@ var DragAndDropZone = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       }, (0, _formatMessage.default)('Drop Question Here')));
     }
   }]);
-  DragAndDropZone.displayName = "DragAndDropZone";
-  return DragAndDropZone;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _DragAndDropZone.propTypes = {
   draggingAboveHalf: _propTypes.default.bool.isRequired,
   draggingOver: _propTypes.default.bool.isRequired,
   dropIntoEmptyStimulus: _propTypes.default.bool,
@@ -120,14 +96,12 @@ var DragAndDropZone = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   sidebarOpen: _propTypes.default.bool,
   makeStyles: _propTypes.default.func,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _DragAndDropZone.defaultProps = {
   draggingAboveHalf: false,
   draggingOver: false,
   dropIntoEmptyStimulus: false,
   inSidebar: false,
   inStimulus: false,
   sidebarOpen: true
-}, _temp)) || _class);
-exports.DragAndDropZone = DragAndDropZone;
-var _default = DragAndDropZone;
-exports.default = _default;
+}, _DragAndDropZone)) || _class);
+var _default = exports.default = DragAndDropZone;