@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

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

@@ -16,53 +16,41 @@ var tagShape = PropTypes.shape({
 });
 export var TagSelect = /*#__PURE__*/function (_Component) {
   _inherits(TagSelect, _Component);
-
   var _super = _createSuper(TagSelect);
-
   function TagSelect() {
     var _this;
-
     _classCallCheck(this, TagSelect);
-
     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 = {
       inputValue: '',
       isShowingOptions: false,
       highlightedOptionId: null
     };
-
     _this.setInputRef = function (inputRef) {
       _this.inputRef = inputRef;
     };
-
     _this.handleShowOptions = function () {
       _this.setState({
         isShowingOptions: true
       });
     };
-
     _this.handleHideOptions = function () {
       _this.setState({
         isShowingOptions: false
       });
     };
-
     _this.handleBlur = function () {
       _this.setState({
         highlightedOptionId: null
       });
     };
-
     _this.handleHighlightOption = function (event, _ref) {
       var id = _ref.id;
       event.persist();
-
       var tag = _this.decodeTag(id);
-
       _this.setState(function (state) {
         return {
           highlightedOptionId: id,
@@ -70,68 +58,53 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
         };
       });
     };
-
     _this.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 : {
         value: tag.value
       }]));
-
       _this.setState({
         highlightedOptionId: null,
         inputValue: '',
         isShowingOptions: false
       });
     };
-
     _this.handleInputChange = function (event) {
       var inputValue = event.target.value !== ' ' ? event.target.value : '';
-
       _this.props.onInputChange(inputValue === '' ? null : inputValue);
-
       _this.setState({
         inputValue: inputValue,
         isShowingOptions: true
       });
     };
-
     _this.handleKeyDown = function (event) {
       var inputValue = _this.state.inputValue;
-
       if (event.keyCode === 8) {
         // when backspace key is pressed
         if (inputValue === '' && _this.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({
             highlightedOptionId: null
           });
         }
       }
     };
-
     _this.dismissTag = function (encodedTag) {
       var tags = _this.props.tags.filter(function (tag) {
         return _this.encodeTag(tag) !== encodedTag;
       });
-
       _this.props.onChange(tags);
-
       _this.setState({
         highlightedOptionId: null
       }, function () {
         _this.inputRef.focus();
       });
     };
-
     return _this;
   }
-
   _createClass(TagSelect, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
@@ -165,7 +138,6 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
     key: "renderTags",
     value: function renderTags() {
       var _this2 = this;
-
       var tags = this.props.tags;
       return tags.map(function (tag, index) {
         return /*#__PURE__*/React.createElement(TagWrapper, {
@@ -181,8 +153,8 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
     key: "emptyOption",
     value: function emptyOption() {
       var _this$props = this.props,
-          tags = _this$props.tags,
-          noMatchText = _this$props.noMatchText;
+        tags = _this$props.tags,
+        noMatchText = _this$props.noMatchText;
       var inputValue = this.normalizeSpaces(this.state.inputValue);
       var exists = t('Tag already selected: { text }', {
         text: inputValue
@@ -195,11 +167,10 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
     key: "options",
     value: function options() {
       var _this3 = this;
-
       var _this$props2 = this.props,
-          allowNewTags = _this$props2.allowNewTags,
-          tags = _this$props2.tags,
-          tagSuggestions = _this$props2.tagSuggestions;
+        allowNewTags = _this$props2.allowNewTags,
+        tags = _this$props2.tags,
+        tagSuggestions = _this$props2.tagSuggestions;
       var notSelectedTagSuggestions = differenceBy(tagSuggestions, tags, 'value');
       var options = notSelectedTagSuggestions.map(function (tag) {
         return /*#__PURE__*/React.createElement(Select.Option, {
@@ -208,13 +179,13 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
           isHighlighted: _this3.encodeTag(tag) === _this3.state.highlightedOptionId
         }, tag.value);
       });
-      var inputValue = this.normalizeSpaces(this.state.inputValue); // Don't offer tag creation on suggested or selected tags
-
+      var inputValue = this.normalizeSpaces(this.state.inputValue);
+      // Don't offer tag creation on suggested or selected tags
       if (!tagSuggestions.concat(tags).some(function (tag) {
         return tag.value === inputValue;
       })) {
         if (allowNewTags && inputValue.length > 0) {
-          options.push( /*#__PURE__*/React.createElement(Select.Option, {
+          options.push(/*#__PURE__*/React.createElement(Select.Option, {
             id: this.encodeTag({
               value: inputValue
             }),
@@ -227,22 +198,20 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
           })));
         }
       }
-
       if (options.length === 0) {
-        options.push( /*#__PURE__*/React.createElement(Select.Option, {
+        options.push(/*#__PURE__*/React.createElement(Select.Option, {
           id: SELECT_EMPTY_OPTION,
           key: SELECT_EMPTY_OPTION
         }, this.emptyOption()));
       }
-
       return options;
     }
   }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          inputValue = _this$state.inputValue,
-          isShowingOptions = _this$state.isShowingOptions;
+        inputValue = _this$state.inputValue,
+        isShowingOptions = _this$state.isShowingOptions;
       return /*#__PURE__*/React.createElement(Select, {
         renderLabel: t('Tags and Metadata'),
         inputValue: inputValue,
@@ -260,7 +229,6 @@ export var TagSelect = /*#__PURE__*/function (_Component) {
       }, this.options());
     }
   }]);
-
   TagSelect.displayName = "TagSelect";
   return TagSelect;
 }(Component);

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

@@ -3,13 +3,11 @@ import TagSelect from "./presenter.js";
 import { bindActionCreators } from 'redux';
 import { setTagInput, setTagSuggestions } from "../../../../common/actions/tagAssociations.js";
 import { getTagSuggestions } from "../../../../banks/api/tagAssociations.js";
-
 function mapStateToProps(state, props) {
   return {
     tagSuggestions: state.getIn(['tagAssociations', 'tagSuggestions', props.parentType, props.parentId])
   };
 }
-
 function mapDispatchToProps(dispatch) {
   return {
     getTagSuggestions: bindActionCreators(getTagSuggestions, dispatch),
@@ -17,5 +15,4 @@ function mapDispatchToProps(dispatch) {
     setTagInput: bindActionCreators(setTagInput, dispatch)
   };
 }
-
 export default connect(mapStateToProps, mapDispatchToProps)(TagSelect);

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

@@ -14,52 +14,42 @@ var tagShape = PropTypes.shape({
 });
 export var TagSuggest = /*#__PURE__*/function (_Component) {
   _inherits(TagSuggest, _Component);
-
   var _super = _createSuper(TagSuggest);
-
   function TagSuggest() {
     var _this;
-
     _classCallCheck(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.debouncedSuggestions = debounce(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;
   }
-
   _createClass(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.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'));
       });
@@ -79,7 +69,6 @@ export var TagSuggest = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   TagSuggest.displayName = "TagSuggest";
   return TagSuggest;
 }(Component);

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

@@ -9,38 +9,29 @@ import { AccessibleContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var TagWrapper = /*#__PURE__*/function (_Component) {
   _inherits(TagWrapper, _Component);
-
   var _super = _createSuper(TagWrapper);
-
   function TagWrapper() {
     var _this;
-
     _classCallCheck(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) {
       // prevent closing of list
       e.stopPropagation();
       e.preventDefault();
-
       _this.props.onClick(_this.props.id);
     };
-
     return _this;
   }
-
   _createClass(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.createElement(Tag, {
         text: /*#__PURE__*/React.createElement(AccessibleContent, {
           alt: t('Remove {label}', {
@@ -54,7 +45,6 @@ export var TagWrapper = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   TagWrapper.displayName = "TagWrapper";
   return TagWrapper;
 }(Component);

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

@@ -11,7 +11,9 @@ import Errors from "../../../../common/components/shared/errors/Errors.js";
 import NumberInput from '@instructure/quiz-number-input';
 import { List } from 'immutable';
 import { breakdownSeconds, DAY_IN_SECONDS, HOUR_IN_SECONDS, MINUTE_IN_SECONDS } from "../FormattedDuration/index.js";
-import t from '@instructure/quiz-i18n/es/format-message'; // This component renders an input for multiple time units, and handles:
+import t from '@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
 // * displaying feedback messages when user input is out-of-range
@@ -23,20 +25,14 @@ import t from '@instructure/quiz-i18n/es/format-message'; // This component rend
 
 export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
   _inherits(TimeUnitsInput, _Component);
-
   var _super = _createSuper(TimeUnitsInput);
-
   function TimeUnitsInput() {
     var _this;
-
     _classCallCheck(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) {
       // 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,10 +41,8 @@ export 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;
@@ -57,18 +51,15 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
       var totalSeconds = minutes * MINUTE_IN_SECONDS + hours * HOUR_IN_SECONDS + days * DAY_IN_SECONDS;
       var hoursError = null;
       var daysError = null;
-
       var _breakdownSeconds = breakdownSeconds(totalSeconds, _this.props.includeDays),
-          newDays = _breakdownSeconds.days,
-          newHours = _breakdownSeconds.hours,
-          newMinutes = _breakdownSeconds.minutes;
-
+        newDays = _breakdownSeconds.days,
+        newHours = _breakdownSeconds.hours,
+        newMinutes = _breakdownSeconds.minutes;
       if (totalSeconds > _this.props.maxTimeInSeconds) {
         var _breakdownSeconds2 = breakdownSeconds(_this.props.maxTimeInSeconds, _this.props.includeDays),
-            maxDays = _breakdownSeconds2.days,
-            maxHours = _breakdownSeconds2.hours,
-            maxMinutes = _breakdownSeconds2.minutes;
-
+          maxDays = _breakdownSeconds2.days,
+          maxHours = _breakdownSeconds2.hours,
+          maxMinutes = _breakdownSeconds2.minutes;
         if (_this.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,
@@ -86,14 +77,12 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             maxMinutes: maxMinutes
           });
         }
-
         totalSeconds = _this.props.maxTimeInSeconds;
       } else if (totalSeconds < _this.props.minTimeInSeconds) {
         var _breakdownSeconds3 = breakdownSeconds(_this.props.minTimeInSeconds, _this.props.includeDays),
-            minDays = _breakdownSeconds3.days,
-            minHours = _breakdownSeconds3.hours,
-            minMinutes = _breakdownSeconds3.minutes;
-
+          minDays = _breakdownSeconds3.days,
+          minHours = _breakdownSeconds3.hours,
+          minMinutes = _breakdownSeconds3.minutes;
         if (_this.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,
@@ -111,10 +100,8 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             minMinutes: minMinutes
           });
         }
-
         totalSeconds = _this.props.minTimeInSeconds;
       }
-
       if (normalizeOnInput) {
         _this.setState({
           days: days,
@@ -140,13 +127,11 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     _this.onNormalizeTime = function () {
       var _breakdownSeconds4 = breakdownSeconds(_this.state.totalSeconds, _this.props.includeDays),
-          newDays = _breakdownSeconds4.days,
-          newHours = _breakdownSeconds4.hours,
-          newMinutes = _breakdownSeconds4.minutes;
-
+        newDays = _breakdownSeconds4.days,
+        newHours = _breakdownSeconds4.hours,
+        newMinutes = _breakdownSeconds4.minutes;
       _this.setState({
         days: newDays,
         rawDaysText: newDays,
@@ -155,45 +140,37 @@ export 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 List(errorArray);
     };
-
     return _this;
   }
-
   _createClass(TimeUnitsInput, [{
     key: "componentWillMount",
     value: function componentWillMount() {
       var _breakdownSeconds5 = breakdownSeconds(this.props.timeInSeconds, this.props.includeDays),
-          days = _breakdownSeconds5.days,
-          hours = _breakdownSeconds5.hours,
-          minutes = _breakdownSeconds5.minutes;
-
+        days = _breakdownSeconds5.days,
+        hours = _breakdownSeconds5.hours,
+        minutes = _breakdownSeconds5.minutes;
       this.setState({
         days: days,
         hours: hours,
@@ -213,25 +190,21 @@ export 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 = t('{userInput, string} is not a valid number.', {
           userInput: rawString
         });
         var update = {};
-
         if (unit === 'minutes') {
           update.rawMinutesText = rawString;
           update.minutesError = rawStringBlank ? null : unitMessageText;
@@ -242,7 +215,6 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           update.rawDaysText = rawString;
           update.daysError = rawStringBlank ? null : unitMessageText;
         }
-
         this.setState(update);
       } else {
         this.onChangeTime(e, rawString, inputNumber, unit);
@@ -298,7 +270,6 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-
   TimeUnitsInput.displayName = "TimeUnitsInput";
   return TimeUnitsInput;
 }(Component);
@@ -317,10 +288,10 @@ TimeUnitsInput.propTypes = {
   minutesDataAutomation: PropTypes.string,
   maxTimeInSeconds: PropTypes.number.isRequired,
   minTimeInSeconds: PropTypes.number,
-  normalizeOnInput: PropTypes.bool // Should the number inputs normalize on every input event, instead of waiting for blur event?
+  normalizeOnInput: PropTypes.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,

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

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _DragAndDropZone;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,27 +10,21 @@ import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var DragAndDropZone = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var DragAndDropZone = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
   _inherits(DragAndDropZone, _Component);
-
   var _super = _createSuper(DragAndDropZone);
-
   function DragAndDropZone() {
     var _this;
-
     _classCallCheck(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 = {
       toRender: false
     };
     return _this;
   }
-
   _createClass(DragAndDropZone, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -51,18 +43,16 @@ export var DragAndDropZone = (_dec = withStyle(generateStyle, generateComponentT
     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;
@@ -76,7 +66,6 @@ export var DragAndDropZone = (_dec = withStyle(generateStyle, generateComponentT
       } else if (location === 'below') {
         return draggingOver && !draggingAboveHalf;
       }
-
       return false;
     }
   }, {
@@ -91,10 +80,9 @@ export var DragAndDropZone = (_dec = withStyle(generateStyle, generateComponentT
       }, t('Drop Question Here')));
     }
   }]);
-
   DragAndDropZone.displayName = "DragAndDropZone";
   return DragAndDropZone;
-}(Component), _class2.propTypes = {
+}(Component), _DragAndDropZone.propTypes = {
   draggingAboveHalf: PropTypes.bool.isRequired,
   draggingOver: PropTypes.bool.isRequired,
   dropIntoEmptyStimulus: PropTypes.bool,
@@ -104,12 +92,12 @@ export var DragAndDropZone = (_dec = withStyle(generateStyle, generateComponentT
   sidebarOpen: PropTypes.bool,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _DragAndDropZone.defaultProps = {
   draggingAboveHalf: false,
   draggingOver: false,
   dropIntoEmptyStimulus: false,
   inSidebar: false,
   inStimulus: false,
   sidebarOpen: true
-}, _temp)) || _class);
+}, _DragAndDropZone)) || _class);
 export default DragAndDropZone;

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

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     dropZoneStyle: _objectSpread(_objectSpread(_objectSpread({}, !props.inSidebar && {
@@ -37,5 +36,4 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     })
   };
 };
-
 export default generateStyle;