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

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

@@ -7,11 +7,8 @@ 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, _SharingModalPresenter;
 /** @jsx jsx */
-
 /* eslint-disable-next-line no-unused-vars*/
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -36,25 +33,17 @@ import Spinner from "../../../common/components/shared/spinner/Spinner.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-
 var noop = function noop() {};
-
 var _ref7 = jsx(Spinner, null);
-
-export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
   _inherits(SharingModalPresenter, _Component);
-
   var _super = _createSuper(SharingModalPresenter);
-
   function SharingModalPresenter() {
     var _this;
-
     _classCallCheck(this, SharingModalPresenter);
-
     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 = {
       accountPermission: null,
@@ -67,14 +56,14 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
     };
     _this.shareListRef = null;
     _this.shareButtonRef = null;
-
     _this.applicationElement = function () {
       return elementsForSelectors(_this.props.appContainer);
     };
-
+    // =============
+    //   LIFECYCLE
+    // =============
     _this.checkForSharedBanks = function () {
       var size = _this.props.sharedBanks.size;
-
       if (size >= 0 && size !== _this.props.bank.sharedCount || size === 0) {
         _this.props.getSharedBanks(_this.props.bank, _this.props.getUserInfo, _this.props.getCourseInfo, _this.props.getSubaccountInfo);
       } else {
@@ -84,137 +73,116 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         });
       }
     };
-
+    // =============
+    //   HELPERS
+    // =============
     _this.handleTabChange = function (event, _ref) {
       var index = _ref.index;
-
       _this.setState({
         selectedTabIndex: index
       });
     };
-
     _this.modalDismissCleanup = function () {
       var focusCreateBank = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-
       _this.props.onDismiss();
-
       if (_this.props.modalTrigger && !focusCreateBank) {
         _this.props.modalTrigger.focus();
       } else {
         setTimeout(_this.props.focusCreateBankButton, 100);
-      } // removes the creator's temporary sharedBank record
-
-
+      }
+      // removes the creator's temporary sharedBank record
       _this.props.removeSharedBank('-1');
     };
-
     _this.numEntitiesToRemove = function () {
       var permissions = Object.values(_this.state.entitiesWithChangedPermission);
       return permissions.reduce(function (count, val) {
         return val === REMOVED_ACCESS ? count + 1 : count;
       }, 0);
     };
-
     _this.newEntitiesToSubmit = function () {
       var newEntities = _this.state.newEntities.filter(function (entity) {
         return _this.state.entitiesWithChangedPermission[entity.get('id')] !== REMOVED_ACCESS;
-      }); // special case if the creator tries to change their own permissions before
-      // first share, since they don't have a SharedBank record to update
-
+      });
 
+      // special case if the creator tries to change their own permissions before
+      // first share, since they don't have a SharedBank record to update
       var newCreatorPerm = _this.state.entitiesWithChangedPermission['-1'];
-
       if (newCreatorPerm && newCreatorPerm !== CAN_EDIT) {
         var creatorSharedBank = _this.props.sharedBanks.find(function (sharedBank) {
           return sharedBank.get('id') == '-1';
         });
-
         newEntities = newEntities.push(Map(_objectSpread(_objectSpread({}, creatorSharedBank.toJS()), {}, {
           permission: newCreatorPerm
         })));
       }
-
       return newEntities;
     };
-
     _this.isSharedWithAccount = function () {
       var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.state;
       return [READ_ONLY, CAN_EDIT].includes(state.accountPermission);
     };
-
+    // =============
+    //   HANDLERS
+    // =============
     _this.handleDismiss = function (e) {
       _this.props.updateSharedCount(null);
-
       _this.modalDismissCleanup();
     };
-
     _this.handleSubmit = function () {
       // calls the sharedBank api with the new entities you shared the current bank with
       var promises = [];
-
       if (_this.state.accountPermission !== _this.props.bank.accountPermission) {
         var updatedBank = _this.props.bank.set('accountPermission', _this.state.accountPermission);
-
         promises.push(_this.props.updateBank(updatedBank));
       }
-
       _this.newEntitiesToSubmit().forEach(function (entity) {
         _this.props.onShare(entity.toJS());
-
         promises.push(_this.props.shareBank(_this.sharedBankForEntity(entity), _this.props.getUserInfo));
-      }); // call the update api if any shared bank permission was updated
-
+      });
 
+      // call the update api if any shared bank permission was updated
       Object.entries(_this.state.entitiesWithChangedPermission).forEach(function (_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
-            sharedBankId = _ref3[0],
-            permission = _ref3[1];
-
+          sharedBankId = _ref3[0],
+          permission = _ref3[1];
         var sharedBank = _this.props.sharedBanks.find(function (sharedBank) {
           return sharedBank.get('id') === sharedBankId;
         });
-
         if (sharedBank && sharedBank.get('permission') !== permission && sharedBankId != '-1') {
           promises.push(_this.props.updateSharedBankPermission(_this.props.bank.id, sharedBankId, permission));
         }
-      }); // waits till all the calls to the shareBank and updateSharedBank apis have completed
+      });
 
+      // waits till all the calls to the shareBank and updateSharedBank apis have completed
       Promise.all(promises).then(function (values) {
         // calls getBank for the current bank to update the sharedCount
         _this.props.getBank(_this.props.bank.id);
       });
-
       _this.setState({
         newEntities: List()
       });
-
       _this.modalDismissCleanup(!!_this.numEntitiesToRemove());
     };
-
     _this.handleSearchSelectionChange = function (searchSelection) {
       _this.setState({
         searchSelection: searchSelection
       });
     };
-
     _this.updateEntitiesCount = function () {
       // state.shares is a list containing everyone in the list,
       _this.props.updateSharedCount(_this.state.shares.size - _this.numEntitiesToRemove());
     };
-
     _this.originalPermissionForEntity = function (entity) {
       var originalEntity = _this.props.sharedBanks.find(function (sb) {
         return sb.get('id') == entity.get('id');
       }) || Map();
       return originalEntity.get('permission', CAN_EDIT);
     };
-
     _this.handleEntityRemove = function (entity, undoRemove) {
       if (_this.props.subAccountBankSharingEnabled) {
         _this.confirmPermissionChange(entity, REMOVED_ACCESS);
       } else {
         var permission = undoRemove ? _this.originalPermissionForEntity(entity) : REMOVED_ACCESS;
-
         _this.setState(function (prevState) {
           var sharesIndex = prevState.shares.findIndex(function (e) {
             return e.get('id') == entity.get('id');
@@ -233,15 +201,12 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         }, _this.updateEntitiesCount);
       }
     };
-
     _this.handleSearchPermissionChange = function (e, _ref4) {
       var value = _ref4.value;
-
       _this.setState({
         searchPermission: value
       });
     };
-
     _this.handleSearchFilter = function (searchResults) {
       return searchResults.filter(function (result) {
         return !_this.state.shares.some(function (entity) {
@@ -249,7 +214,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         }) && (result.uuid !== _this.props.bank.creator || _this.props.bank.sharedCount > 0);
       });
     };
-
     _this.handleShare = function () {
       var newEntities = List(_this.state.searchSelection.map(function (entity) {
         return Map({
@@ -262,14 +226,11 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
           permission: _this.state.searchPermission
         });
       }));
-
       if (_this.props.subAccountBankSharingEnabled) {
         newEntities.forEach(function (entity) {
           _this.props.onShare(entity.toJS());
-
           _this.props.shareBank(_this.sharedBankForEntity(entity), _this.props.getUserInfo);
         });
-
         _this.setState({
           searchSelection: []
         });
@@ -281,11 +242,9 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         }, _this.updateEntitiesCount);
       }
     };
-
     _this.updatePermission = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(entity, permission) {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(entity, permission) {
         var _this$props, updateSharedBankPermission, getBank, bank;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -293,10 +252,8 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
                 _this$props = _this.props, updateSharedBankPermission = _this$props.updateSharedBankPermission, getBank = _this$props.getBank, bank = _this$props.bank;
                 _context.next = 3;
                 return updateSharedBankPermission(bank.id, entity.get('id'), permission);
-
               case 3:
                 getBank(bank.id); // make sure the user still has access to the bank
-
               case 4:
               case "end":
                 return _context.stop();
@@ -304,18 +261,14 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref5.apply(this, arguments);
       };
     }();
-
     _this.translatedPermissionLevel = function (permission) {
       var _CAN_EDIT$READ_ONLY$p;
-
       return (_CAN_EDIT$READ_ONLY$p = {}, _defineProperty(_CAN_EDIT$READ_ONLY$p, CAN_EDIT, t('edit')), _defineProperty(_CAN_EDIT$READ_ONLY$p, READ_ONLY, t('view')), _CAN_EDIT$READ_ONLY$p)[permission];
     };
-
     _this.confirmPermissionChange = function (entity, permission) {
       var confirmText = permission === REMOVED_ACCESS ? t('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
         accessLevel: _this.translatedPermissionLevel(_this.originalPermissionForEntity(entity)),
@@ -325,14 +278,12 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         originalAccessLevel: _this.translatedPermissionLevel(_this.originalPermissionForEntity(entity)),
         permission: _this.translatedPermissionLevel(permission)
       });
-
       _this.props.withConfirm(partial(_this.updatePermission, entity, permission), {
         title: t('Change Permission'),
         text: confirmText,
         continueText: t('Confirm')
       });
     };
-
     _this.handleEntityPermissionChange = function (entity, permission) {
       if (_this.props.subAccountBankSharingEnabled) {
         _this.confirmPermissionChange(entity, permission);
@@ -348,7 +299,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         });
       }
     };
-
     _this.toggleAccountShare = function (event) {
       _this.setState(function (prevState) {
         return {
@@ -356,22 +306,18 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         };
       });
     };
-
     _this.handleAccountPermissionChange = function (e, _ref6) {
       var value = _ref6.value;
       return _this.setState({
         accountPermission: value
       });
     };
-
     _this.handleShareListRef = function (node) {
       _this.shareListRef = node;
     };
-
     _this.handleShareButtonRef = function (node) {
       _this.shareButtonRef = node;
     };
-
     _this.renderSearchSection = function (searchType) {
       if (_this.props.bank.canEdit()) {
         return jsx(React.Fragment, null, jsx(Grid, {
@@ -411,7 +357,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         }));
       }
     };
-
     _this.renderShareList = function (entities) {
       return jsx(ShareList, {
         canEdit: _this.props.bank.canEdit(),
@@ -422,10 +367,8 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         sharedBanks: _this.props.sharedBanks
       });
     };
-
     return _this;
   }
-
   _createClass(SharingModalPresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -449,10 +392,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         var updatedBank = this.props.bank.set('accountPermission', this.state.accountPermission);
         this.props.updateBank(updatedBank, false);
       }
-    } // =============
-    //   HELPERS
-    // =============
-
+    }
   }, {
     key: "sharedBankForEntity",
     value: function sharedBankForEntity(entity) {
@@ -471,7 +411,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
     // =============
     value: function renderRootAccountSharing() {
       var _this$props$currentUs;
-
       return jsx(RootAccountSharing, {
         accountName: (_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.account_name,
         onShareChange: this.toggleAccountShare,
@@ -568,11 +507,9 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
       var existingAccounts = existingShares.filter(function (s) {
         return s.get('entityType') === SHARED_WITH_ACCOUNT;
       });
-
       if (this.props.subAccountBankSharingEnabled) {
         return this.renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
       }
-
       return this.renderOriginalDesignEntities(existingPeople, existingCourses);
     }
   }, {
@@ -585,7 +522,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
           onClick: this.handleDismiss
         }, t('Close'));
       }
-
       return jsx(React.Fragment, null, jsx(Button, {
         "data-automation": "sdk-shared-bank-cancel-button",
         color: "primary-inverse",
@@ -617,10 +553,9 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
       })), jsx(ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), jsx(ModalFooter, null, this.renderFooter()));
     }
   }]);
-
   SharingModalPresenter.displayName = "SharingModalPresenter";
   return SharingModalPresenter;
-}(Component), _class2.propTypes = {
+}(Component), _SharingModalPresenter.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   currentUser: PropTypes.shape({
@@ -658,7 +593,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   withConfirm: PropTypes.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _SharingModalPresenter.defaultProps = {
   bank: null,
   currentUser: null,
   improvedBankSharingEnabled: false,
@@ -670,5 +605,5 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   sharedBanks: List(),
   subAccountBankSharingEnabled: false,
   updateSharedCount: Function.prototype
-}, _temp)) || _class);
+}, _SharingModalPresenter)) || _class);
 export default SharingModalPresenter;

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

@@ -9,5 +9,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,12 +1,11 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
+    borders = _ref.borders,
+    spacing = _ref.spacing;
   return {
     separatorColor: colors.tiara,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };
 };
-
 export default generateComponentTheme;

package/es/building/api/items.js

@@ -2,18 +2,23 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 // =========================================
 // =========================================
+
 //  this file is in charge of coordinating
 //  the dispatching of actions necessary
 //  to interact with items via the api
+
 // =========================================
 // =========================================
+
 import first from 'lodash/first';
 import { CREATE_ITEM_CALL, UPDATE_ITEM_CALL, PARENT_TYPE_ADDING_TO_BANK } from '@instructure/quiz-common';
 import { addError } from "../../common/actions/alerts.js";
 import { handleError, errorsAllFromValidation, processApiError, getOnErrorWithDelayedValidationMessage } from "../../common/api/helpers.js";
 import Fetcher from "../../common/util/Fetcher.js";
 import { handleItemsResponse } from "../../common/api/callHandlers.js";
-import t from '@instructure/quiz-i18n/es/format-message'; // =====================
+import t from '@instructure/quiz-i18n/es/format-message';
+
+// =====================
 // =====================
 //       CREATE
 // =====================
@@ -67,12 +72,10 @@ export function createItem(item, parentId, parentType) {
   });
   return function (dispatch, getState) {
     var errorMessage = t('Failed to create item.');
-
     var onError = function onError(_ref) {
       var response = _ref.response;
-      return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _yield$response$json, errors;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -81,33 +84,25 @@ export function createItem(item, parentId, parentType) {
                   _context.next = 12;
                   break;
                 }
-
                 _context.prev = 1;
                 _context.next = 4;
                 return response.json();
-
               case 4:
                 _yield$response$json = _context.sent;
                 errors = _yield$response$json.errors;
-
                 if (!errorsAllFromValidation(errors)) {
                   _context.next = 8;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 8:
                 _context.next = 12;
                 break;
-
               case 10:
                 _context.prev = 10;
                 _context.t0 = _context["catch"](1);
-
               case 12:
                 return _context.abrupt("return", dispatch(addError(errorMessage)));
-
               case 13:
               case "end":
                 return _context.stop();
@@ -116,15 +111,12 @@ export function createItem(item, parentId, parentType) {
         }, _callee, null, [[1, 10]]);
       }));
     };
-
     if (parentType === PARENT_TYPE_ADDING_TO_BANK) {
       onError = getOnErrorWithDelayedValidationMessage(dispatch, t('Item could not be added to bank due to invalid input data.'), t('Item could not be added to bank.'));
     }
-
     if (parentType === 'bank') {
       onError = handleError(dispatch, errorMessage);
     }
-
     var fetcher = new Fetcher({
       callType: CREATE_ITEM_CALL,
       cloneResponseForError: true,
@@ -132,17 +124,20 @@ export function createItem(item, parentId, parentType) {
     });
     var createItemParams = {
       body: requestBody
-    }; // Although the fetcher has an onError method, it's specifically for dispatching
+    };
+
+    // Although the fetcher has an onError method, it's specifically for dispatching
     // redux actions (e.g. to show notifications).
     // API validation error handling doesn't go through redux, so we catch the
     // fetcher error separately below and add the necessary formatted data to it
-
     return fetcher.post(url, createItemParams).then(function (itemData) {
       dispatch(handleItemsResponse([itemData]));
       return itemData;
     }).catch(processApiError);
   };
-} // =====================
+}
+
+// =====================
 // =====================
 //       UPDATE
 // =====================
@@ -162,7 +157,6 @@ function updateItemParams(item) {
     answer_feedback: item.answerFeedback
   };
 }
-
 export function updateItem(item, parentId, parentType) {
   var resource = parentType === 'bank' ? 'banks' : 'quizzes';
   var url = "/api/".concat(resource, "/").concat(parentId, "/items/").concat(item.id);
@@ -179,9 +173,8 @@ export function updateItem(item, parentId, parentType) {
       onError: function onError(_ref3) {
         var response = _ref3.response;
         return /*#__PURE__*/function () {
-          var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(dispatch) {
+          var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(dispatch) {
             var _yield$response$json2, errors;
-
             return _regeneratorRuntime.wrap(function _callee2$(_context2) {
               while (1) {
                 switch (_context2.prev = _context2.next) {
@@ -190,43 +183,33 @@ export function updateItem(item, parentId, parentType) {
                       _context2.next = 14;
                       break;
                     }
-
                     _context2.prev = 1;
                     _context2.next = 4;
                     return response.json();
-
                   case 4:
                     _yield$response$json2 = _context2.sent;
                     errors = _yield$response$json2.errors;
-
                     if (!(errors.base && errors.base.some(function (message) {
                       return message.includes('cannot update an immutable item');
                     }))) {
                       _context2.next = 8;
                       break;
                     }
-
                     return _context2.abrupt("return", dispatch(addError(t('This item has now been viewed by a student, so your edits were not saved. ' + 'Please refresh the page and try again.'))));
-
                   case 8:
                     if (!errorsAllFromValidation(errors)) {
                       _context2.next = 10;
                       break;
                     }
-
                     return _context2.abrupt("return");
-
                   case 10:
                     _context2.next = 14;
                     break;
-
                   case 12:
                     _context2.prev = 12;
                     _context2.t0 = _context2["catch"](1);
-
                   case 14:
                     return _context2.abrupt("return", dispatch(addError(t('Failed to update item.'))));
-
                   case 15:
                   case "end":
                     return _context2.stop();
@@ -234,7 +217,6 @@ export function updateItem(item, parentId, parentType) {
               }
             }, _callee2, null, [[1, 12]]);
           }));
-
           return function (_x) {
             return _ref4.apply(this, arguments);
           };