@instructure/quiz-core 17.19.2 → 17.20.0

package/lib/building/api/stimuli.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStimulus = createStimulus;
+exports.updateStimulus = updateStimulus;
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _alerts = require("../../common/actions/alerts.js");
+
+var _callHandlers = require("../../common/api/callHandlers.js");
+
+var _Fetcher = _interopRequireDefault(require("../../common/util/Fetcher.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+// =====================
+// =====================
+//       CREATE
+// =====================
+// =====================
+function createStimulus(stimulus, parentId, parentType) {
+  var parentStimulusId = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null;
+  var resource = parentType === 'bank' ? 'banks' : 'quizzes';
+  var url = "/api/".concat(resource, "/").concat(parentId, "/stimuli");
+  var stimulusParams = {
+    orientation: stimulus.orientation,
+    body: stimulus.body,
+    instructions: stimulus.instructions,
+    parent_stimulus_id: parentStimulusId,
+    source_url: stimulus.sourceUrl,
+    stimulus_type: stimulus.stimulusType,
+    title: stimulus.title
+  };
+  var requestBody = JSON.stringify({
+    stimulus: stimulusParams
+  });
+  return function (dispatch, getState) {
+    var fetcher = new _Fetcher.default({
+      callType: _quizCommon.CREATE_STIMULUS_CALL,
+      onError: function onError() {
+        return (0, _alerts.addError)((0, _formatMessage.default)('Failed to create stimulus.'));
+      }
+    });
+    var createStimulusParams = {
+      body: requestBody
+    };
+    return fetcher.post(url, createStimulusParams).then(function (stimulusData) {
+      dispatch((0, _callHandlers.handleStimuliResponse)([stimulusData]));
+      return stimulusData;
+    });
+  };
+} // =====================
+// =====================
+//       UPDATE
+// =====================
+// =====================
+
+
+function updateStimulus(stimulus, parentId, parentType) {
+  var resource = parentType === 'bank' ? 'banks' : 'quizzes';
+  var url = "/api/".concat(resource, "/").concat(parentId, "/stimuli/").concat(stimulus.id);
+  var stimulusData = {
+    orientation: stimulus.orientation,
+    title: stimulus.title,
+    instructions: stimulus.instructions,
+    body: stimulus.body,
+    source_url: stimulus.sourceUrl
+  };
+  var reqBody = JSON.stringify({
+    stimulus: stimulusData
+  });
+  return function (dispatch, getState) {
+    var updateStimulusParams = {
+      body: reqBody
+    };
+    var fetcher = new _Fetcher.default({
+      callType: _quizCommon.UPDATE_STIMULUS_CALL,
+      onError: function onError() {
+        return (0, _alerts.addError)((0, _formatMessage.default)('Failed to update stimulus.'));
+      }
+    });
+    return fetcher.patch(url, updateStimulusParams).then(function (stimulusData) {
+      dispatch((0, _callHandlers.handleStimuliResponse)([stimulusData]));
+      return stimulusData;
+    });
+  };
+}

package/lib/building/components/QTIImportModal/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.QTIImportModal = exports.mapDispatchToProps = exports.mapStateToProps = void 0;
+
+var _redux = require("redux");
+
+var _reactRedux = require("../../../common/react-redux.js");
+
+var _qtiImports = require("../../../common/actions/qtiImports.js");
+
+var _qtiImports2 = require("../../api/qtiImports.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _index = require("../../../common/components/ImportModal/index.js");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var callsToCheck = [_quizCommon.CREATE_QTI_IMPORT, _quizCommon.FILE_UPLOAD_CALL, _quizCommon.FILE_UPLOAD_URL_CALL]; // Consuming Components must pass in qtiImportRecord, parentType, and parentId
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  var qtiImportRecord = props.qtiImport;
+  var pv = (0, _index.progressValue)(qtiImportRecord.progressNumber(), state.get('calls'), callsToCheck);
+  return {
+    failureMessage: qtiImportRecord.message || '',
+    importMessage: (0, _formatMessage.default)('QTI 1.2 and 2.x (.zip) files only'),
+    progressValue: pv,
+    acceptFileType: '.zip',
+    importModalId: 'qtiImport'
+  };
+};
+
+exports.mapStateToProps = mapStateToProps;
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
+  var boundQtiFileUpload = (0, _redux.bindActionCreators)(_qtiImports2.qtiFileUpload, dispatch);
+  return {
+    onContinue: (0, _redux.bindActionCreators)(_qtiImports.clearQtiImports, dispatch),
+    fileUpload: function fileUpload(file, cancelAction) {
+      boundQtiFileUpload(file, props.parentId, props.parentType, cancelAction);
+    }
+  };
+};
+
+exports.mapDispatchToProps = mapDispatchToProps;
+var QTIImportModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_index.ImportModal);
+exports.QTIImportModal = QTIImportModal;
+var _default = QTIImportModal;
+exports.default = _default;

package/lib/building/components/layout/Sidebar/Sidebar.examples.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _immutable = require("immutable");
+
+var _Bank = _interopRequireDefault(require("../../../../common/records/Bank.js"));
+
+var _Item2 = _interopRequireDefault(require("../../../../common/records/Item.js"));
+
+var _QuizEntry2 = _interopRequireDefault(require("../../../../common/records/QuizEntry.js"));
+
+var _Stimulus = _interopRequireDefault(require("../../../../common/records/Stimulus.js"));
+
+var _default = {
+  propValues: {
+    sidebarOpen: [false, true]
+  },
+  getComponentProps: function getComponentProps(props) {
+    var smallStimulusEntry = new FakeQuizEntry(new _Stimulus.default({
+      title: 'Small Stimulus'
+    }), {
+      id: 'small-stimulus',
+      nestedEntryCount: 2
+    });
+    var largeStimulusEntry = new FakeQuizEntry(new _Stimulus.default({
+      title: 'Large Stimulus'
+    }), {
+      id: 'large-stimulus',
+      nestedEntryCount: 6
+    });
+    return {
+      connectDropTarget: function connectDropTarget(el) {
+        return el;
+      },
+      quizEntries: (0, _immutable.List)([new FakeQuizEntry(new FakeItem()), new FakeQuizEntry(new _Bank.default({
+        itemEntryCount: 3
+      })), smallStimulusEntry].concat((0, _toConsumableArray2.default)(smallStimulusEntry.getNestedEntries().toArray()), [largeStimulusEntry], (0, _toConsumableArray2.default)(largeStimulusEntry.getNestedEntries().toArray()))),
+      screenreaderNotification: Function.prototype,
+      scrollToItem: Function.prototype,
+      toggleSidebar: Function.prototype,
+      totalPointsPossible: 42
+    };
+  }
+};
+exports.default = _default;
+
+var FakeItem = /*#__PURE__*/function (_Item) {
+  (0, _inherits2.default)(FakeItem, _Item);
+
+  var _super = (0, _createSuper2.default)(FakeItem);
+
+  function FakeItem() {
+    (0, _classCallCheck2.default)(this, FakeItem);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(FakeItem, [{
+    key: "getInteractionType",
+    value: function getInteractionType() {
+      return {
+        name: 'Interaction Type Name'
+      };
+    }
+  }]);
+  return FakeItem;
+}(_Item2.default);
+
+var FakeQuizEntry = /*#__PURE__*/function (_QuizEntry) {
+  (0, _inherits2.default)(FakeQuizEntry, _QuizEntry);
+
+  var _super2 = (0, _createSuper2.default)(FakeQuizEntry);
+
+  function FakeQuizEntry(entry) {
+    var _this;
+
+    var _ref = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+
+    var _ref$nestedEntryCount = _ref.nestedEntryCount,
+        nestedEntryCount = _ref$nestedEntryCount === void 0 ? 0 : _ref$nestedEntryCount,
+        params = (0, _objectWithoutProperties2.default)(_ref, ["nestedEntryCount"]);
+    (0, _classCallCheck2.default)(this, FakeQuizEntry);
+    var id = (++quizEntryId).toString();
+    _this = _super2.call(this, (0, _objectSpread2.default)({
+      id: id,
+      entryType: entry.constructor.name.replace(/^Fake/, '')
+    }, params));
+    _this._entry = entry;
+    var nestedEntries = [];
+
+    for (var i = 0; i < nestedEntryCount; i++) {
+      nestedEntries.push(new FakeQuizEntry(new FakeItem(), {
+        stimulusQuizEntryId: id
+      }));
+    }
+
+    _this._nestedEntries = (0, _immutable.List)(nestedEntries);
+    return _this;
+  }
+
+  (0, _createClass2.default)(FakeQuizEntry, [{
+    key: "getEntry",
+    value: function getEntry() {
+      return this._entry;
+    }
+  }, {
+    key: "getNestedEntries",
+    value: function getNestedEntries() {
+      return this._nestedEntries;
+    }
+  }]);
+  return FakeQuizEntry;
+}(_QuizEntry2.default);
+
+var quizEntryId = 0;

package/lib/building/components/layout/Sidebar/SidebarItem/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.connectToDragSource = exports.mapDispatchToProps = exports.mapStateToProps = void 0;
+
+var _reactDnd = require("react-dnd");
+
+var _redux = require("redux");
+
+var _reactRedux = require("../../../../../common/react-redux.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js");
+
+var _dragAndDrop = require("../../../../../common/actions/dragAndDrop.js");
+
+var _ui = require("../../../../../common/actions/ui.js");
+
+var _modal = require("../../../../../common/actions/modal.js");
+
+var _scrolling = require("../../../../../common/actions/scrolling.js");
+
+var _quizEntries = require("../../../../api/quizEntries.js");
+
+var _modifications = require("../../../../../common/actions/modifications.js");
+
+var _disableDraggingOverride = _interopRequireDefault(require("../../../../../common/components/shared/functionality/disableDraggingOverride.js"));
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _quizzes = require("../../../../../common/selectors/quizzes.js");
+
+var mapStateToProps = function mapStateToProps() {
+  var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Map();
+  var props = arguments.length > 1 ? arguments[1] : void 0;
+  var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
+  var dndPosition = state.getIn(['dragAndDrop', 'position']);
+  var draggingAboveHalf = state.getIn(['dragAndDrop', 'aboveHalf'], false);
+  var draggingOver = dndPosition === props.quizEntry.position;
+  return {
+    dndPositionObj: draggingOver ? state.get('dragAndDrop') : null,
+    // for DnD
+    draggingOver: draggingOver && props.draggingInSidebar,
+    draggingAboveHalf: draggingOver && draggingAboveHalf,
+    quizId: activeQuiz.id // for DnD,
+
+  };
+};
+
+exports.mapStateToProps = mapStateToProps;
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
+  return {
+    moveTemporaryQuizEntry: (0, _redux.bindActionCreators)(_modifications.moveTemporaryQuizEntry, dispatch),
+    // for DnD
+    moveQuizEntry: (0, _redux.bindActionCreators)(_quizEntries.moveQuizEntry, dispatch),
+    // for DnD
+    newHoverPosition: (0, _redux.bindActionCreators)(_dragAndDrop.newHoverPosition, dispatch),
+    // for DnD
+    openMoveImmutableModal: (0, _redux.bindActionCreators)(_modal.openMoveImmutableModal, dispatch),
+    // for DnD
+    setUi: (0, _redux.bindActionCreators)(_ui.set, dispatch),
+    // for DnD
+    scrollToItem: props.scrollToItem || (0, _redux.bindActionCreators)(_scrolling.scrollToItem, dispatch)
+  };
+};
+
+exports.mapDispatchToProps = mapDispatchToProps;
+
+var connectToDragSource = function connectToDragSource(Component) {
+  return (0, _reactDnd.DragSource)( // ItemTypes.QUIZ_ENTRY associates this component drag source with a name
+  // dragSource specifies functions React DnD will call for events with this component
+  // collectDrag injects props into component
+  _dragAndDropUtils.ItemTypes.QUIZ_ENTRY, _dragAndDropUtils.dragSource, _dragAndDropUtils.collectDrag)(Component);
+};
+
+exports.connectToDragSource = connectToDragSource;
+
+var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.SIDEBAR_ITEM_REF), connectToDragSource, _disableDraggingOverride.default)(_presenter.default);
+
+exports.default = _default;

package/lib/building/components/layout/Sidebar/SidebarItem/presenter.js

@@ -0,0 +1,159 @@
+"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.BuildingSidebarItem = 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 _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js");
+
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/drag_and_drop/DragHandle/index.js"));
+
+var _index2 = _interopRequireDefault(require("../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js"));
+
+var _index3 = _interopRequireDefault(require("../../../../../common/components/layout/sidebar/SidebarItem/index.js"));
+
+var BuildingSidebarItem = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(BuildingSidebarItem, _Component);
+
+  var _super = (0, _createSuper2.default)(BuildingSidebarItem);
+
+  function BuildingSidebarItem() {
+    (0, _classCallCheck2.default)(this, BuildingSidebarItem);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(BuildingSidebarItem, [{
+    key: "shouldDisableDragHandle",
+    value: function shouldDisableDragHandle() {
+      return this.props.disableDraggingOverride || this.props.quizEntries.size === 1;
+    }
+  }, {
+    key: "renderDragHandle",
+    value: function renderDragHandle() {
+      var _this$props = this.props,
+          connectDragSource = _this$props.connectDragSource,
+          sidebarOpen = _this$props.sidebarOpen;
+
+      if (sidebarOpen) {
+        var dragHandle =
+        /*#__PURE__*/
+        // This wrapper div is necessary for drag and drop
+        _react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_index.default, {
+          onSidebar: true,
+          displayPosition: this.props.displayPosition,
+          quizEntry: this.props.quizEntry,
+          quizEntries: this.props.quizEntries,
+          disabled: this.shouldDisableDragHandle()
+        }));
+
+        if (this.shouldDisableDragHandle()) {
+          return dragHandle;
+        }
+
+        var handleWrapper = (0, _dragAndDropUtils.usingIE)() ? function (C) {
+          return C;
+        } : connectDragSource;
+        return handleWrapper(dragHandle);
+      }
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem() {
+      var _this$props2 = this.props,
+          draggingOver = _this$props2.draggingOver,
+          draggingAboveHalf = _this$props2.draggingAboveHalf,
+          inStimulus = _this$props2.inStimulus,
+          sidebarOpen = _this$props2.sidebarOpen;
+      var propsForDnDZone = {
+        inSidebar: true,
+        inStimulus: inStimulus,
+        sidebarOpen: sidebarOpen,
+        draggingOver: draggingOver,
+        draggingAboveHalf: draggingAboveHalf
+      };
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({}, propsForDnDZone, {
+        location: "above"
+      })), /*#__PURE__*/_react.default.createElement(_index3.default, {
+        itemId: this.props.itemId,
+        itemBody: this.props.itemBody,
+        itemName: this.props.itemName,
+        inStimulus: this.props.inStimulus,
+        position: this.props.displayPosition,
+        pointsPossible: this.props.pointsPossible,
+        quizEntry: this.props.quizEntry,
+        sidebarOpen: this.props.sidebarOpen
+      }, this.renderDragHandle()), /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({}, propsForDnDZone, {
+        location: "below"
+      })));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          connectDragPreview = _this$props3.connectDragPreview,
+          connectDragSource = _this$props3.connectDragSource,
+          connectDropTarget = _this$props3.connectDropTarget,
+          sidebarOpen = _this$props3.sidebarOpen;
+      var dragConnection = (0, _dragAndDropUtils.chooseDragConnection)(connectDragSource, connectDragPreview);
+
+      if (sidebarOpen && !this.shouldDisableDragHandle()) {
+        return dragConnection(connectDropTarget(this.renderItem()));
+      }
+
+      return this.renderItem();
+    }
+  }]);
+  BuildingSidebarItem.displayName = "BuildingSidebarItem";
+  return BuildingSidebarItem;
+}(_react.Component);
+
+exports.BuildingSidebarItem = BuildingSidebarItem;
+BuildingSidebarItem.propTypes = {
+  connectDragSource: _propTypes.default.func.isRequired,
+  // inserted by React DnD
+  connectDragPreview: _propTypes.default.func.isRequired,
+  // inserted by React DnD
+  connectDropTarget: _propTypes.default.func.isRequired,
+  // inserted by React DnD
+  disableDraggingOverride: _propTypes.default.bool,
+  draggingInSidebar: _propTypes.default.bool.isRequired,
+  // Passed in by the Sidebar
+  displayPosition: _propTypes.default.number.isRequired,
+  inStimulus: _propTypes.default.bool,
+  itemBody: _propTypes.default.string,
+  itemId: _propTypes.default.string.isRequired,
+  itemName: _propTypes.default.string.isRequired,
+  pointsPossible: _propTypes.default.number.isRequired,
+  quizEntry: _reactImmutableProptypes.default.record.isRequired,
+  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
+  sidebarOpen: _propTypes.default.bool.isRequired,
+  // Passed in by connect
+  draggingOver: _propTypes.default.bool.isRequired,
+  draggingAboveHalf: _propTypes.default.bool.isRequired
+};
+BuildingSidebarItem.defaultProps = {
+  disableDraggingOverride: false,
+  inStimulus: false,
+  itemBody: ''
+};
+var _default = BuildingSidebarItem;
+exports.default = _default;

package/lib/building/components/layout/Sidebar/Stimulus/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.connectToDragSource = exports.mapDispatchToProps = exports.mapStateToProps = void 0;
+
+var _redux = require("redux");
+
+var _reactDnd = require("react-dnd");
+
+var _reactRedux = require("../../../../../common/react-redux.js");
+
+var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js");
+
+var _dragAndDrop = require("../../../../../common/actions/dragAndDrop.js");
+
+var _ui = require("../../../../../common/actions/ui.js");
+
+var _modal = require("../../../../../common/actions/modal.js");
+
+var _quizEntries = require("../../../../api/quizEntries.js");
+
+var _modifications = require("../../../../../common/actions/modifications.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _quizzes = require("../../../../../common/selectors/quizzes.js");
+
+var mapStateToProps = function mapStateToProps() {
+  var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Map();
+  var props = arguments.length > 1 ? arguments[1] : void 0;
+  var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
+  var quizEntriesIncludingTemp = activeQuiz.getWorkingQuizEntries();
+  var itemsCollectionSize = quizEntriesIncludingTemp.size || quizEntriesIncludingTemp.length || 0;
+  var dndPosition = state.getIn(['dragAndDrop', 'position']);
+  var draggingAboveHalf = state.getIn(['dragAndDrop', 'aboveHalf'], false);
+  var draggingOver = dndPosition === props.quizEntry.position;
+  var dropIntoEmptyStimulus = state.getIn(['dragAndDrop', 'intoEmptyStimulus']);
+  return {
+    childEntries: props.quizEntry.getNestedEntries(),
+    dndPositionObj: draggingOver ? state.get('dragAndDrop') : null,
+    // for DnD
+    draggingOver: draggingOver && props.draggingInSidebar,
+    draggingAboveHalf: draggingOver && draggingAboveHalf,
+    dropIntoEmptyStimulus: draggingOver && dropIntoEmptyStimulus,
+    itemsCollectionSize: itemsCollectionSize,
+    quizId: activeQuiz.id // forDnD
+
+  };
+};
+
+exports.mapStateToProps = mapStateToProps;
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    moveTemporaryQuizEntry: (0, _redux.bindActionCreators)(_modifications.moveTemporaryQuizEntry, dispatch),
+    // for DnD
+    moveQuizEntry: (0, _redux.bindActionCreators)(_quizEntries.moveQuizEntry, dispatch),
+    // for DnD
+    newHoverPosition: (0, _redux.bindActionCreators)(_dragAndDrop.newHoverPosition, dispatch),
+    // for DnD
+    openMoveImmutableModal: (0, _redux.bindActionCreators)(_modal.openMoveImmutableModal, dispatch),
+    // for DnD
+    setUi: (0, _redux.bindActionCreators)(_ui.set, dispatch) // for DnD
+
+  };
+};
+
+exports.mapDispatchToProps = mapDispatchToProps;
+
+var connectToDragSource = function connectToDragSource(Component) {
+  return (0, _reactDnd.DragSource)( // ItemTypes.QUIZ_ENTRY associates this component drag source with a name
+  // dragSource specifies functions React DnD will call for events with this component
+  // collectDrag injects props into component
+  _dragAndDropUtils.ItemTypes.QUIZ_ENTRY, _dragAndDropUtils.dragSource, _dragAndDropUtils.collectDrag)(Component);
+};
+
+exports.connectToDragSource = connectToDragSource;
+
+var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.SIDEBAR_ITEM_REF), connectToDragSource)(_presenter.default);
+
+exports.default = _default;