@instructure/quiz-core 17.17.1-rc.2 → 17.17.3-rc.0

package/lib/banks/components/AddBankEntryModal/presenter.js

@@ -1,156 +0,0 @@
-"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.AddBankEntryModal = 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 platform = _interopRequireWildcard(require("platform"));
-
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
-var _first = _interopRequireDefault(require("lodash/first"));
-
-var _uiButtons = require("@instructure/ui-buttons");
-
-var _uiHeading = require("@instructure/ui-heading");
-
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _InteractionTypes = _interopRequireDefault(require("../../../common/components/shared/InteractionTypes"));
-
-var _quizCommon = require("@instructure/quiz-common");
-
-var AddBankEntryModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddBankEntryModal, _Component);
-
-  var _super = (0, _createSuper2.default)(AddBankEntryModal);
-
-  function AddBankEntryModal() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, AddBankEntryModal);
-
-    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.addItem = function (interactionTypeData) {
-      var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
-      var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-      var itemProps = {
-        id: interactionTypeData.id,
-        interactionData: defaultInteractionData,
-        itemBody: interactionTypeData.itemBody,
-        properties: interactionTypeData.defaultProperties,
-        scoringAlgorithm: (0, _first.default)(interactionTypeData.scoringAlgorithmOptions),
-        scoringData: scoringData,
-        userResponseType: (0, _first.default)(interactionTypeData.userResponseTypeOptions)
-      };
-
-      _this.props.createBankItem(_this.props.bankId, 'Item', itemProps);
-
-      _this.closeAction();
-
-      _this.props.navigateToBankEntry('new', _this.props.bankId);
-    };
-
-    _this.addStimulus = function () {
-      _this.props.createBankItem(_this.props.bankId, 'Stimulus');
-
-      _this.closeAction();
-
-      _this.props.navigateToBankEntry('new', _this.props.bankId);
-    };
-
-    _this.closeAction = function () {
-      if (_this.props.modalTrigger) {
-        _this.props.modalTrigger.focus();
-      }
-
-      _this.props.closeModal();
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(AddBankEntryModal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.getInteractionTypes();
-    }
-  }, {
-    key: "cancelButton",
-    value: function cancelButton() {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
-        onClick: this.closeAction,
-        margin: _quizCommon.XSMALL_SIDE_MARGIN
-      }, (0, _formatMessage.default)('Close'));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      // For some reason, there's obscure behavior on IE11 that makes Modal size='auto'
-      // behave poorly with instui Grid; see https://instructure.atlassian.net/browse/QUIZ-4100.
-      // This is just a simple workaround.
-      var size = platform.name === 'IE' && platform.version === '11.0' ? 'medium' : 'auto';
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
-        open: this.props.modalOpen,
-        onDismiss: this.closeAction,
-        size: size,
-        label: (0, _formatMessage.default)('New Item')
-      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        level: "reset",
-        as: "h2"
-      }, (0, _formatMessage.default)('New Item')), /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
-        onClick: this.closeAction,
-        placement: "end",
-        offset: "medium",
-        screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react.default.createElement(_InteractionTypes.default, {
-        columns: 3,
-        addItem: this.addItem,
-        addStimulus: this.addStimulus,
-        allowStimulusCreation: true,
-        types: this.props.interactionTypes
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton()));
-    }
-  }]);
-  AddBankEntryModal.displayName = "AddBankEntryModal";
-  return AddBankEntryModal;
-}(_react.Component);
-
-exports.AddBankEntryModal = AddBankEntryModal;
-AddBankEntryModal.propTypes = {
-  modalOpen: _propTypes.default.bool.isRequired,
-  closeModal: _propTypes.default.func.isRequired,
-  modalTrigger: _propTypes.default.instanceOf(_react.Component),
-  createBankItem: _propTypes.default.func.isRequired,
-  navigateToBankEntry: _propTypes.default.func.isRequired,
-  bankId: _propTypes.default.string.isRequired,
-  getInteractionTypes: _propTypes.default.func.isRequired,
-  interactionTypes: _reactImmutableProptypes.default.list.isRequired
-};
-AddBankEntryModal.defaultProps = {
-  modalTrigger: null
-};
-var _default = AddBankEntryModal;
-exports.default = _default;

package/lib/banks/components/AddToBankModal/index.js

@@ -1,53 +0,0 @@
-"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 = void 0;
-
-var _reactRedux = require("../../../common/react-redux");
-
-var _banks = require("../../api/banks");
-
-var _bankEntries = require("../../api/bankEntries");
-
-var _presenter = _interopRequireDefault(require("./presenter"));
-
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
-
-var _banks2 = require("../../../common/actions/banks");
-
-var uiActions = _interopRequireWildcard(require("../../../common/actions/ui"));
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
-
-var _quizCommon = require("@instructure/quiz-common");
-
-var _modalHelpers = require("../../../common/util/modalHelpers");
-
-function mapStateToProps(state, props) {
-  var selectedBankOption = state.getIn(['ui', _quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION]);
-  var selectedBank = selectedBankOption && new _Bank.default(state.getIn(['banks', selectedBankOption]));
-  return {
-    selectedBank: selectedBank,
-    modalTrigger: (0, _modalHelpers.getModalTrigger)(state),
-    modalOpen: state.getIn(['modal', 'isOpen']) === [_quizCommon.ADD_TO_BANK_MODAL, props.entryType, props.entryId].join(':')
-  };
-}
-
-var mapDispatchToProps = {
-  closeModal: modalActions.closeModal,
-  createBank: _banks.createBank,
-  createBankEntry: _bankEntries.createBankEntry,
-  disassociateBankEntry: _banks2.disassociateEntry,
-  uiSet: uiActions.set
-};
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
-exports.default = _default;

package/lib/banks/components/AddToBankModal/presenter.js

@@ -1,238 +0,0 @@
-"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.AddToBankModal = 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 _uiButtons = require("@instructure/ui-buttons");
-
-var _uiHeading = require("@instructure/ui-heading");
-
-var _uiTextInput = require("@instructure/ui-text-input");
-
-var _uiRadioInput = require("@instructure/ui-radio-input");
-
-var _uiA11yContent = require("@instructure/ui-a11y-content");
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
-
-var _BankSelection = _interopRequireDefault(require("../../../common/components/resources/BankSelection"));
-
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _quizCommon = require("@instructure/quiz-common");
-
-var _ref = /*#__PURE__*/_react.default.createElement("br", null);
-
-var AddToBankModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddToBankModal, _Component);
-
-  var _super = (0, _createSuper2.default)(AddToBankModal);
-
-  function AddToBankModal() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, AddToBankModal);
-
-    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 = {
-      bankType: 'existing',
-      newBankTitle: ''
-    };
-
-    _this.addToBank = function (bankId) {
-      _this.props.getEntry().then(function (entry) {
-        return _this.props.createBankEntry(bankId, _this.props.entryType, entry.id);
-      }).then(_this.props.onAdd).catch(function (e) {
-        if (e.validationErrorsFromApi) {
-          // Close the modal so the user can view the input validation errors and correct them
-          _this.closeAction();
-
-          _this.props.handleValidationErrorsFromApi(e.validationErrorsFromApi);
-
-          return;
-        } // Some other type of error occurred
-
-
-        throw e;
-      });
-    };
-
-    _this.continueAction = function () {
-      _this.props.closeModal();
-
-      _this.props.onContinue();
-
-      if (_this.state.bankType === 'new') {
-        var newBank = _Bank.default.create({
-          title: _this.state.newBankTitle,
-          language: _this.context.locale
-        });
-
-        _this.props.createBank(newBank).then(function (bankData) {
-          _this.addToBank(bankData.id);
-        });
-      } else {
-        _this.addToBank(_this.props.selectedBank.id);
-      }
-    };
-
-    _this.closeAction = function () {
-      _this.props.closeModal();
-    };
-
-    _this.onBankSelection = function (e, option) {
-      _this.props.uiSet(_quizCommon.ADD_TO_BANK_MODAL_BANK_SELECTION, option.value);
-    };
-
-    _this.handleRadioChange = function (event, value) {
-      _this.setState({
-        bankType: value
-      });
-    };
-
-    _this.onTitleChange = function (e) {
-      _this.setState({
-        newBankTitle: e.target.value
-      });
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(AddToBankModal, [{
-    key: "cancelButton",
-    value: function cancelButton() {
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
-        onClick: this.closeAction,
-        margin: _quizCommon.XSMALL_SIDE_MARGIN
-      }, (0, _formatMessage.default)('Cancel'));
-    }
-  }, {
-    key: "addToBankButton",
-    value: function addToBankButton() {
-      var _this$state = this.state,
-          bankType = _this$state.bankType,
-          newBankTitle = _this$state.newBankTitle;
-      var disabled = bankType === 'existing' && !this.props.selectedBank || bankType === 'new' && (!newBankTitle || !newBankTitle.trim());
-      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
-        type: "button",
-        variant: "primary",
-        onClick: this.continueAction,
-        disabled: disabled,
-        margin: _quizCommon.XSMALL_SIDE_MARGIN,
-        "data-automation": "sdk-add-to-bank-button"
-      }, (0, _formatMessage.default)('Add'));
-    }
-  }, {
-    key: "renderBankTypeContent",
-    value: function renderBankTypeContent() {
-      if (this.state.bankType === 'existing') {
-        return /*#__PURE__*/_react.default.createElement(_BankSelection.default, {
-          onBankSelection: this.onBankSelection,
-          selectedBank: this.props.selectedBank,
-          "data-automation": "sdk-bank-selection"
-        });
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_uiTextInput.TextInput, {
-        onChange: this.onTitleChange,
-        value: this.state.newBankTitle,
-        renderLabel: (0, _formatMessage.default)('New Bank Title'),
-        type: "text"
-      });
-    }
-  }, {
-    key: "renderContent",
-    value: function renderContent() {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInputGroup, {
-        onChange: this.handleRadioChange,
-        name: (0, _formatMessage.default)('Bank Type'),
-        defaultValue: this.state.bankType,
-        description: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank Type'))
-      }, /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
-        value: "existing",
-        label: (0, _formatMessage.default)('Existing item bank')
-      }), /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
-        value: "new",
-        label: (0, _formatMessage.default)('New item bank')
-      })), _ref, this.renderBankTypeContent());
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
-        open: this.props.modalOpen,
-        onDismiss: this.closeAction,
-        size: "small",
-        label: this.props.label,
-        "data-automation": "sdk-add-to-bank-modal"
-      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
-        level: "reset",
-        as: "h2"
-      }, this.props.label), /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
-        onClick: this.closeAction,
-        placement: "end",
-        offset: "medium",
-        screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, this.renderContent()), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton(), this.addToBankButton()));
-    }
-  }]);
-  AddToBankModal.displayName = "AddToBankModal";
-  return AddToBankModal;
-}(_react.Component);
-
-exports.AddToBankModal = AddToBankModal;
-AddToBankModal.propTypes = {
-  closeModal: _propTypes.default.func.isRequired,
-  createBank: _propTypes.default.func.isRequired,
-  createBankEntry: _propTypes.default.func.isRequired,
-  // Create the bank entry's entry, or clone it if it already exists. Should
-  // always be provided when a source is provided.
-  // eslint-disable-next-line react/no-unused-prop-types
-  entryId: _propTypes.default.string.isRequired,
-  // Only present for use in modalOpen key
-  entryType: _propTypes.default.string.isRequired,
-  // Resolve to the bank entry's entry, or create it if it does not yet exist.
-  getEntry: _propTypes.default.func.isRequired,
-  label: _propTypes.default.string.isRequired,
-  modalOpen: _propTypes.default.bool.isRequired,
-  onAdd: _propTypes.default.func,
-  onContinue: _propTypes.default.func,
-  selectedBank: _reactImmutableProptypes.default.record,
-  uiSet: _propTypes.default.func.isRequired,
-  handleValidationErrorsFromApi: _propTypes.default.func.isRequired
-};
-AddToBankModal.defaultProps = {
-  onAdd: function onAdd() {},
-  onContinue: function onContinue() {},
-  selectedBank: null
-};
-AddToBankModal.contextTypes = {
-  locale: _propTypes.default.string
-};
-var _default = AddToBankModal;
-exports.default = _default;

package/lib/banks/components/Bank/index.js

@@ -1,60 +0,0 @@
-"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.Bank = void 0;
-
-var immutable = _interopRequireWildcard(require("immutable"));
-
-var _presenter = require("./presenter");
-
-var _reactRedux = require("../../../common/react-redux");
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
-
-var _banks = require("../../../banks/api/banks");
-
-var _bankEntries = require("../../../banks/api/bankEntries");
-
-var _quizEntries = require("../../../building/api/quizEntries");
-
-var _modal = require("../../../common/actions/modal");
-
-var _quizCommon = require("@instructure/quiz-common");
-
-var _alerts = require("../../../common/actions/alerts");
-
-var _bankSearch = require("../../../common/actions/bankSearch");
-
-var _featureCheck = require("../../../common/util/featureCheck");
-
-function mapStateToProps(state, props) {
-  var bank = new _Bank.default(state.getIn(['banks', props.bankId]));
-  var search = state.get('bankSearch', immutable.Map());
-  return {
-    bank: bank,
-    search: search,
-    useBankSearch: (0, _featureCheck.featureOn)('item_bank_search'),
-    position: state.getIn(['ui', _quizCommon.BUILD_TRAY_POSITION]),
-    stimulusId: state.getIn(['ui', _quizCommon.BUILD_TRAY_STIMULUS_ID]),
-    activeQuizId: state.getIn(['quizzes', 'activeQuizId'])
-  };
-}
-
-var mapDispatchToProps = {
-  addEntryToQuiz: _quizEntries.createQuizEntry,
-  getBank: _banks.getBank,
-  getBankEntries: _bankEntries.getBankEntries,
-  openModal: _modal.openModal,
-  resetSearch: _bankSearch.reset,
-  screenreaderNotification: _alerts.screenreaderNotification
-};
-var Bank = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Bank);
-exports.Bank = Bank;
-var _default = Bank;
-exports.default = _default;