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

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

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.mapStateToProps = void 0;
-
 var _reactRedux = require("../../../../react-redux.js");
-
 var _makeEditable = _interopRequireDefault(require("../../../../../common/components/shared/functionality/makeEditable.js"));
-
 var _presenter = _interopRequireDefault(require("./presenter.js"));
-
 var _alerts = require("../../../../../common/actions/alerts.js");
-
 var _modifications = require("../../../../../common/actions/modifications.js");
-
 var _quizEntries = require("../../../../../building/api/quizEntries.js");
-
 var _ui = require("../../../../../common/actions/ui.js");
-
 var _modal = require("../../../../../common/actions/modal.js");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _quizzes = require("../../../../selectors/quizzes.js");
-
 var mapStateToProps = function mapStateToProps(state, props) {
   var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
   return {
@@ -35,7 +23,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     quizId: activeQuiz.id
   };
 };
-
 exports.mapStateToProps = mapStateToProps;
 var mapDispatchToProps = {
   clearUI: _ui.clear,
@@ -45,7 +32,5 @@ var mapDispatchToProps = {
   screenreaderNotification: _alerts.screenreaderNotification,
   setUI: _ui.set
 };
-
 var _default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default));
-
 exports.default = _default;

package/lib/common/components/shared/drag_and_drop/DragHandle/presenter.js

@@ -1,105 +1,64 @@
 "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.DragHandle = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _immutable = require("immutable");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiMenu = require("@instructure/ui-menu");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _keyboardClickable = _interopRequireDefault(require("../../../../../common/util/keyboardClickable.js"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconArrowUpLine, null);
-
 var _ref2 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconMiniArrowUpLine, null);
-
 var _ref3 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconMiniArrowDownLine, null);
-
 var _ref4 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconArrowDownLine, null);
-
 var DragHandle = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DragHandle, _Component);
-
   var _super = (0, _createSuper2.default)(DragHandle);
-
   function DragHandle() {
     var _this;
-
     (0, _classCallCheck2.default)(this, DragHandle);
-
     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.moveUp = function () {
       _this.moveToPosition(_this.props.quizEntry.position - 1);
-
       var msg = (0, _formatMessage.default)('Question moved one space up.');
-
       _this.props.screenreaderNotification(msg);
     };
-
     _this.moveDown = function () {
       _this.moveToPosition(_this.props.quizEntry.position + 1);
-
       var msg = (0, _formatMessage.default)('Question moved one space down.');
-
       _this.props.screenreaderNotification(msg);
     };
-
     _this.moveToTop = function () {
       _this.moveQuizEntry(1, '');
-
       var msg = (0, _formatMessage.default)('Question moved to top of assessment.');
-
       _this.props.screenreaderNotification(msg);
     };
-
     _this.moveToBottom = function () {
       _this.moveQuizEntry(_this.props.quizEntries.size, '');
-
       var msg = (0, _formatMessage.default)('Question moved to bottom of assessment.');
-
       _this.props.screenreaderNotification(msg);
     };
-
     _this.handleTriggerRef = function (node) {
       _this.triggerRef = node;
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(DragHandle, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -115,7 +74,6 @@ var DragHandle = /*#__PURE__*/function (_Component) {
     value: function conditionalFocus() {
       var matchingQuizEntryId = this.props.movedQuizEntry === this.props.quizEntry.id;
       var matchingLocation = this.props.onSidebar === this.props.movedInSidebar;
-
       if (matchingQuizEntryId && matchingLocation) {
         this.triggerRef && this.triggerRef.focus();
         this.props.clearUI(_quizCommon.MOVED_QUIZ_ENTRY);
@@ -131,8 +89,8 @@ var DragHandle = /*#__PURE__*/function (_Component) {
     key: "isLastItem",
     value: function isLastItem() {
       var _this$props = this.props,
-          quizEntry = _this$props.quizEntry,
-          quizEntries = _this$props.quizEntries;
+        quizEntry = _this$props.quizEntry,
+        quizEntries = _this$props.quizEntries;
       var numItems = quizEntry.hasStimulus ? quizEntry.getNestedEntries().size : 0;
       var position = quizEntry.position + numItems;
       return position === quizEntries.size;
@@ -141,11 +99,10 @@ var DragHandle = /*#__PURE__*/function (_Component) {
     key: "handleMove",
     value: function handleMove(position, stimulusQuizEntryId) {
       var _this$props2 = this.props,
-          quizEntry = _this$props2.quizEntry,
-          quizId = _this$props2.quizId;
+        quizEntry = _this$props2.quizEntry,
+        quizId = _this$props2.quizId;
       var stimulusQuizEntryIdChanged = stimulusQuizEntryId !== quizEntry.stimulusQuizEntryId;
       var isImmutable = quizEntry.isItem ? quizEntry.getEntry().isImmutable() : false;
-
       if (isImmutable && stimulusQuizEntryIdChanged) {
         var uiData = (0, _immutable.Map)({
           movedInSidebar: this.props.onSidebar,
@@ -172,27 +129,24 @@ var DragHandle = /*#__PURE__*/function (_Component) {
       var quizEntry = this.props.quizEntry;
       var movingDown = position > quizEntry.position;
       var newPosition = position;
-
       if (movingDown && quizEntry.hasStimulus) {
         newPosition = position + quizEntry.getNestedEntries().size;
       }
-
       var targetQuizEntry = this.props.quizEntries.find(function (qe) {
         return qe.position === newPosition;
       });
-
       if (targetQuizEntry === void 0) {
         var newPos = movingDown ? this.props.quizEntries.size : 1;
         this.moveQuizEntry(newPos, '');
         return;
       }
-
       var inStimulus = quizEntry.isInStimulus;
       var targetInStimulus = targetQuizEntry.isInStimulus;
       var losingStimulusQuizEntryId = inStimulus && !targetInStimulus;
       var receivingStimulusQuizEntryId = !inStimulus && targetInStimulus;
-      var newStimulusQuizEntryId = quizEntry.stimulusQuizEntryId; // Handling moving of stimulus groups:
+      var newStimulusQuizEntryId = quizEntry.stimulusQuizEntryId;
 
+      // Handling moving of stimulus groups:
       if (quizEntry.hasStimulus) {
         if (movingDown && targetQuizEntry.hasStimulus) {
           newPosition += targetQuizEntry.getNestedEntries().size;
@@ -201,12 +155,13 @@ var DragHandle = /*#__PURE__*/function (_Component) {
             return qe.id === targetQuizEntry.stimulusQuizEntryId;
           });
           newPosition = position - targetStimulusQuizEntry.getNestedEntries().size;
-        } // This block is for handling moving of items in/out/around stimuli.
+        }
+
+        // This block is for handling moving of items in/out/around stimuli.
         // For example, when moving down, out of a stimulus group, you don't actually
         // want the position of the quizEntry to change, you just want to change the
         // stimulusQuizEntryId, so that it's no longer associated with the stimulus.
         // There are 4 such cases:
-
       } else if (targetQuizEntry.hasStimulus && !inStimulus) {
         newPosition = movingDown ? position : position + 1;
         newStimulusQuizEntryId = targetQuizEntry.id;
@@ -220,13 +175,13 @@ var DragHandle = /*#__PURE__*/function (_Component) {
         newPosition = position - 1;
         newStimulusQuizEntryId = '';
       }
-
       this.moveQuizEntry(newPosition, newStimulusQuizEntryId);
     }
   }, {
     key: "renderIcon",
     value: function renderIcon() {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton // must be a button when disabled for the screenreader to read it properly
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton
+      // must be a button when disabled for the screenreader to read it properly
       // must be a div when enabled to allow dragging in firefox
       , {
         as: this.props.disabled ? 'button' : 'div',
@@ -246,36 +201,32 @@ var DragHandle = /*#__PURE__*/function (_Component) {
     key: "renderMenuItems",
     value: function renderMenuItems() {
       var menuItems = [];
-
       if (!this.isFirstItem()) {
-        menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
+        menuItems.push(/*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "toTop",
           onSelect: this.moveToTop
         }, _ref, (0, _formatMessage.default)('Move to Top')));
-        menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
+        menuItems.push(/*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "moveUp",
           onSelect: this.moveUp
         }, _ref2, (0, _formatMessage.default)('Move Up')));
       }
-
       if (!this.isLastItem() || this.props.quizEntry.isInStimulus) {
-        menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
+        menuItems.push(/*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "moveDown",
           onSelect: this.moveDown
         }, _ref3, (0, _formatMessage.default)('Move Down')));
-        menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
+        menuItems.push(/*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "toBottom",
           onSelect: this.moveToBottom
         }, _ref4, (0, _formatMessage.default)('Move to Bottom')));
       }
-
       return menuItems;
     }
   }, {
     key: "render",
     value: function render() {
       var menuItems = this.renderMenuItems();
-
       if (!this.props.disabled && menuItems.length > 0) {
         return /*#__PURE__*/_react.default.createElement(_uiMenu.Menu, {
           trigger: this.renderIcon(),
@@ -284,7 +235,6 @@ var DragHandle = /*#__PURE__*/function (_Component) {
           placement: this.props.onSidebar ? 'start' : void 0
         }, menuItems);
       }
-
       return this.renderIcon();
     }
   }, {
@@ -296,7 +246,6 @@ var DragHandle = /*#__PURE__*/function (_Component) {
   DragHandle.displayName = "DragHandle";
   return DragHandle;
 }(_react.Component);
-
 exports.DragHandle = DragHandle;
 DragHandle.propTypes = {
   clearUI: _propTypes.default.func.isRequired,

package/lib/common/components/shared/drag_and_drop/dragAndDropUtils.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,34 +14,23 @@ exports.beginQuizEntryDrag = beginQuizEntryDrag;
 exports.endQuizEntryDrag = endQuizEntryDrag;
 exports.collectDrag = collectDrag;
 exports.dragSource = exports.DropTargetCreator = exports.dropTarget = exports.ItemTypes = exports.onQuizEntryHover = exports.posObjFromQuizEntry = void 0;
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _lodash = require("lodash");
-
 var _immutable = require("immutable");
-
 var _reactDnd = require("react-dnd");
-
 var _cachePreviousArgs = _interopRequireDefault(require("../../../util/cachePreviousArgs.js"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
 function getBoundsForComponent(component) {
   var dndComponent = component.dndComponent ? component.dndComponent : component;
-
   var DOMNode = _reactDom.default.findDOMNode(dndComponent);
-
   return DOMNode && DOMNode.getBoundingClientRect() || {};
 }
-
 var posObjFromQuizEntry = (0, _cachePreviousArgs.default)(function (quizEntryDragging, quizEntryHovered, mousePos, component, inSidebar) {
   var _getBoundsForComponen = getBoundsForComponent(component),
-      top = _getBoundsForComponen.top,
-      bottom = _getBoundsForComponen.bottom,
-      left = _getBoundsForComponen.left,
-      right = _getBoundsForComponen.right;
-
+    top = _getBoundsForComponen.top,
+    bottom = _getBoundsForComponen.bottom,
+    left = _getBoundsForComponen.left,
+    right = _getBoundsForComponen.right;
   var midY = top + (bottom - top) / 2;
   var midX = left + (right - left) / 2;
   var onRightHalf = mousePos.x > midX;
@@ -53,8 +41,9 @@ var posObjFromQuizEntry = (0, _cachePreviousArgs.default)(function (quizEntryDra
     intoEmptyStimulus: false,
     aboveHalf: aboveHalf,
     fromAbove: quizEntryHovered.position > quizEntryDragging.position
-  }; // handle dragging items over stimulus
+  };
 
+  // handle dragging items over stimulus
   if (!quizEntryDragging.hasStimulus && quizEntryHovered.hasStimulus && (onRightHalf || inSidebar)) {
     if (deepInsideEntry && quizEntryHovered.getNestedEntries().size === 0) {
       newPositionObj.intoEmptyStimulus = true;
@@ -66,23 +55,18 @@ var posObjFromQuizEntry = (0, _cachePreviousArgs.default)(function (quizEntryDra
       return null;
     }
   }
-
   var draggingStimulusInStimulus = quizEntryDragging.hasStimulus && quizEntryHovered.isInStimulus;
   var ignoreItemHover = quizEntryHovered.isInStimulus && !deepInsideEntry && !inSidebar;
-
   if (draggingStimulusInStimulus || ignoreItemHover) {
     return null;
   }
-
   return newPositionObj;
 });
 exports.posObjFromQuizEntry = posObjFromQuizEntry;
-
 function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mousePos, quizEntries) {
   // check if dropping above all quizEntries
   var _getBoundsForComponen2 = getBoundsForComponent(startComp),
-      bottom = _getBoundsForComponen2.bottom;
-
+    bottom = _getBoundsForComponen2.bottom;
   if (mousePos.y < bottom) {
     return {
       position: 1,
@@ -90,28 +74,24 @@ function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mousePos,
       aboveHalf: true,
       fromAbove: false
     };
-  } // check if dropping below all quizEntries
-
+  }
 
+  // check if dropping below all quizEntries
   var _getBoundsForComponen3 = getBoundsForComponent(endComp),
-      top = _getBoundsForComponen3.top;
-
+    top = _getBoundsForComponen3.top;
   if (mousePos.y > top) {
     var lastQuizEntry = quizEntries.maxBy(function (quizEntry) {
       return quizEntry.position;
     });
     var position = lastQuizEntry.position;
-
     if (lastQuizEntry.isInStimulus) {
       var stimulusQuizEntry = quizEntries.find(function (qe) {
         return qe.id === lastQuizEntry.stimulusQuizEntryId;
       });
-
       if (stimulusQuizEntry) {
         position = stimulusQuizEntry.position;
       }
     }
-
     return {
       position: position,
       intoEmptyStimulus: false,
@@ -119,54 +99,44 @@ function posObjFromNonQuizEntry(quizEntryDragging, startComp, endComp, mousePos,
       fromAbove: position > quizEntryDragging.position
     };
   }
-
   return null;
 }
-
 function createPositionObj(props, monitor, component, inSidebar) {
   var itemData = monitor.getItem();
   var mousePos = monitor.getClientOffset() || {};
   var newPositionObj = null;
-
   if (props.quizEntry) {
     newPositionObj = posObjFromQuizEntry(itemData.quizEntry, props.quizEntry, mousePos, component, inSidebar);
   } else {
     var startQuizEntries = component.startQuizEntries,
-        endQuizEntries = component.endQuizEntries;
+      endQuizEntries = component.endQuizEntries;
     newPositionObj = posObjFromNonQuizEntry(itemData.quizEntry, startQuizEntries, endQuizEntries, mousePos, props.quizEntries);
   }
-
   return newPositionObj;
-} // createPosition arg is so that tests can stub it
-
+}
 
+// createPosition arg is so that tests can stub it
 var onQuizEntryHover = (0, _lodash.debounce)(function (props, monitor, component, refname) {
   var createPosition = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : createPositionObj;
   var inSidebar = refname === _quizCommon.SIDEBAR_ITEM_REF;
-
   if (inSidebar && !props.sidebarOpen) {
     return;
   }
-
   var itemData = monitor.getItem();
-
   if (itemData === null) {
     return;
   }
-
   var newPositionObj = createPosition(props, monitor, component, inSidebar);
   if (newPositionObj === null) return;
   var samePosition = newPositionObj.position === itemData.position;
   var sameAboveHalf = newPositionObj.aboveHalf === itemData.aboveHalf;
   var sameIntoEmptyStimulus = newPositionObj.intoEmptyStimulus === itemData.intoEmptyStimulus;
-
   if (samePosition && sameAboveHalf && sameIntoEmptyStimulus) {
     return;
-  } // mutation used here to avoid rerendering on every mouse pixel move
+  }
+  // mutation used here to avoid rerendering on every mouse pixel move
   // author of React DnD acknoledges shortcomings of mutations but
   // recommends it here for performance purposes
-
-
   Object.assign(monitor.getItem(), {
     position: newPositionObj.position,
     aboveHalf: newPositionObj.aboveHalf,
@@ -175,7 +145,6 @@ var onQuizEntryHover = (0, _lodash.debounce)(function (props, monitor, component
   props.newHoverPosition(newPositionObj);
 });
 exports.onQuizEntryHover = onQuizEntryHover;
-
 function positionOfTempItem(quizEntries) {
   // TODO: replace the use of chain with lodash/fp functions and flow
   return (0, _lodash.chain)(quizEntries.toJS()).sortBy(function (qe) {
@@ -184,33 +153,26 @@ function positionOfTempItem(quizEntries) {
     return qe.id;
   }).indexOf(_quizCommon.TEMPORARY_QUIZ_ENTRY_ID).value() + 1;
 }
-
 function newPositionFromPositionObj(newPositionObj, originalItemPosition) {
   if (newPositionObj.intoEmptyStimulus) {
     var offset = newPositionObj.fromAbove ? 0 : 1;
     return newPositionObj.position + offset;
   }
-
   if (newPositionObj.position === originalItemPosition) {
     return newPositionObj.position;
   }
-
   if (newPositionObj.fromAbove && newPositionObj.aboveHalf) {
     return newPositionObj.position - 1;
   }
-
   if (!newPositionObj.fromAbove && !newPositionObj.aboveHalf) {
     return newPositionObj.position + 1;
   }
-
   return newPositionObj.position;
 }
-
 function handleDrop(props, newPosition, newStimulusQuizEntryId, oldStimulusQuizEntryId, itemData, moveTempItem, inSidebar) {
   var quizEntry = itemData.quizEntry;
   var stimulusQuizEntryIdChanged = newStimulusQuizEntryId !== oldStimulusQuizEntryId;
   var isImmutable = quizEntry.isItem ? quizEntry.getEntry().isImmutable() : false;
-
   if (isImmutable && stimulusQuizEntryIdChanged) {
     var uiData = (0, _immutable.Map)({
       movedInSidebar: inSidebar,
@@ -226,7 +188,6 @@ function handleDrop(props, newPosition, newStimulusQuizEntryId, oldStimulusQuizE
     props.moveQuizEntry(props.quizId, newPosition, newStimulusQuizEntryId, quizEntry.id, moveTempItem);
   }
 }
-
 function onQuizEntryDrop(props, monitor, component, refname) {
   var inSidebar = refname === _quizCommon.SIDEBAR_ITEM_REF;
   var handledDrop = monitor.getDropResult() && monitor.getDropResult().handledDrop;
@@ -234,29 +195,23 @@ function onQuizEntryDrop(props, monitor, component, refname) {
   var movingQuizEntry = itemData.quizEntry;
   var hoveredQuizEntry = props.quizEntry;
   var dropStimIntoStim = movingQuizEntry.hasStimulus && hoveredQuizEntry && hoveredQuizEntry.isInStimulus;
-
   if (inSidebar && !props.sidebarOpen || handledDrop || !props.dndPositionObj || dropStimIntoStim) {
     return {
       handledDrop: handledDrop || false
     };
   }
-
   var quizEntries = props.quizEntries;
   var originalItemPosition = movingQuizEntry.position;
   var newStimulusQuizEntryId = '';
-
   var findPositionInList = function findPositionInList(quizEntriesList) {
     var newPositionObj = props.dndPositionObj.toJS() || itemData;
     var targetQuizEntry = quizEntriesList.find(function (qe) {
       return qe.position === newPositionObj.position;
     });
-
     if (movingQuizEntry.id === targetQuizEntry && targetQuizEntry.id) {
       return newPositionObj.position;
     }
-
     var targetIsStimulus = targetQuizEntry && targetQuizEntry.hasStimulus;
-
     if (targetIsStimulus && newPositionObj.intoEmptyStimulus) {
       // into empty
       newStimulusQuizEntryId = targetQuizEntry.id;
@@ -266,76 +221,61 @@ function onQuizEntryDrop(props, monitor, component, refname) {
     } else {
       newStimulusQuizEntryId = targetQuizEntry && targetQuizEntry.stimulusQuizEntryId || '';
     }
-
     return newPositionFromPositionObj(newPositionObj, originalItemPosition);
   };
-
   if (movingQuizEntry.id === _quizCommon.TEMPORARY_QUIZ_ENTRY_ID) {
     var newPosition = findPositionInList(quizEntries);
-
     if (newPosition === originalItemPosition) {
       return {
         handledDrop: true
       };
     }
-
     var movingDown = newPosition > originalItemPosition;
     props.moveTemporaryQuizEntry(newPosition, newStimulusQuizEntryId, movingDown);
   } else {
     var quizEntriesWithoutTemp = quizEntries.filterNot(function (qe) {
       return qe.id === _quizCommon.TEMPORARY_QUIZ_ENTRY_ID;
     });
-
     var _newPosition = findPositionInList(quizEntriesWithoutTemp);
-
     var newPositionIncludingTemp = findPositionInList(quizEntries);
     var tempItemPosition = positionOfTempItem(quizEntries);
     var originBelowTemp = originalItemPosition >= tempItemPosition;
     var originAboveTemp = originalItemPosition < tempItemPosition;
     var droppedPastTemp = originBelowTemp && newPositionIncludingTemp < tempItemPosition || originAboveTemp && newPositionIncludingTemp > tempItemPosition;
     var droppedOnTemp = tempItemPosition === newPositionIncludingTemp;
-
     var moveTempItem = function moveTempItem() {
       if (droppedPastTemp || droppedOnTemp) {
         var directionToMoveTempItem = originAboveTemp ? 'up' : 'down';
-
         var _movingDown = !originAboveTemp;
-
         props.moveTemporaryQuizEntry(directionToMoveTempItem, newStimulusQuizEntryId, _movingDown);
       }
     };
-
     var oldStimulusQuizEntryId = movingQuizEntry.stimulusQuizEntryId || '';
     var samePosition = _newPosition === originalItemPosition;
     var sameStimulus = newStimulusQuizEntryId === oldStimulusQuizEntryId;
     var stimulusBelowItself = movingQuizEntry.hasStimulus && hoveredQuizEntry && hoveredQuizEntry.id === movingQuizEntry.id && _newPosition === originalItemPosition + movingQuizEntry.positionSlots + (movingQuizEntry.positionSlots ? 1 : 0);
-
     if (samePosition && sameStimulus || stimulusBelowItself) {
       moveTempItem();
       return {
         handledDrop: true
       };
     }
-
     handleDrop(props, _newPosition, newStimulusQuizEntryId, oldStimulusQuizEntryId, itemData, moveTempItem, inSidebar);
     return {
       handledDrop: true
     };
   }
 }
-
 function collectDrop(connect, monitor) {
   return {
     connectDropTarget: connect.dropTarget(),
     isOver: monitor.isOver()
   };
 }
-
 var ItemTypes = {
   QUIZ_ENTRY: 'quiz_entry'
 };
 exports.ItemTypes = ItemTypes;
-
 var dropTarget = function dropTarget(refname) {
   return {
     drop: function drop(props, monitor, component) {
@@ -345,22 +285,20 @@ var dropTarget = function dropTarget(refname) {
       onQuizEntryHover(props, monitor, component, refname);
     }
   };
-}; // - ItemTypes.QUIZ_ENTRY associates this component drop target with a name
+};
+
+// - ItemTypes.QUIZ_ENTRY associates this component drop target with a name
 // - dropTarget specifies functions React DnD will call for events with this component
 // - collectDrop injects props into component
-
-
 exports.dropTarget = dropTarget;
-
 var DropTargetCreator = function DropTargetCreator(refname) {
   return (0, _reactDnd.DropTarget)(ItemTypes.QUIZ_ENTRY, dropTarget(refname), collectDrop);
-}; // ///////////////// //
+};
+
+// ///////////////// //
 // DRAG SOURCE STUFF //
 // ///////////////// //
-
-
 exports.DropTargetCreator = DropTargetCreator;
-
 function usingIE() {
   var windowOverride = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window;
   var ua = windowOverride.navigator.userAgent;
@@ -369,31 +307,26 @@ function usingIE() {
   var ie10 = ua.includes('MSIE ');
   return edge || ie11 || ie10;
 }
-
 function chooseDragConnection(dragSource, dragPreview) {
   var windowOverride = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : window;
   return usingIE(windowOverride) ? dragSource : dragPreview;
 }
-
 function beginQuizEntryDrag(props, monitor, component) {
   return {
     quizEntry: props.quizEntry
   };
 }
-
 function endQuizEntryDrag(props, monitor, component) {
   // to indicate we're no longer dragging
   props.newHoverPosition({
     position: -1
   });
 }
-
 var dragSource = {
   beginDrag: beginQuizEntryDrag,
   endDrag: endQuizEntryDrag
 };
 exports.dragSource = dragSource;
-
 function collectDrag(connect, monitor) {
   return {
     connectDragSource: connect.dragSource(),