@instructure/quiz-core 17.19.2 → 17.19.3-rc.0

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

@@ -0,0 +1,167 @@
+"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.BuildingStimulus = 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/Stimulus/index.js"));
+
+var BuildingStimulus = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(BuildingStimulus, _Component);
+
+  var _super = (0, _createSuper2.default)(BuildingStimulus);
+
+  function BuildingStimulus() {
+    (0, _classCallCheck2.default)(this, BuildingStimulus);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(BuildingStimulus, [{
+    key: "shouldDisableDragHandle",
+    value: function shouldDisableDragHandle() {
+      var _this$props = this.props,
+          childEntries = _this$props.childEntries,
+          quizEntries = _this$props.quizEntries;
+      return quizEntries.size === (childEntries && childEntries.size || 0) + 1;
+    }
+  }, {
+    key: "renderDragHandle",
+    value: function renderDragHandle() {
+      var _this$props2 = this.props,
+          connectDragSource = _this$props2.connectDragSource,
+          sidebarOpen = _this$props2.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, {
+          disabled: this.shouldDisableDragHandle(),
+          displayPosition: this.props.displayPosition,
+          onSidebar: true,
+          quizEntry: this.props.quizEntry,
+          quizEntries: this.props.quizEntries
+        }));
+
+        if (this.shouldDisableDragHandle()) {
+          return dragHandle;
+        }
+
+        var handleWrapper = (0, _dragAndDropUtils.usingIE)() ? function (C) {
+          return C;
+        } : connectDragSource;
+        return handleWrapper(dragHandle);
+      }
+    }
+  }, {
+    key: "renderStimulus",
+    value: function renderStimulus() {
+      return /*#__PURE__*/_react.default.createElement(_index3.default, {
+        displayPosition: this.props.displayPosition,
+        draggingOver: this.props.draggingOver,
+        draggingAboveHalf: this.props.draggingAboveHalf,
+        dropIntoEmptyStimulus: this.props.dropIntoEmptyStimulus,
+        isDragging: this.props.isDragging,
+        isOver: this.props.isOver,
+        itemId: this.props.itemId,
+        stimulusParent: this.props.quizEntry,
+        renderSidebarItem: this.props.renderSidebarItem,
+        sidebarOpen: this.props.sidebarOpen
+      }, this.renderDragHandle());
+    }
+  }, {
+    key: "renderStimulusWrapper",
+    value: function renderStimulusWrapper() {
+      var propsForDnDZone = {
+        inSidebar: true,
+        inStimulus: true,
+        sidebarOpen: this.props.sidebarOpen,
+        draggingOver: this.props.draggingOver,
+        draggingAboveHalf: this.props.draggingAboveHalf,
+        dropIntoEmptyStimulus: this.props.dropIntoEmptyStimulus
+      };
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({}, propsForDnDZone, {
+        location: "above"
+      })), this.renderStimulus(), /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({}, propsForDnDZone, {
+        location: "in"
+      })), /*#__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.renderStimulusWrapper()));
+      }
+
+      return this.renderStimulusWrapper();
+    }
+  }]);
+  BuildingStimulus.displayName = "BuildingStimulus";
+  return BuildingStimulus;
+}(_react.Component);
+
+exports.BuildingStimulus = BuildingStimulus;
+BuildingStimulus.propTypes = {
+  childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
+  connectDragPreview: _propTypes.default.func.isRequired,
+  // inserted by React DnD
+  connectDragSource: _propTypes.default.func.isRequired,
+  // inserted by React DnD
+  connectDropTarget: _propTypes.default.func.isRequired,
+  // inserted by React DnD
+  isDragging: _propTypes.default.bool.isRequired,
+  // inserted by React DnD
+  // Passed in by the Sidebar
+  displayPosition: _propTypes.default.number.isRequired,
+  isOver: _propTypes.default.bool,
+  itemId: _propTypes.default.string.isRequired,
+  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
+  quizEntry: _reactImmutableProptypes.default.record.isRequired,
+  renderSidebarItem: _propTypes.default.func.isRequired,
+  sidebarOpen: _propTypes.default.bool.isRequired,
+  // Passed in by connect
+  draggingAboveHalf: _propTypes.default.bool.isRequired,
+  draggingOver: _propTypes.default.bool.isRequired,
+  dropIntoEmptyStimulus: _propTypes.default.bool
+};
+BuildingStimulus.defaultProps = {
+  draggingAboveHalf: false,
+  dropIntoEmptyStimulus: false,
+  isOver: false
+};
+var _default = BuildingStimulus;
+exports.default = _default;

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BuildingSidebar = exports.mapDispatchToProps = exports.mapStateToProps = void 0;
+
+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 _alerts = require("../../../../common/actions/alerts.js");
+
+var _ui = require("../../../../common/actions/ui.js");
+
+var _modal = require("../../../../common/actions/modal.js");
+
+var _sidebar = require("../../../../common/actions/sidebar.js");
+
+var _scrolling = require("../../../../common/actions/scrolling.js");
+
+var _quizEntries = require("../../../api/quizEntries.js");
+
+var _modifications = require("../../../../common/actions/modifications.js");
+
+var _quizzes = require("../../../../common/selectors/quizzes.js");
+
+var _presenter = _interopRequireDefault(require("./presenter.js"));
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
+  var workingQuizEntriesIncludingTemp = activeQuiz.getWorkingQuizEntries();
+  var totalPointsPossible = (0, _quizzes.getTotalPointsPossible)(state, activeQuiz.id);
+  return {
+    dndPositionObj: state.get('dragAndDrop'),
+    // for DnD
+    quizEntries: workingQuizEntriesIncludingTemp,
+    sidebarOpen: props.sidebarOpen || state.getIn(['sidebar', 'isOpen']),
+    quizId: activeQuiz.id,
+    // for DnD
+    totalPointsPossible: totalPointsPossible
+  };
+};
+
+exports.mapStateToProps = mapStateToProps;
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
+  return {
+    toggleSidebar: props.toggleSidebar || (0, _redux.bindActionCreators)(_sidebar.toggleSidebar, dispatch),
+    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
+    scrollToItem: props.scrollToItem || (0, _redux.bindActionCreators)(_scrolling.scrollToItem, dispatch),
+    screenreaderNotification: (0, _redux.bindActionCreators)(_alerts.screenreaderNotification, dispatch),
+    setUi: (0, _redux.bindActionCreators)(_ui.set, dispatch) // for DnD
+
+  };
+}; // Sidebar is a dropTarget to handle drops that occur on the sidebar,
+// but not directly on a sidebarItem (such as at the top or bottom).
+// it also uses the isOver prop to conditionally render dropZones on Build vs Sidebar
+
+
+exports.mapDispatchToProps = mapDispatchToProps;
+var BuildingSidebar = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _dragAndDropUtils.DropTargetCreator)(_quizCommon.SIDEBAR_ITEM_REF))(_presenter.default);
+exports.BuildingSidebar = BuildingSidebar;
+var _default = BuildingSidebar;
+exports.default = _default;

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

@@ -0,0 +1,267 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BuildingSidebar = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _classnames3 = _interopRequireDefault(require("classnames"));
+
+var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _index = _interopRequireDefault(require("./SidebarItem/index.js"));
+
+var _index2 = _interopRequireDefault(require("./Stimulus/index.js"));
+
+var _index3 = _interopRequireDefault(require("../../../../common/components/layout/sidebar/Sidebar/index.js"));
+
+var _generateDisplayPositions = _interopRequireDefault(require("../../../../common/util/generateDisplayPositions.js"));
+
+var _quizInteractions = require("@instructure/quiz-interactions");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'bAyez',
+  template: function template(theme) {
+    return "\n\n.bAyez_eUtI{padding:".concat(theme.bottomPadding || 'inherit', "}\n\n.bAyez_bBLs,.bAyez_fYKY .bAyez_blUq,.bAyez_eNNp .bAyez_eyTz{display:none}");
+  },
+  'bottomPadding': 'bAyez_eUtI',
+  'hide': 'bAyez_bBLs',
+  'sidebarIsClosed': 'bAyez_fYKY',
+  'openItems': 'bAyez_blUq',
+  'sidebarIsOpen': 'bAyez_eNNp',
+  'closedItems': 'bAyez_eyTz'
+};
+var BuildingSidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(BuildingSidebar, _Component);
+
+  var _super = (0, _createSuper2.default)(BuildingSidebar);
+
+  function BuildingSidebar() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, BuildingSidebar);
+
+    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.scrollToItem = function (_) {
+      return function (scrollKey) {
+        _this.props.scrollToItem(scrollKey);
+      };
+    };
+
+    _this.renderItem = function () {
+      var isOver = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.props.isOver;
+      return function (quizEntry, displayPosition, sidebarIsOpen) {
+        return /*#__PURE__*/_react.default.createElement(_index.default, {
+          key: _this.setKey(quizEntry.id),
+          ref: _this.setRef(quizEntry.id),
+          inStimulus: quizEntry.isInStimulus,
+          draggingInSidebar: isOver,
+          isTemporary: _this.isTemporary(quizEntry),
+          itemBody: _this.getItemBody(quizEntry),
+          itemName: _this.getItemName(quizEntry),
+          itemId: quizEntry.id,
+          pointsPossible: quizEntry.pointsPossible,
+          displayPosition: displayPosition,
+          quizEntry: quizEntry,
+          quizEntries: _this.props.quizEntries,
+          sidebarOpen: sidebarIsOpen
+        });
+      };
+    };
+
+    _this.renderBankEntry = function (quizEntry, displayPosition, sidebarIsOpen) {
+      if (quizEntry.hasStimulus) {
+        return _this.renderStimulus(quizEntry, displayPosition, sidebarIsOpen);
+      }
+
+      return _this.renderItem()(quizEntry, displayPosition, sidebarIsOpen);
+    };
+
+    _this.storeStartQuizEntriesRef = function (node) {
+      _this.startQuizEntries = node;
+    };
+
+    _this.storeEndQuizEntriesRef = function (node) {
+      _this.endQuizEntries = node;
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(BuildingSidebar, [{
+    key: "getItemBody",
+    value: function getItemBody(quizEntry) {
+      switch (quizEntry.entryType) {
+        case 'Item':
+        case 'BankEntry':
+          return (0, _quizInteractions.extractTextFromHtml)(quizEntry.getItem().itemBody || '');
+
+        case 'Bank':
+          return quizEntry.getEntry().title;
+      }
+
+      return '';
+    }
+  }, {
+    key: "getItemName",
+    value: function getItemName(quizEntry) {
+      switch (quizEntry.entryType) {
+        case 'Item':
+        case 'BankEntry':
+          return quizEntry.getItem().getInteractionType().name;
+
+        case 'Bank':
+          return (0, _formatMessage.default)('Banked Content');
+      }
+    }
+  }, {
+    key: "isTemporary",
+    value: function isTemporary(quizEntry) {
+      if (quizEntry.entryType !== 'Item') {
+        return false;
+      }
+
+      var item = quizEntry.getEntry();
+      return item.getWorkingInstance().isTemporary();
+    }
+  }, {
+    key: "setKey",
+    value: function setKey(quizEntryId) {
+      return "".concat(_quizCommon.SIDEBAR_ITEM_REF, "_").concat(quizEntryId);
+    }
+  }, {
+    key: "setRef",
+    value: function setRef(quizEntryId) {
+      var _this2 = this;
+
+      return function (node) {
+        _this2[_this2.setKey(quizEntryId)] = node;
+      };
+    } // NOTE: we use a higher order function here only so that we can match
+    // the props provided to our common interface from the TakingSidebar.
+
+  }, {
+    key: "renderStimulus",
+    value: function renderStimulus(quizEntry, displayPosition, sidebarIsOpen) {
+      return /*#__PURE__*/_react.default.createElement(_index2.default, {
+        key: this.setKey(quizEntry.id),
+        ref: this.setRef(quizEntry.id),
+        displayPosition: displayPosition,
+        itemId: quizEntry.id,
+        draggingInSidebar: this.props.isOver,
+        renderSidebarItem: this.renderItem(),
+        quizEntry: quizEntry,
+        quizEntries: this.props.quizEntries,
+        sidebarOpen: sidebarIsOpen
+      });
+    }
+  }, {
+    key: "renderSidebarItems",
+    value: function renderSidebarItems(sidebarIsOpen) {
+      var _this3 = this;
+
+      var quizEntries = this.props.quizEntries;
+      return (0, _generateDisplayPositions.default)(quizEntries).reduce(function (renderedQuizEntries, quizEntry) {
+        var entryType = quizEntry.record.entryType;
+
+        if (entryType === 'Item' || entryType === 'Bank') {
+          var itemOrBank = _this3.renderItem()(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
+
+          renderedQuizEntries.push(itemOrBank);
+        } else if (entryType === 'BankEntry') {
+          var bankEntry = _this3.renderBankEntry(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
+
+          renderedQuizEntries.push(bankEntry);
+        } else if (entryType === 'Stimulus') {
+          var stimulus = _this3.renderStimulus(quizEntry.record, quizEntry.displayPosition, sidebarIsOpen);
+
+          renderedQuizEntries.push(stimulus);
+        }
+
+        return renderedQuizEntries;
+      }, []);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classnames2;
+
+      var dndClasses = (0, _classnames3.default)(styles.bottomPadding, (0, _defineProperty2.default)({}, styles.hide, !this.props.isOver));
+      var sidebarClasses = (0, _classnames3.default)((_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, styles.sidebarIsOpen, this.props.sidebarOpen), (0, _defineProperty2.default)(_classnames2, styles.sidebarIsClosed, !this.props.sidebarOpen), _classnames2));
+      return this.props.connectDropTarget(
+      /*#__PURE__*/
+
+      /* React DnD requires a native element node like our div below */
+      _react.default.createElement("div", {
+        className: sidebarClasses
+      }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+        role: this.props.role,
+        scrollToItem: this.scrollToItem,
+        sidebarOpen: this.props.sidebarOpen,
+        toggleSidebar: this.props.toggleSidebar,
+        screenreaderNotification: this.props.screenreaderNotification,
+        totalPointsPossible: this.props.totalPointsPossible
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        ref: this.storeStartQuizEntriesRef
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.closedItems
+      }, this.renderSidebarItems(false)), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.openItems
+      }, this.renderSidebarItems(true)), /*#__PURE__*/_react.default.createElement("div", {
+        ref: this.storeEndQuizEntriesRef,
+        className: dndClasses
+      }))));
+    }
+  }]);
+  BuildingSidebar.displayName = "BuildingSidebar";
+  return BuildingSidebar;
+}(_react.Component), _class2.propTypes = {
+  connectDropTarget: _propTypes.default.func.isRequired,
+  isOver: _propTypes.default.bool,
+  quizEntries: _reactImmutableProptypes.default.list.isRequired,
+  role: _propTypes.default.string,
+  scrollToItem: _propTypes.default.func.isRequired,
+  sidebarOpen: _propTypes.default.bool.isRequired,
+  toggleSidebar: _propTypes.default.func.isRequired,
+  screenreaderNotification: _propTypes.default.func.isRequired,
+  totalPointsPossible: _propTypes.default.number.isRequired
+}, _class2.defaultProps = {
+  isOver: false,
+  role: 'navigation'
+}, _temp)) || _class);
+exports.BuildingSidebar = BuildingSidebar;
+var _default = BuildingSidebar;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing;
+  return {
+    bottomPadding: spacing.xLarge
+  };
+}

package/lib/building/components/layout/header/BuildingButtons/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToProps = mapStateToProps;
+exports.default = exports.BuildingButtons = void 0;
+
+var _redux = require("redux");
+
+var _partial = _interopRequireDefault(require("lodash/partial"));
+
+var _reactRedux = require("../../../../../common/react-redux.js");
+
+var modalActions = _interopRequireWildcard(require("../../../../../common/actions/modal.js"));
+
+var _ui = require("../../../../../common/actions/ui.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _index = require("../../../../../common/components/ImportModal/index.js");
+
+var _presenter = require("./presenter.js");
+
+var _quizzes = require("../../../../../common/selectors/quizzes.js");
+
+var _featureCheck = require("../../../../../common/util/featureCheck.js");
+
+function mapStateToProps(state) {
+  var quiz = (0, _quizzes.getActiveQuiz)(state);
+  return {
+    canImport: quiz.canImport(),
+    hasQuestions: quiz.hasQuestions(),
+    isEditing: state.get('editing') && state.get('editing').some(function (elem) {
+      return elem;
+    }),
+    printingEnabled: (0, _featureCheck.featureOn)('printing')
+  };
+}
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    openBanksTray: (0, _redux.bindActionCreators)(_ui.set.bind(void 0, _quizCommon.BUILD_TRAY_OPEN, true), dispatch),
+    setBanksTrayButtonRef: (0, _redux.bindActionCreators)((0, _partial.default)(_ui.set, _quizCommon.BUILD_TRAY_BUTTON_REF), dispatch),
+    openModal: (0, _redux.bindActionCreators)(modalActions.openModal.bind(modalActions, (0, _index.generateImportModalId)('qtiImport')), dispatch)
+  };
+};
+
+var BuildingButtons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.BuildingButtons);
+exports.BuildingButtons = BuildingButtons;
+var _default = BuildingButtons;
+exports.default = _default;