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

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

@@ -1,17 +1,14 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 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";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _SharingModalPresenter, _Spinner;
 /** @jsx jsx */
-
 /* eslint-disable-next-line no-unused-vars*/
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -27,35 +24,24 @@ 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.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 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 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) {
-  _inherits(SharingModalPresenter, _Component);
-
-  var _super = _createSuper(SharingModalPresenter);
-
+export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, SharingModalPresenter, [].concat(args));
     _this.state = {
       accountPermission: null,
       shares: List(),
@@ -67,14 +53,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 +70,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 +198,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 +211,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 +223,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,41 +239,30 @@ 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) {
-      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];
+      return _defineProperty(_defineProperty({}, CAN_EDIT, t('edit')), READ_ONLY, t('view'))[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 +272,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 +293,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         });
       }
     };
-
     _this.toggleAccountShare = function (event) {
       _this.setState(function (prevState) {
         return {
@@ -356,22 +300,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 +351,6 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         }));
       }
     };
-
     _this.renderShareList = function (entities) {
       return jsx(ShareList, {
         canEdit: _this.props.bank.canEdit(),
@@ -422,11 +361,10 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         sharedBanks: _this.props.sharedBanks
       });
     };
-
     return _this;
   }
-
-  _createClass(SharingModalPresenter, [{
+  _inherits(SharingModalPresenter, _Component);
+  return _createClass(SharingModalPresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -449,10 +387,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) {
@@ -466,12 +401,13 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
     }
   }, {
     key: "renderRootAccountSharing",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderRootAccountSharing() {
-      var _this$props$currentUs;
 
+    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 +504,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 +519,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",
@@ -614,13 +547,10 @@ 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() : _ref7), jsx(ModalFooter, null, this.renderFooter()));
+      })), 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()));
     }
   }]);
-
-  SharingModalPresenter.displayName = "SharingModalPresenter";
-  return SharingModalPresenter;
-}(Component), _class2.propTypes = {
+}(Component), _SharingModalPresenter.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   currentUser: PropTypes.shape({
@@ -658,7 +588,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 +600,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;