@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,14 +1,30 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { FormFieldGroup } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { View } from '@instructure/ui-view';
 import { List } from 'immutable';
-import { breakdownSeconds, DAY_IN_SECONDS, HOUR_IN_SECONDS, MINUTE_IN_SECONDS } from "../FormattedDuration/index.js";
+import { breakdownSeconds, DAY_IN_SECONDS, HOUR_IN_SECONDS, MINUTE_IN_SECONDS } from '../FormattedDuration';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { NumberInput } from '@instructure/quiz-number-input';
 
@@ -23,44 +39,42 @@ import { NumberInput } from '@instructure/quiz-number-input';
 // seconds could be added in the future if needed
 
 export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
-  _inherits(TimeUnitsInput, _Component);
-  var _super = _createSuper(TimeUnitsInput);
   function TimeUnitsInput() {
-    var _this;
+    var _this2;
     _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) {
+    _this2 = _callSuper(this, TimeUnitsInput, [].concat(args));
+    _defineProperty(_this2, "isIncrementOrDecrement", function (e) {
       // Is the event an increment or decrement event?
       // These events can be sourced from either the arrow buttons on the input, or the user
       // using the up or down arrows on the keyboard
       var fromButtonInput = e.nativeEvent.target && e.nativeEvent.target.tagName !== 'INPUT';
       var fromArrowKeys = e.key === 'ArrowUp' || e.key === 'ArrowDown';
       return fromButtonInput || fromArrowKeys;
-    };
-    _this.onChangeTime = function (e, rawString, inputNumber, source) {
-      var normalizeOnInput = _this.isIncrementOrDecrement(e) || _this.props.normalizeOnInput;
-      var minutes = source === 'minutes' ? inputNumber : _this.state.minutes;
+    });
+    _defineProperty(_this2, "onChangeTime", function (e, rawString, inputNumber, source) {
+      var normalizeOnInput = _this2.isIncrementOrDecrement(e) || _this2.props.normalizeOnInput;
+      var minutes = source === 'minutes' ? inputNumber : _this2.state.minutes;
       minutes = normalizeOnInput ? minutes : Math.max(minutes, 0);
-      var hours = source === 'hours' ? inputNumber : _this.state.hours;
+      var hours = source === 'hours' ? inputNumber : _this2.state.hours;
       hours = normalizeOnInput ? hours : Math.max(hours, 0);
-      var days = source === 'days' ? inputNumber : _this.state.days || 0;
+      var days = source === 'days' ? inputNumber : _this2.state.days || 0;
       var totalSeconds = minutes * MINUTE_IN_SECONDS + hours * HOUR_IN_SECONDS + days * DAY_IN_SECONDS;
       var hoursError = null;
       var daysError = null;
       var shouldResetOnNormalize = false;
-      var _breakdownSeconds = breakdownSeconds(totalSeconds, _this.props.includeDays),
+      var _breakdownSeconds = breakdownSeconds(totalSeconds, _this2.props.includeDays),
         newDays = _breakdownSeconds.days,
         newHours = _breakdownSeconds.hours,
         newMinutes = _breakdownSeconds.minutes;
-      if (totalSeconds > _this.props.maxTimeInSeconds) {
-        var _breakdownSeconds2 = breakdownSeconds(_this.props.maxTimeInSeconds, _this.props.includeDays),
+      if (totalSeconds > _this2.props.maxTimeInSeconds) {
+        var _breakdownSeconds2 = breakdownSeconds(_this2.props.maxTimeInSeconds, _this2.props.includeDays),
           maxDays = _breakdownSeconds2.days,
           maxHours = _breakdownSeconds2.hours,
           maxMinutes = _breakdownSeconds2.minutes;
-        if (_this.props.includeDays) {
+        if (_this2.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,
             newHours: newHours,
@@ -77,14 +91,14 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             maxMinutes: maxMinutes
           });
         }
-        totalSeconds = _this.props.maxTimeInSeconds;
+        totalSeconds = _this2.props.maxTimeInSeconds;
         shouldResetOnNormalize = true;
-      } else if (totalSeconds < _this.props.minTimeInSeconds) {
-        var _breakdownSeconds3 = breakdownSeconds(_this.props.minTimeInSeconds, _this.props.includeDays),
+      } else if (totalSeconds < _this2.props.minTimeInSeconds) {
+        var _breakdownSeconds3 = breakdownSeconds(_this2.props.minTimeInSeconds, _this2.props.includeDays),
           minDays = _breakdownSeconds3.days,
           minHours = _breakdownSeconds3.hours,
           minMinutes = _breakdownSeconds3.minutes;
-        if (_this.props.includeDays) {
+        if (_this2.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,
             newHours: newHours,
@@ -101,11 +115,11 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
             minMinutes: minMinutes
           });
         }
-        totalSeconds = _this.props.minTimeInSeconds;
+        totalSeconds = _this2.props.minTimeInSeconds;
         shouldResetOnNormalize = true;
       }
       if (normalizeOnInput) {
-        _this.setState({
+        _this2.setState({
           days: days,
           hours: hours,
           minutes: minutes,
@@ -114,9 +128,9 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           minutesError: null,
           totalSeconds: totalSeconds,
           shouldResetOnNormalize: shouldResetOnNormalize
-        }, _this.onNormalizeTime);
+        }, _this2.onNormalizeTime);
       } else {
-        _this.setState({
+        _this2.setState({
           days: days,
           rawDaysText: days,
           hours: hours,
@@ -130,17 +144,17 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           shouldResetOnNormalize: shouldResetOnNormalize
         });
       }
-    };
-    _this.onNormalizeTime = function () {
-      var _breakdownSeconds4 = breakdownSeconds(_this.state.totalSeconds, _this.props.includeDays),
+    });
+    _defineProperty(_this2, "onNormalizeTime", function () {
+      var _breakdownSeconds4 = breakdownSeconds(_this2.state.totalSeconds, _this2.props.includeDays),
         newDays = _breakdownSeconds4.days,
         newHours = _breakdownSeconds4.hours,
         newMinutes = _breakdownSeconds4.minutes;
-      if (_this.state.shouldResetOnNormalize) {
-        var _this$props$onReset, _this$props;
-        (_this$props$onReset = (_this$props = _this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props);
+      if (_this2.state.shouldResetOnNormalize) {
+        var _this2$props$onReset, _this2$props;
+        (_this2$props$onReset = (_this2$props = _this2.props).onReset) === null || _this2$props$onReset === void 0 || _this2$props$onReset.call(_this2$props);
       }
-      _this.setState({
+      _this2.setState({
         days: newDays,
         rawDaysText: newDays,
         hours: newHours,
@@ -149,23 +163,23 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         rawMinutesText: newMinutes,
         shouldResetOnNormalize: false
       });
-      _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 () {
+      _this2.props.onChange(_this2.state.totalSeconds);
+    });
+    _defineProperty(_this2, "onChangeExtraMinutes", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'minutes');
+    });
+    _defineProperty(_this2, "onChangeExtraHours", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'hours');
+    });
+    _defineProperty(_this2, "onChangeExtraDays", function (e, rawString, normalizedString) {
+      _this2.onChangeTimeUnit(e, rawString, normalizedString, 'days');
+    });
+    _defineProperty(_this2, "getErrorList", function () {
       var errorArray = [];
-      var _this$state = _this.state,
-        daysError = _this$state.daysError,
-        hoursError = _this$state.hoursError,
-        minutesError = _this$state.minutesError;
+      var _this2$state = _this2.state,
+        daysError = _this2$state.daysError,
+        hoursError = _this2$state.hoursError,
+        minutesError = _this2$state.minutesError;
       daysError && errorArray.push(daysError);
       hoursError && errorArray.push(hoursError);
       minutesError && errorArray.push(minutesError);
@@ -175,10 +189,11 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
           text: error
         };
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(TimeUnitsInput, [{
+  _inherits(TimeUnitsInput, _Component);
+  return _createClass(TimeUnitsInput, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var _breakdownSeconds5 = breakdownSeconds(this.props.timeInSeconds, this.props.includeDays),
@@ -260,7 +275,7 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         width: this.props.inputWidth
       }), /*#__PURE__*/React.createElement(NumberInput, {
         renderLabel: this.props.hoursLabel,
-        min: this.props.includeDays ? void 0 : 0,
+        min: this.props.includeDays ? undefined : 0,
         value: this.state.rawHoursText,
         onChange: this.onChangeExtraHours,
         onBlur: this.onNormalizeTime,
@@ -282,10 +297,8 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  TimeUnitsInput.displayName = "TimeUnitsInput";
-  return TimeUnitsInput;
 }(Component);
-TimeUnitsInput.propTypes = {
+_defineProperty(TimeUnitsInput, "propTypes", {
   onChange: PropTypes.func.isRequired,
   margin: PropTypes.string,
   inputWidth: PropTypes.string,
@@ -305,8 +318,8 @@ TimeUnitsInput.propTypes = {
   // 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 = {
+});
+_defineProperty(TimeUnitsInput, "defaultProps", {
   includeDays: false,
   daysLabel: t('Days'),
   hoursLabel: t('Hours'),
@@ -314,11 +327,11 @@ TimeUnitsInput.defaultProps = {
   timeInSeconds: 0,
   minTimeInSeconds: 0,
   normalizeOnInput: false,
-  margin: void 0,
+  margin: undefined,
   daysDataAutomation: '',
   hoursDataAutomation: '',
   minutesDataAutomation: '',
   inputWidth: null,
   onReset: void 0
-};
+});
 export default TimeUnitsInput;

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

@@ -1,32 +1,47 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _DragAndDropZone;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var DragAndDropZone = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_DragAndDropZone = /*#__PURE__*/function (_Component) {
-  _inherits(DragAndDropZone, _Component);
-  var _super = _createSuper(DragAndDropZone);
   function DragAndDropZone() {
-    var _this;
+    var _this2;
     _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 = {
+    _this2 = _callSuper(this, DragAndDropZone, [].concat(args));
+    _defineProperty(_this2, "state", {
       toRender: false
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(DragAndDropZone, [{
+  _inherits(DragAndDropZone, _Component);
+  return _createClass(DragAndDropZone, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles({
@@ -81,9 +96,7 @@ export var DragAndDropZone = (_dec = withStyleOverrides(generateStyle, generateC
       }, t('Drop Question Here')));
     }
   }]);
-  DragAndDropZone.displayName = "DragAndDropZone";
-  return DragAndDropZone;
-}(Component), _DragAndDropZone.displayName = 'DragAndDropZone', _DragAndDropZone.componentId = "Quizzes".concat(_DragAndDropZone.displayName), _DragAndDropZone.propTypes = {
+}(Component), _defineProperty(_DragAndDropZone, "displayName", 'DragAndDropZone'), _defineProperty(_DragAndDropZone, "componentId", "Quizzes".concat(_DragAndDropZone.displayName)), _defineProperty(_DragAndDropZone, "propTypes", {
   draggingAboveHalf: PropTypes.bool.isRequired,
   draggingOver: PropTypes.bool.isRequired,
   dropIntoEmptyStimulus: PropTypes.bool,
@@ -93,12 +106,12 @@ export var DragAndDropZone = (_dec = withStyleOverrides(generateStyle, generateC
   sidebarOpen: PropTypes.bool,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _DragAndDropZone.defaultProps = {
+}), _defineProperty(_DragAndDropZone, "defaultProps", {
   draggingAboveHalf: false,
   draggingOver: false,
   dropIntoEmptyStimulus: false,
   inSidebar: false,
   inStimulus: false,
   sidebarOpen: true
-}, _DragAndDropZone)) || _class);
+}), _DragAndDropZone)) || _class);
 export default DragAndDropZone;

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

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     dropZoneStyle: _objectSpread(_objectSpread(_objectSpread({}, !props.inSidebar && {

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

@@ -4,16 +4,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     DnDZoneBorderWidth: borders.widthSmall,
-    DnDZoneBorderColor: colors.tiara,
-    DnDZoneBackgroundColor: colors.porcelain,
+    DnDZoneBorderColor: colors.contrasts.grey1214,
+    DnDZoneBackgroundColor: colors.contrasts.grey1111,
     DnDZonePadding: spacing.medium,
     // sidebar:
     sidebarDnDZoneBorderWidth: borders.widthSmall,
-    sidebarDnDZoneBorderColor: colors.oxford,
-    sidebarDnDZoneBackgroundColor: colors.porcelain,
+    sidebarDnDZoneBorderColor: colors.contrasts.grey100100,
+    sidebarDnDZoneBackgroundColor: colors.contrasts.grey1111,
     sidebarDnDZonePadding: spacing.small,
     sidebarDnDZoneMargin: spacing.xSmall,
-    sidebarDnDZoneColor: colors.licorice
+    sidebarDnDZoneColor: colors.contrasts.grey125125
   };
 };
 export default generateComponentTheme;

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

@@ -1,13 +1,13 @@
-import { connect } from "../../../../react-redux.js";
-import makeEditable from "../../../../../common/components/shared/functionality/makeEditable.js";
-import DragHandle from "./presenter.js";
-import { screenreaderNotification } from "../../../../../common/actions/alerts.js";
-import { moveTemporaryQuizEntry } from "../../../../../common/actions/modifications.js";
-import { moveQuizEntry } from "../../../../../building/api/quizEntries.js";
-import { set as setUI, clear as clearUI } from "../../../../../common/actions/ui.js";
-import { openMoveImmutableModal } from "../../../../../common/actions/modal.js";
+import { connect } from '../../../../react-redux';
+import makeEditable from '../../../../../common/components/shared/functionality/makeEditable';
+import DragHandle from './presenter';
+import { screenreaderNotification } from '../../../../../common/actions/alerts';
+import { moveTemporaryQuizEntry } from '../../../../../common/actions/modifications';
+import { moveQuizEntry } from '../../../../../building/api/quizEntries';
+import { set as setUI, clear as clearUI } from '../../../../../common/actions/ui';
+import { openMoveImmutableModal } from '../../../../../common/actions/modal';
 import { MOVED_QUIZ_ENTRY, MOVED_IN_SIDEBAR } from '@instructure/quiz-common';
-import { getActiveQuiz } from "../../../../selectors/quizzes.js";
+import { getActiveQuiz } from '../../../../selectors/quizzes';
 export var mapStateToProps = function mapStateToProps(state, props) {
   var activeQuiz = getActiveQuiz(state);
   return {

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

@@ -1,7 +1,23 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -10,48 +26,43 @@ import { IconButton } from '@instructure/ui-buttons';
 import { Menu } from '@instructure/ui-menu';
 import { IconArrowDownLine, IconArrowUpLine, IconDragHandleLine, IconMiniArrowDownLine, IconMiniArrowUpLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
-import keyboardClickable from "../../../../../common/util/keyboardClickable.js";
+import keyboardClickable from '../../../../../common/util/keyboardClickable';
 import { MOVE_IMMUTABLE_DATA, SIDEBAR_NAV_ID, MOVED_QUIZ_ENTRY, MOVED_IN_SIDEBAR, MOVE } from '@instructure/quiz-common';
-var _ref = /*#__PURE__*/React.createElement(IconArrowUpLine, null);
-var _ref2 = /*#__PURE__*/React.createElement(IconMiniArrowUpLine, null);
-var _ref3 = /*#__PURE__*/React.createElement(IconMiniArrowDownLine, null);
-var _ref4 = /*#__PURE__*/React.createElement(IconArrowDownLine, null);
 export var DragHandle = /*#__PURE__*/function (_Component) {
-  _inherits(DragHandle, _Component);
-  var _super = _createSuper(DragHandle);
   function DragHandle() {
-    var _this;
+    var _this2;
     _classCallCheck(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);
+    _this2 = _callSuper(this, DragHandle, [].concat(args));
+    _defineProperty(_this2, "moveUp", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position - 1);
       var msg = t('Question moved one space up.');
-      _this.props.screenreaderNotification(msg);
-    };
-    _this.moveDown = function () {
-      _this.moveToPosition(_this.props.quizEntry.position + 1);
+      _this2.props.screenreaderNotification(msg);
+    });
+    _defineProperty(_this2, "moveDown", function () {
+      _this2.moveToPosition(_this2.props.quizEntry.position + 1);
       var msg = t('Question moved one space down.');
-      _this.props.screenreaderNotification(msg);
-    };
-    _this.moveToTop = function () {
-      _this.moveQuizEntry(1, '');
+      _this2.props.screenreaderNotification(msg);
+    });
+    _defineProperty(_this2, "moveToTop", function () {
+      _this2.moveQuizEntry(1, '');
       var msg = t('Question moved to top of assessment.');
-      _this.props.screenreaderNotification(msg);
-    };
-    _this.moveToBottom = function () {
-      _this.moveQuizEntry(_this.props.quizEntries.size, '');
+      _this2.props.screenreaderNotification(msg);
+    });
+    _defineProperty(_this2, "moveToBottom", function () {
+      _this2.moveQuizEntry(_this2.props.quizEntries.size, '');
       var msg = t('Question moved to bottom of assessment.');
-      _this.props.screenreaderNotification(msg);
-    };
-    _this.handleTriggerRef = function (node) {
-      _this.triggerRef = node;
-    };
-    return _this;
+      _this2.props.screenreaderNotification(msg);
+    });
+    _defineProperty(_this2, "handleTriggerRef", function (node) {
+      _this2.triggerRef = node;
+    });
+    return _this2;
   }
-  _createClass(DragHandle, [{
+  _inherits(DragHandle, _Component);
+  return _createClass(DragHandle, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.conditionalFocus();
@@ -197,24 +208,29 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
         menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "toTop",
           onSelect: this.moveToTop
-        }, _ref, t('Move to Top')));
+        }, /*#__PURE__*/React.createElement(IconArrowUpLine, null), t('Move to Top')));
         menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "moveUp",
           onSelect: this.moveUp
-        }, _ref2, t('Move Up')));
+        }, /*#__PURE__*/React.createElement(IconMiniArrowUpLine, null), t('Move Up')));
       }
       if (!this.isLastItem() || this.props.quizEntry.isInStimulus) {
         menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "moveDown",
           onSelect: this.moveDown
-        }, _ref3, t('Move Down')));
+        }, /*#__PURE__*/React.createElement(IconMiniArrowDownLine, null), t('Move Down')));
         menuItems.push(/*#__PURE__*/React.createElement(Menu.Item, {
           key: "toBottom",
           onSelect: this.moveToBottom
-        }, _ref4, t('Move to Bottom')));
+        }, /*#__PURE__*/React.createElement(IconArrowDownLine, null), t('Move to Bottom')));
       }
       return menuItems;
     }
+  }, {
+    key: "sidebarNav",
+    get: function get() {
+      return document.getElementById(SIDEBAR_NAV_ID);
+    }
   }, {
     key: "render",
     value: function render() {
@@ -229,16 +245,9 @@ export var DragHandle = /*#__PURE__*/function (_Component) {
       }
       return this.renderIcon();
     }
-  }, {
-    key: "sidebarNav",
-    get: function get() {
-      return document.getElementById(SIDEBAR_NAV_ID);
-    }
   }]);
-  DragHandle.displayName = "DragHandle";
-  return DragHandle;
 }(Component);
-DragHandle.propTypes = {
+_defineProperty(DragHandle, "propTypes", {
   clearUI: PropTypes.func.isRequired,
   disabled: PropTypes.bool,
   displayPosition: PropTypes.number.isRequired,
@@ -253,11 +262,11 @@ DragHandle.propTypes = {
   quizId: PropTypes.string.isRequired,
   screenreaderNotification: PropTypes.func.isRequired,
   setUI: PropTypes.func.isRequired
-};
-DragHandle.defaultProps = {
+});
+_defineProperty(DragHandle, "defaultProps", {
   disabled: false,
   movedQuizEntry: '',
   movedInSidebar: null,
   onSidebar: false
-};
+});
 export default DragHandle;

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

@@ -2,7 +2,7 @@ import ReactDOM from 'react-dom';
 import { chain, debounce } from 'lodash';
 import { Map } from 'immutable';
 import { DropTarget } from 'react-dnd';
-import cachePreviousArgs from "../../../util/cachePreviousArgs.js";
+import cachePreviousArgs from '../../../util/cachePreviousArgs';
 import { TEMPORARY_QUIZ_ENTRY_ID, SIDEBAR_ITEM_REF, MOVE_IMMUTABLE_DATA, MOVED_IN_SIDEBAR } from '@instructure/quiz-common';
 export function getBoundsForComponent(component) {
   var dndComponent = component.dndComponent ? component.dndComponent : component;
@@ -103,7 +103,7 @@ function createPositionObj(props, monitor, component, inSidebar) {
 
 // createPosition arg is so that tests can stub it
 export var onQuizEntryHover = debounce(function (props, monitor, component, refname) {
-  var createPosition = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : createPositionObj;
+  var createPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : createPositionObj;
   var inSidebar = refname === SIDEBAR_ITEM_REF;
   if (inSidebar && !props.sidebarOpen) {
     return;
@@ -283,7 +283,7 @@ export var DropTargetCreator = function DropTargetCreator(refname) {
 // ///////////////// //
 
 export function usingIE() {
-  var windowOverride = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window;
+  var windowOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
   var ua = windowOverride.navigator.userAgent;
   var edge = ua.includes('Edge/');
   var ie11 = ua.includes('Trident/');
@@ -291,7 +291,7 @@ export function usingIE() {
   return edge || ie11 || ie10;
 }
 export function chooseDragConnection(dragSource, dragPreview) {
-  var windowOverride = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : window;
+  var windowOverride = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window;
   return usingIE(windowOverride) ? dragSource : dragPreview;
 }
 export function beginQuizEntryDrag(props, monitor, component) {