@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.12

package/es/banks/components/BankEntry/presenter.js

@@ -4,9 +4,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _BankEntry;
 /** @jsx jsx */
 import { Component } from 'react';
 import ReactDOM from 'react-dom';
@@ -46,107 +44,81 @@ import NavWrapper from "../NavWrapper/index.js";
 import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-
 var _ref3 = jsx(Spinner, null);
-
-export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
   _inherits(BankEntry, _Component);
-
   var _super = _createSuper(BankEntry);
-
   function BankEntry() {
     var _this;
-
     _classCallCheck(this, BankEntry);
-
     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 = {
       validationErrorsFromApi: {}
     };
-
     _this.setNavToBankRef = function (node) {
       _this.navToBankRef = node;
     };
-
     _this.navigateToBank = function () {
       _this.props.navigateToBank(_this.props.bankId);
     };
-
     _this.handleTitleChange = function (e) {
       _this.props.changeItemTitle(_this.props.entry.id, e.target.value);
     };
-
     _this.clearValidationErrorsFromApi = function (inputId) {
       if (inputId === CLEAR_ALL_INPUT_VALIDATION_ERRORS) {
         _this.setState({
           validationErrorsFromApi: {}
         });
       }
-
       if (_this.state.validationErrorsFromApi[inputId]) {
         var newErrors = Object.assign({}, _this.state.validationErrorsFromApi);
         delete newErrors[inputId];
-
         _this.setState({
           validationErrorsFromApi: newErrors
         });
       }
     };
-
-    _this.submitHandler = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _this.submitHandler = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-
               if (!_this.props.entry.isTemporary()) {
                 _context.next = 6;
                 break;
               }
-
               _context.next = 4;
               return _this.temporarySubmit();
-
             case 4:
               _context.next = 8;
               break;
-
             case 6:
               _context.next = 8;
               return _this.normalSubmit();
-
             case 8:
               _context.next = 16;
               break;
-
             case 10:
               _context.prev = 10;
               _context.t0 = _context["catch"](0);
-
               if (!_context.t0.validationErrorsFromApi) {
                 _context.next = 15;
                 break;
               }
-
               _this.setState({
                 validationErrorsFromApi: _context.t0.validationErrorsFromApi
-              }); // Throwing an error here would cause an alert banner to show,
+              });
+              // Throwing an error here would cause an alert banner to show,
               // which we don't want in the case of a simple input validation error
-
-
               return _context.abrupt("return", API_INPUT_VALIDATION_ERROR);
-
             case 15:
               throw _context.t0;
-
             case 16:
               _this.navigateToBank();
-
             case 17:
             case "end":
               return _context.stop();
@@ -154,31 +126,22 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
         }
       }, _callee, null, [[0, 10]]);
     }));
-
     _this.handleRef = function (node) {
       _this.itemEditArea = node;
     };
-
     _this.clearChanges = function () {
       _this.clearValidationErrorsFromApi(CLEAR_ALL_INPUT_VALIDATION_ERRORS);
-
       if (!_this.props.entry) return;
-
       if (_this.props.entry.isTemporary()) {
         _this.props.clearTemporaryBankItem(_this.props.bankId);
       }
-
       _this.props.clearModifications('items', _this.props.entry.id);
-
       _this.props.setPendingDeletionTagAssociations(_this.props.bankEntry.entryType, _this.props.entry.id, []);
-
       _this.props.setPendingAdditionTagAssociations(_this.props.bankEntry.entryType, _this.props.entry.id, []);
     };
-
     _this.handlePointsChange = function (points) {
       _this.props.changeQuizEntryPoints(_this.props.entry.id, points);
     };
-
     _this.editProps = function (entry) {
       return {
         cancelHandler: _this.navigateToBank,
@@ -199,67 +162,51 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
         scope: _this.props.scope
       };
     };
-
     _this.openFeedbackModal = function () {
       _this.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, _this.props.entry.getWorkingInstance());
-
       _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, _this.props.entry.getWorkingInstance().feedback);
-
       _this.props.openModal(ITEM_FEEDBACK_MODAL, {
         modalTrigger: _this.addFeedbackButton
       });
     };
-
     _this.storeFeedbackButtonRef = function (button) {
       _this.addFeedbackButton = button;
     };
-
     _this.compareTagValues = function (left, right) {
       return left.tag_value === right.tag_value;
     };
-
     _this.tagToAssociation = function (_ref2) {
       var value = _ref2.value;
       return {
         tag_value: value
       };
     };
-
     _this.handleTagChange = function (tags) {
       var bankEntry = _this.props.bankEntry;
-
       var tagAssociations = _this.props.tagAssociations.toJS();
-
       var associations = tags.map(_this.tagToAssociation);
       var removed = differenceWith(tagAssociations, associations, _this.compareTagValues);
-      var created = differenceWith(associations, tagAssociations, _this.compareTagValues); // If a tag that was removed is being re-added,
+      var created = differenceWith(associations, tagAssociations, _this.compareTagValues);
+      // If a tag that was removed is being re-added,
       // remove from both addAssociations and deletedTags
-
       var restored = intersectionWith(created, removed, _this.compareTagValues);
       var addOperations = differenceWith(created, restored, isEqual);
       var deleteOperations = differenceWith(removed, restored, _this.compareTagValues);
-
       var bankEntryId = _this.getBankEntryId(bankEntry);
-
       _this.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
-
       _this.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
     };
-
     return _this;
   }
-
   _createClass(BankEntry, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (!this.isTemporary()) {
         this.props.getBankEntry(this.props.bankId, this.props.bankEntryId);
       }
-
       if (this.navToBankRef) {
         ReactDOM.findDOMNode(this.navToBankRef).focus();
       }
-
       this.props.getBank(this.props.bankId);
     }
   }, {
@@ -311,11 +258,11 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "renderNav",
     value: function renderNav() {
       var _this$props = this.props,
-          scope = _this$props.scope,
-          closeTray = _this$props.closeTray,
-          navigateToBanks = _this$props.navigateToBanks,
-          navigateToBuild = _this$props.navigateToBuild,
-          returnToUrl = _this$props.returnToUrl;
+        scope = _this$props.scope,
+        closeTray = _this$props.closeTray,
+        navigateToBanks = _this$props.navigateToBanks,
+        navigateToBuild = _this$props.navigateToBuild,
+        returnToUrl = _this$props.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
       return jsx(NavWrapper, {
         closeTray: closeTray,
@@ -326,7 +273,6 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
         isCompact: this.props.isCompact,
         iceTopNavBarEnabled: this.props.iceTopNavBarEnabled,
         menuItemPath: "/banks/".concat(this.props.bankId, "/bank_entries/").concat(this.props.bankEntryId || 'new') // eslint-disable-line react/jsx-no-literals
-
       }, this.renderBankBreadCrumbLink(), this.renderBankEntryBreadCrumbLink());
     }
   }, {
@@ -379,15 +325,15 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
     value: function createTagsForClone(newBankEntry, tags) {
       this.props.createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, tags.map(function (tag) {
         return tag.tag_value;
-      })); // Pending tag associations were applied to the original bank entry, so clear those out
-
+      }));
+      // Pending tag associations were applied to the original bank entry, so clear those out
       this.props.setPendingAdditionTagAssociations(this.props.bankEntry.entryType, this.props.entry.id, []);
       this.props.setPendingDeletionTagAssociations(this.props.bankEntry.entryType, this.props.entry.id, []);
     }
   }, {
     key: "updateTagsForEntry",
     value: function () {
-      var _updateTagsForEntry = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _updateTagsForEntry = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -396,18 +342,15 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
                   _context2.next = 5;
                   break;
                 }
-
                 _context2.next = 3;
                 return this.props.createTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingAdditionTags.map(function (tagToAdd) {
                   return tagToAdd.get('tag_value');
                 }));
-
               case 3:
                 _context2.next = 5;
                 return this.props.deleteTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingDeletionTags.map(function (tagToDelete) {
                   return tagToDelete.get('id');
                 }));
-
               case 5:
               case "end":
                 return _context2.stop();
@@ -415,64 +358,53 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
           }
         }, _callee2, this);
       }));
-
       function updateTagsForEntry() {
         return _updateTagsForEntry.apply(this, arguments);
       }
-
       return updateTagsForEntry;
     }()
   }, {
     key: "normalSubmit",
     value: function () {
-      var _normalSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _normalSubmit = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var entry, tags, createEntryCb, newBankEntry, workingEntry, updateFunc, toClear;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
                 entry = this.props.entry;
-
                 if (!(entry.hasModifications() || this.props.shouldClone && this.hasPendingTagModifications())) {
                   _context3.next = 17;
                   break;
                 }
-
                 if (!this.props.shouldClone) {
                   _context3.next = 11;
                   break;
                 }
-
                 tags = this.visibleTagAssociations();
                 createEntryCb = this.isItemEntry() ? createItem : createStimulus;
                 _context3.next = 7;
                 return this.props.cloneBankEntry(this.props.bankEntry, createEntryCb);
-
               case 7:
                 newBankEntry = _context3.sent;
                 this.createTagsForClone(newBankEntry, tags);
                 _context3.next = 15;
                 break;
-
               case 11:
                 workingEntry = entry.getWorkingInstance();
                 updateFunc = this.isItemEntry() ? this.props.updateItem : this.props.updateStimulus;
                 _context3.next = 15;
                 return updateFunc(workingEntry, this.props.bankId, 'bank');
-
               case 15:
                 toClear = this.isItemEntry() ? 'items' : 'stimuli';
                 this.props.clearModifications(toClear, entry.id);
-
               case 17:
                 if (!this.hasPendingTagModifications()) {
                   _context3.next = 20;
                   break;
                 }
-
                 _context3.next = 20;
                 return this.updateTagsForEntry();
-
               case 20:
               case "end":
                 return _context3.stop();
@@ -480,17 +412,15 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
           }
         }, _callee3, this);
       }));
-
       function normalSubmit() {
         return _normalSubmit.apply(this, arguments);
       }
-
       return normalSubmit;
     }()
   }, {
     key: "temporarySubmit",
     value: function () {
-      var _temporarySubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _temporarySubmit = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
         var entry, workingEntry, workingBankEntry, createEntryCb, newBankEntry, toClear;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
@@ -502,20 +432,16 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
                 createEntryCb = this.isItemEntry() ? createItem : createStimulus;
                 _context4.next = 6;
                 return this.props.createEntryAndBankEntry(this.props.bankId, workingEntry, workingBankEntry, createEntryCb);
-
               case 6:
                 newBankEntry = _context4.sent;
-
                 if (this.hasPendingTagModifications()) {
                   this.props.createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, this.props.pendingAdditionTags.map(function (tagToAdd) {
                     return tagToAdd.get('tag_value');
                   }));
                 }
-
                 toClear = this.isItemEntry() ? 'items' : 'stimuli';
                 this.props.clearModifications(toClear, entry.id);
                 this.props.clearTemporaryBankItem(this.props.bankId);
-
               case 11:
               case "end":
                 return _context4.stop();
@@ -523,11 +449,9 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
           }
         }, _callee4, this);
       }));
-
       function temporarySubmit() {
         return _temporarySubmit.apply(this, arguments);
       }
-
       return temporarySubmit;
     }()
   }, {
@@ -536,11 +460,9 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
       if (!this.isItemEntry()) {
         return;
       }
-
       var shouldClone = this.props.shouldClone;
       var disabled = this.props.entry.isImmutable() && !shouldClone;
       var icon, text;
-
       if (this.props.entry.getWorkingInstance().hasFeedback()) {
         icon = IconDiscussionSolid;
         text = t('Edit Question Level Feedback (present)');
@@ -548,7 +470,6 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
         icon = IconDiscussionLine;
         text = t('Edit Question Level Feedback');
       }
-
       return jsx(IconButton, {
         onClick: this.openFeedbackModal,
         withBackground: false,
@@ -569,9 +490,9 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "visibleTagAssociations",
     value: function visibleTagAssociations() {
       var _this$props2 = this.props,
-          pendingAdditionTags = _this$props2.pendingAdditionTags,
-          pendingDeletionTags = _this$props2.pendingDeletionTags,
-          tagAssociations = _this$props2.tagAssociations;
+        pendingAdditionTags = _this$props2.pendingAdditionTags,
+        pendingDeletionTags = _this$props2.pendingDeletionTags,
+        tagAssociations = _this$props2.tagAssociations;
       var existingValues = keyBy(tagAssociations.toJS(), function (t) {
         return t.tag_value;
       });
@@ -596,11 +517,10 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "renderEntry",
     value: function renderEntry(entry) {
       var _this2 = this;
-
       if (!entry) return;
       var _this$props3 = this.props,
-          bankEntry = _this$props3.bankEntry,
-          useBankTags = _this$props3.useBankTags;
+        bankEntry = _this$props3.bankEntry,
+        useBankTags = _this$props3.useBankTags;
       var props = this.editProps(entry);
       var propsFunc = this.isItemEntry() ? propsForItemVersioningWrapper : propsForStimulusVersioningWrapper;
       var versioningProps = propsFunc(entry.isImmutable(), this.props.shouldClone, this.props.setShouldClone, this.navigateToBank, true);
@@ -610,7 +530,6 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
       var EntryComponent = this.isItemEntry() ? ItemComponent : StimulusComponent;
       var entryType = bankEntry.entryType;
       var entryId = this.getBankEntryId(bankEntry);
-
       var tags = function tags() {
         return jsx(TagSuggestSelect, {
           allowNewTags: true,
@@ -621,7 +540,6 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
           tags: _this2.visibleTags()
         });
       };
-
       var editWarning = this.isItemEntry() ? t('Edits made here will appear on any assessment using this question.') : t('Edits made here will appear on any assessment using this stimulus.');
       return jsx("div", null, jsx("div", {
         css: this.props.styles.entryEdit
@@ -642,11 +560,9 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
     key: "render",
     value: function render() {
       var entry = this.props.entry;
-
       if (entry && !entry.isLoaded()) {
         return _ref3;
       }
-
       return jsx(Page, null, this.renderNav(), jsx("div", {
         css: this.props.styles.content,
         ref: this.handleRef
@@ -663,10 +579,9 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
       })));
     }
   }]);
-
   BankEntry.displayName = "BankEntry";
   return BankEntry;
-}(Component), _class2.propTypes = {
+}(Component), _BankEntry.propTypes = {
   bankEntryId: PropTypes.string.isRequired,
   bankId: PropTypes.string.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
@@ -716,7 +631,7 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
   iceTopNavBarEnabled: PropTypes.bool,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _BankEntry.defaultProps = {
   closeTray: function closeTray() {},
   entry: null,
   isCompact: false,
@@ -729,5 +644,5 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
   tagInput: null,
   useBankTags: false,
   iceTopNavBarEnabled: false
-}, _temp)) || _class);
+}, _BankEntry)) || _class);
 export default BankEntry;

package/es/banks/components/BankEntry/styles.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme) {
   var footerStyles = {
     display: 'flex',
@@ -64,5 +63,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/banks/components/BankEntry/theme.js

@@ -1,8 +1,8 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      typography = _ref.typography,
-      borders = _ref.borders;
+    colors = _ref.colors,
+    typography = _ref.typography,
+    borders = _ref.borders;
   return {
     contentBackgroundColor: colors.white,
     contentPaddingTopBottom: 0,
@@ -25,5 +25,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     entryEditBorderColor: colors.tiara
   };
 };
-
 export default generateComponentTheme;

package/es/banks/components/BankEntryRow/BankEntryRow.examples.js

@@ -9,11 +9,9 @@ export default {
   getComponentProps: function getComponentProps(props) {
     var bankEntry = new BankEntry();
     var item = new Item();
-
     bankEntry.getEntry = function () {
       return item;
     };
-
     return {
       bankEntry: bankEntry,
       bankId: '1',

package/es/banks/components/BankEntryRow/index.js

@@ -1,5 +1,4 @@
 var _this = this;
-
 import { bindActionCreators } from 'redux';
 import { connect } from "../../../common/react-redux.js";
 import { createItem } from "../../../building/api/items.js";
@@ -11,11 +10,9 @@ import * as bankEntryApiActions from "../../api/bankEntries.js";
 import { screenreaderNotification } from "../../../common/actions/alerts.js";
 import { featureOn } from "../../../common/util/featureCheck.js";
 import { BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID, SET_EDIT_BUTTON_FOCUS } from '@instructure/quiz-common';
-
 var rowKey = function rowKey(props) {
   return "BANK_ENTRY_".concat(props.bankEntry.get('id'), "_EXPANDED");
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     activeQuizId: state.getIn(['quizzes', 'activeQuizId']),
@@ -27,7 +24,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     useBankTags: featureOn('item_bank_tagging')
   };
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
   return {
     clearUi: bindActionCreators(clear, dispatch),
@@ -41,5 +37,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch, props) {
     withConfirm: bindActionCreators(modalActions.withConfirm, dispatch)
   };
 };
-
 export default connect(mapStateToProps, mapDispatchToProps)(BankEntryRow);