@instructure/quiz-core 20.17.2-rc.9 → 20.17.2

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

@@ -1,89 +1,55 @@
 "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.CopyMoveBankEntryModal = 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 _uiButtons = require("@instructure/ui-buttons");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _uiRadioInput = require("@instructure/ui-radio-input");
-
 var _uiCheckbox = require("@instructure/ui-checkbox");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-
-var _index = _interopRequireDefault(require("../../../common/components/resources/BankSelection/index.js"));
-
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
+var _BankSelection = _interopRequireDefault(require("../../../common/components/resources/BankSelection"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _ref = /*#__PURE__*/_react.default.createElement("br", null);
-
-var _ref2 = /*#__PURE__*/_react.default.createElement("br", null);
-
-var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(CopyMoveBankEntryModal, _Component);
-
-  var _super = (0, _createSuper2.default)(CopyMoveBankEntryModal);
-
+var _br, _br2;
+var CopyMoveBankEntryModal = exports.CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
   function CopyMoveBankEntryModal() {
     var _this;
-
     (0, _classCallCheck2.default)(this, CopyMoveBankEntryModal);
-
     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, CopyMoveBankEntryModal, [].concat(args));
     _this.state = {
       bankType: 'existing',
       newBankTitle: ''
     };
-
     _this.copyOrMove = function (newBankId) {
       if (_this.props.keepCopy) {
         _this.copyBankEntry(newBankId);
       } else {
         _this.moveBankEntry(newBankId);
       }
-
       _this.closeAction();
     };
-
     _this.continueAction = function () {
       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.copyOrMove(bankData.id);
         });
@@ -91,55 +57,45 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
         _this.copyOrMove(_this.props.selectedBank.id);
       }
     };
-
     _this.moveBankEntry = function (newBankId) {
       return _this.props.updateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId, {
         bankId: newBankId
       }).then(function (bankEntry) {
         _this.props.disassociateBankEntry(_this.props.sourceBankId, _this.props.sourceBankEntryId);
-
         return bankEntry;
       }).then(_this.props.onAdd);
     };
-
     _this.copyBankEntry = function (newBankId) {
       return _this.props.createEntry().then(function (entry) {
         return _this.props.createBankEntry(newBankId, _this.props.entryType, entry.id);
       }).then(_this.props.onAdd);
     };
-
     _this.closeAction = function () {
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
-
       _this.props.closeModal();
     };
-
     _this.onBankSelection = function (e, option) {
       _this.props.uiSet(_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_BANK_SELECTION, option.value);
     };
-
     _this.onKeepCopyChange = function (e) {
       _this.props.uiSet(_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, e.target.checked);
     };
-
     _this.handleRadioChange = function (event, value) {
       _this.setState({
         bankType: value
       });
     };
-
     _this.onTitleChange = function (e) {
       _this.setState({
         newBankTitle: e.target.value
       });
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(CopyMoveBankEntryModal, [{
+  (0, _inherits2.default)(CopyMoveBankEntryModal, _Component);
+  return (0, _createClass2.default)(CopyMoveBankEntryModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
@@ -151,8 +107,8 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
     key: "addToBankButton",
     value: function addToBankButton() {
       var _this$state = this.state,
-          bankType = _this$state.bankType,
-          newBankTitle = _this$state.newBankTitle;
+        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, {
         color: "primary",
@@ -166,13 +122,12 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
     key: "renderBankTypeContent",
     value: function renderBankTypeContent() {
       if (this.state.bankType === 'existing') {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
+        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,
@@ -194,7 +149,7 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/_react.default.createElement(_uiRadioInput.RadioInput, {
         value: "new",
         label: (0, _formatMessage.default)('New item bank')
-      })), _ref, this.renderBankTypeContent(), _ref2, /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+      })), _br || (_br = /*#__PURE__*/_react.default.createElement("br", null)), this.renderBankTypeContent(), _br2 || (_br2 = /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
         label: (0, _formatMessage.default)('Keep a copy in this bank'),
         value: "medium",
         checked: this.props.keepCopy,
@@ -222,11 +177,7 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, this.renderContent()), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton(), this.addToBankButton()));
     }
   }]);
-  CopyMoveBankEntryModal.displayName = "CopyMoveBankEntryModal";
-  return CopyMoveBankEntryModal;
 }(_react.Component);
-
-exports.CopyMoveBankEntryModal = CopyMoveBankEntryModal;
 CopyMoveBankEntryModal.propTypes = {
   closeModal: _propTypes.default.func.isRequired,
   createBank: _propTypes.default.func.isRequired,
@@ -260,5 +211,4 @@ CopyMoveBankEntryModal.defaultProps = {
   onAdd: function onAdd() {},
   selectedBank: null
 };
-var _default = CopyMoveBankEntryModal;
-exports.default = _default;
+var _default = exports.default = CopyMoveBankEntryModal;

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

@@ -1,40 +1,24 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _redux = require("redux");
-
 var _immutable = require("immutable");
-
-var _reactRedux = require("../../../common/react-redux.js");
-
-var _banks = require("../../api/banks.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
-
+var _reactRedux = require("../../../common/react-redux");
+var _banks = require("../../api/banks");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _modifications = require("../../../common/actions/modifications.js");
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-
-var _errorsShowing = require("../../../common/actions/errorsShowing.js");
-
-var _modalHelpers = require("../../../common/util/modalHelpers.js");
-
-var _alerts = require("../../../common/actions/alerts.js");
-
-var _featureCheck = require("../../../common/util/featureCheck.js");
-
+var _modifications = require("../../../common/actions/modifications");
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
+var _errorsShowing = require("../../../common/actions/errorsShowing");
+var _modalHelpers = require("../../../common/util/modalHelpers");
+var _alerts = require("../../../common/actions/alerts");
+var _featureCheck = require("../../../common/util/featureCheck");
 function mapStateToProps(state) {
   var temporaryBank = new _Bank.default(state.getIn(['modifications', 'banks', _quizCommon.TEMPORARY_BANK_ID]));
   var errorsMap = state.get('errorsShowing', (0, _immutable.Map)());
@@ -49,7 +33,6 @@ function mapStateToProps(state) {
     showShareBankOnCreate: (0, _featureCheck.featureOn)('share_bank_on_create')
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     createBank: (0, _redux.bindActionCreators)(_banks.createBank, dispatch),
@@ -61,7 +44,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     screenreaderNotification: (0, _redux.bindActionCreators)(_alerts.screenreaderNotification, dispatch)
   };
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);

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

@@ -1,125 +1,83 @@
 "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.CreateBankModal = 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 = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiCheckbox = require("@instructure/ui-checkbox");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-
-var _instUIMessages = require("../../../common/util/instUIMessages.js");
-
+var _Bank = _interopRequireDefault(require("../../../common/records/Bank"));
+var _instUIMessages = require("../../../common/util/instUIMessages");
 var _quizCommon = require("@instructure/quiz-common");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var CreateBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(CreateBankModal, _Component);
-
-  var _super = (0, _createSuper2.default)(CreateBankModal);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _CreateBankModal;
+/** @jsx jsx */
+var CreateBankModal = exports.CreateBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
   function CreateBankModal() {
     var _this;
-
     (0, _classCallCheck2.default)(this, CreateBankModal);
-
     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, CreateBankModal, [].concat(args));
     _this.state = {
       shareWithCourse: false
     };
-
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
-
       if (_this.props.temporaryBank.isValid()) {
         var courseUuid = _this.state.shareWithCourse ? _this.props.itemBanksScope.uuid : null;
-
         _this.props.createBank(_this.props.temporaryBank, courseUuid);
-
         _this.props.onCreateBank();
-
         _this.closeAction();
       } else {
         _this.props.screenreaderNotification((0, _formatMessage.default)('Bank name cannot be blank.'));
       }
     };
-
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
-
       _this.setState({
         shareWithCourse: false
       });
-
       _this.props.clearModifications('banks', _this.props.temporaryBank.id);
-
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
-
       _this.props.closeModal();
     };
-
     _this.onNameChange = function (e) {
       _this.props.showError(_this.props.errorKey);
-
       _this.props.changeBank(_this.props.temporaryBank.id, {
         title: e.target.value
       });
     };
-
     _this.getErrors = function () {
       if (_this.props.displayError) {
         return (0, _instUIMessages.toErrors)(_this.props.temporaryBank.errorsFor('title').toJS());
       }
     };
-
     _this.toggleCheckbox = function (event) {
       _this.setState({
         shareWithCourse: event.target.checked
       });
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(CreateBankModal, [{
+  (0, _inherits2.default)(CreateBankModal, _Component);
+  return (0, _createClass2.default)(CreateBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return (0, _emotion.jsx)(_uiButtons.Button, {
@@ -158,11 +116,9 @@ var CreateBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "renderCheckbox",
     value: function renderCheckbox() {
       var hide = !this.props.showShareBankOnCreate || this.props.itemBanksScope.type !== 'course' || !this.props.itemBanksScope.title || !this.props.itemBanksScope.uuid;
-
       if (hide) {
         return null;
       }
-
       var label = (0, _formatMessage.default)('Share with { courseName }', {
         courseName: this.props.itemBanksScope.title
       });
@@ -195,9 +151,7 @@ var CreateBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
       })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, this.renderContent()), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.cancelButton(), this.createBankButton()));
     }
   }]);
-  CreateBankModal.displayName = "CreateBankModal";
-  return CreateBankModal;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _CreateBankModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   temporaryBank: _propTypes.default.instanceOf(_Bank.default).isRequired,
@@ -221,13 +175,11 @@ var CreateBankModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }),
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _CreateBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null,
   showShareBankOnCreate: false,
   itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
-}, _temp)) || _class);
-exports.CreateBankModal = CreateBankModal;
-var _default = CreateBankModal;
-exports.default = _default;
+}, _CreateBankModal)) || _class);
+var _default = exports.default = CreateBankModal;

package/lib/banks/components/CreateBankModal/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     bankNameInput: {
@@ -19,6 +18,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/banks/components/CreateBankModal/theme.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var typography = _ref.typography,
-      spacing = _ref.spacing;
+    spacing = _ref.spacing;
   return {
     bankNameInputFontSize: typography.fontSizeMedium,
     bankNamePadding: spacing.xSmall,
     bankNameLabelPadding: spacing.xSmall
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,34 +1,21 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _redux = require("redux");
-
 var _immutable = require("immutable");
-
-var _reactRedux = require("../../../common/react-redux.js");
-
-var _banks = require("../../api/banks.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var modalActions = _interopRequireWildcard(require("../../../common/actions/modal.js"));
-
+var _reactRedux = require("../../../common/react-redux");
+var _banks = require("../../api/banks");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var modalActions = _interopRequireWildcard(require("../../../common/actions/modal"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _modifications = require("../../../common/actions/modifications.js");
-
-var _errorsShowing = require("../../../common/actions/errorsShowing.js");
-
-var _modalHelpers = require("../../../common/util/modalHelpers.js");
-
+var _modifications = require("../../../common/actions/modifications");
+var _errorsShowing = require("../../../common/actions/errorsShowing");
+var _modalHelpers = require("../../../common/util/modalHelpers");
 function mapStateToProps(state, props) {
   var errorsMap = state.get('errorsShowing', (0, _immutable.Map)());
   var errorKey = "".concat(props.workingBank.id, "_edit_bank");
@@ -39,7 +26,6 @@ function mapStateToProps(state, props) {
     displayError: errorsMap.get(errorKey)
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     updateBank: (0, _redux.bindActionCreators)(_banks.updateBank, dispatch),
@@ -50,7 +36,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     closeModal: (0, _redux.bindActionCreators)(modalActions.closeModal, dispatch)
   };
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);