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

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

@@ -1,14 +1,11 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props, state) {
   return {
     dropZoneStyle: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, !props.inSidebar && {
@@ -46,6 +43,4 @@ var generateStyle = function generateStyle(componentTheme, props, state) {
     })
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      borders = _ref.borders;
+    colors = _ref.colors,
+    borders = _ref.borders;
   return {
     DnDZoneBorderWidth: borders.widthSmall,
     DnDZoneBorderColor: colors.tiara,
@@ -23,6 +22,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sidebarDnDZoneColor: colors.licorice
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,33 +1,21 @@
 "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.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");
-
+exports.mapStateToProps = exports.default = void 0;
+var _reactRedux = require("../../../../react-redux");
+var _makeEditable = _interopRequireDefault(require("../../../../../common/components/shared/functionality/makeEditable"));
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _alerts = require("../../../../../common/actions/alerts");
+var _modifications = require("../../../../../common/actions/modifications");
+var _quizEntries = require("../../../../../building/api/quizEntries");
+var _ui = require("../../../../../common/actions/ui");
+var _modal = require("../../../../../common/actions/modal");
 var _quizCommon = require("@instructure/quiz-common");
-
-var _quizzes = require("../../../../selectors/quizzes.js");
-
-var mapStateToProps = function mapStateToProps(state, props) {
+var _quizzes = require("../../../../selectors/quizzes");
+var mapStateToProps = exports.mapStateToProps = function mapStateToProps(state, props) {
   var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
   return {
     movedInSidebar: state.getIn(['ui', _quizCommon.MOVED_IN_SIDEBAR]),
@@ -35,8 +23,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     quizId: activeQuiz.id
   };
 };
-
-exports.mapStateToProps = mapStateToProps;
 var mapDispatchToProps = {
   clearUI: _ui.clear,
   moveQuizEntry: _quizEntries.moveQuizEntry,
@@ -45,7 +31,4 @@ var mapDispatchToProps = {
   screenreaderNotification: _alerts.screenreaderNotification,
   setUI: _ui.set
 };
-
-var _default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default));
-
-exports.default = _default;
+var _default = exports.default = (0, _makeEditable.default)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default));

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

@@ -1,106 +1,61 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _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 _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 _keyboardClickable = _interopRequireDefault(require("../../../../../common/util/keyboardClickable"));
 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);
-
+var _IconArrowUpLine, _IconMiniArrowUpLine, _IconMiniArrowDownLin, _IconArrowDownLine;
+var DragHandle = exports.DragHandle = /*#__PURE__*/function (_Component) {
   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 = (0, _callSuper2.default)(this, DragHandle, [].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, [{
+  (0, _inherits2.default)(DragHandle, _Component);
+  return (0, _createClass2.default)(DragHandle, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.conditionalFocus();
@@ -115,7 +70,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 +85,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 +95,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 +125,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 +151,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 +171,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 +197,37 @@ var DragHandle = /*#__PURE__*/function (_Component) {
     key: "renderMenuItems",
     value: function renderMenuItems() {
       var menuItems = [];
-
       if (!this.isFirstItem()) {
         menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "toTop",
           onSelect: this.moveToTop
-        }, _ref, (0, _formatMessage.default)('Move to Top')));
+        }, _IconArrowUpLine || (_IconArrowUpLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconArrowUpLine, null)), (0, _formatMessage.default)('Move to Top')));
         menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "moveUp",
           onSelect: this.moveUp
-        }, _ref2, (0, _formatMessage.default)('Move Up')));
+        }, _IconMiniArrowUpLine || (_IconMiniArrowUpLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconMiniArrowUpLine, null)), (0, _formatMessage.default)('Move Up')));
       }
-
       if (!this.isLastItem() || this.props.quizEntry.isInStimulus) {
         menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "moveDown",
           onSelect: this.moveDown
-        }, _ref3, (0, _formatMessage.default)('Move Down')));
+        }, _IconMiniArrowDownLin || (_IconMiniArrowDownLin = /*#__PURE__*/_react.default.createElement(_uiIcons.IconMiniArrowDownLine, null)), (0, _formatMessage.default)('Move Down')));
         menuItems.push( /*#__PURE__*/_react.default.createElement(_uiMenu.Menu.Item, {
           key: "toBottom",
           onSelect: this.moveToBottom
-        }, _ref4, (0, _formatMessage.default)('Move to Bottom')));
+        }, _IconArrowDownLine || (_IconArrowDownLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconArrowDownLine, null)), (0, _formatMessage.default)('Move to Bottom')));
       }
-
       return menuItems;
     }
+  }, {
+    key: "sidebarNav",
+    get: function get() {
+      return document.getElementById(_quizCommon.SIDEBAR_NAV_ID);
+    }
   }, {
     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,20 +236,10 @@ var DragHandle = /*#__PURE__*/function (_Component) {
           placement: this.props.onSidebar ? 'start' : void 0
         }, menuItems);
       }
-
       return this.renderIcon();
     }
-  }, {
-    key: "sidebarNav",
-    get: function get() {
-      return document.getElementById(_quizCommon.SIDEBAR_NAV_ID);
-    }
   }]);
-  DragHandle.displayName = "DragHandle";
-  return DragHandle;
 }(_react.Component);
-
-exports.DragHandle = DragHandle;
 DragHandle.propTypes = {
   clearUI: _propTypes.default.func.isRequired,
   disabled: _propTypes.default.bool,
@@ -320,5 +262,4 @@ DragHandle.defaultProps = {
   movedInSidebar: null,
   onSidebar: false
 };
-var _default = DragHandle;
-exports.default = _default;
+var _default = exports.default = DragHandle;