@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

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

@@ -1,14 +1,17 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _SharingModalPresenter, _Spinner;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
+
 /* eslint-disable-next-line no-unused-vars*/
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -24,24 +27,35 @@ import { Tabs } from '@instructure/ui-tabs';
 import { Text } from '@instructure/ui-text';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { withStyle, jsx } from '@instructure/emotion';
-import elementsForSelectors from '../../../common/util/ElementsForSelectors';
-import CustomPropTypes from '../../../common/util/CustomPropTypes';
-import ShareList from './ShareList';
-import AsyncSearch from '../AsyncSearch';
-import RootAccountSharing from './RootAccountSharing';
-import Spinner from '../../../common/components/shared/spinner/Spinner';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
+import elementsForSelectors from "../../../common/util/ElementsForSelectors.js";
+import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
+import ShareList from "./ShareList/index.js";
+import AsyncSearch from "../AsyncSearch/index.js";
+import RootAccountSharing from "./RootAccountSharing.js";
+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() {};
-export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
+
+var _ref7 = jsx(Spinner, null);
+
+export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__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 = _callSuper(this, SharingModalPresenter, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       accountPermission: null,
       shares: List(),
@@ -53,14 +67,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 {
@@ -70,116 +84,137 @@ 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
+      }); // 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');
@@ -198,12 +233,15 @@ 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) {
@@ -211,6 +249,7 @@ 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({
@@ -223,11 +262,14 @@ 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: []
         });
@@ -239,30 +281,41 @@ 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) {
-            case 0:
-              _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();
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _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();
+            }
           }
         }, _callee);
       }));
+
       return function (_x, _x2) {
         return _ref5.apply(this, arguments);
       };
     }();
+
     _this.translatedPermissionLevel = function (permission) {
-      return _defineProperty(_defineProperty({}, CAN_EDIT, t('edit')), READ_ONLY, t('view'))[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)),
@@ -272,12 +325,14 @@ 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);
@@ -293,6 +348,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         });
       }
     };
+
     _this.toggleAccountShare = function (event) {
       _this.setState(function (prevState) {
         return {
@@ -300,18 +356,22 @@ 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, {
@@ -351,6 +411,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         }));
       }
     };
+
     _this.renderShareList = function (entities) {
       return jsx(ShareList, {
         canEdit: _this.props.bank.canEdit(),
@@ -361,10 +422,11 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         sharedBanks: _this.props.sharedBanks
       });
     };
+
     return _this;
   }
-  _inherits(SharingModalPresenter, _Component);
-  return _createClass(SharingModalPresenter, [{
+
+  _createClass(SharingModalPresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -387,7 +449,10 @@ 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) {
@@ -401,13 +466,12 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
     }
   }, {
     key: "renderRootAccountSharing",
-    value:
     // =============
     //   RENDERING
     // =============
-
-    function renderRootAccountSharing() {
+    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,
@@ -504,9 +568,11 @@ 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);
     }
   }, {
@@ -519,6 +585,7 @@ 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",
@@ -547,10 +614,13 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         placement: "end",
         offset: "medium",
         screenReaderLabel: t('Close')
-      })), jsx(ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _Spinner || (_Spinner = jsx(Spinner, null))), jsx(ModalFooter, null, this.renderFooter()));
+      })), jsx(ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), jsx(ModalFooter, null, this.renderFooter()));
     }
   }]);
-}(Component), _SharingModalPresenter.propTypes = {
+
+  SharingModalPresenter.displayName = "SharingModalPresenter";
+  return SharingModalPresenter;
+}(Component), _class2.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   currentUser: PropTypes.shape({
@@ -588,7 +658,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
-}, _SharingModalPresenter.defaultProps = {
+}, _class2.defaultProps = {
   bank: null,
   currentUser: null,
   improvedBankSharingEnabled: false,
@@ -600,5 +670,5 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   sharedBanks: List(),
   subAccountBankSharingEnabled: false,
   updateSharedCount: Function.prototype
-}, _SharingModalPresenter)) || _class);
+}, _temp)) || _class);
 export default SharingModalPresenter;

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

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

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

@@ -1,11 +1,12 @@
 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;