@instructure/quiz-core 21.1.1 → 21.2.0

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

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _RootAccountSharing;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { withStyleOverrides, CAN_EDIT, READ_ONLY, SimpleSelect } from '@instructure/quiz-common';
@@ -11,30 +15,24 @@ import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { Grid } from '@instructure/ui-grid';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
-var _ref = /*#__PURE__*/React.createElement(Grid.Col, {
-  width: "auto"
-}, /*#__PURE__*/React.createElement(IconAdminLine, {
-  size: "medium"
-}));
 export var RootAccountSharing = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
-  _inherits(RootAccountSharing, _Component);
-  var _super = _createSuper(RootAccountSharing);
   function RootAccountSharing() {
     var _this;
     _classCallCheck(this, RootAccountSharing);
     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.isSharedWithAccount = function () {
+    _this = _callSuper(this, RootAccountSharing, [].concat(args));
+    _defineProperty(_this, "isSharedWithAccount", function () {
       return [READ_ONLY, CAN_EDIT].includes(_this.props.accountPermission);
-    };
+    });
     return _this;
   }
-  _createClass(RootAccountSharing, [{
+  _inherits(RootAccountSharing, _Component);
+  return _createClass(RootAccountSharing, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(View, {
@@ -42,7 +40,11 @@ export var RootAccountSharing = (_dec = withStyleOverrides(generateStyle, genera
         margin: "0 0 medium 0"
       }, /*#__PURE__*/React.createElement(Grid, {
         colSpacing: "small"
-      }, /*#__PURE__*/React.createElement(Grid.Row, null, _ref, /*#__PURE__*/React.createElement(Grid.Col, null, /*#__PURE__*/React.createElement(View, {
+      }, /*#__PURE__*/React.createElement(Grid.Row, null, /*#__PURE__*/React.createElement(Grid.Col, {
+        width: "auto"
+      }, /*#__PURE__*/React.createElement(IconAdminLine, {
+        size: "medium"
+      })), /*#__PURE__*/React.createElement(Grid.Col, null, /*#__PURE__*/React.createElement(View, {
         as: "div",
         padding: "0 0 x-small 0"
       }, this.props.accountName), /*#__PURE__*/React.createElement(Checkbox, {
@@ -67,15 +69,13 @@ export var RootAccountSharing = (_dec = withStyleOverrides(generateStyle, genera
       }, t('Can edit')))))));
     }
   }]);
-  RootAccountSharing.displayName = "RootAccountSharing";
-  return RootAccountSharing;
-}(Component), _RootAccountSharing.displayName = 'RootAccountSharing', _RootAccountSharing.componentId = "Quizzes".concat(_RootAccountSharing.displayName), _RootAccountSharing.propTypes = {
+}(Component), _defineProperty(_RootAccountSharing, "displayName", 'RootAccountSharing'), _defineProperty(_RootAccountSharing, "componentId", "Quizzes".concat(_RootAccountSharing.displayName)), _defineProperty(_RootAccountSharing, "propTypes", {
   accountName: PropTypes.string,
   onShareChange: PropTypes.func.isRequired,
   onShareTypeChange: PropTypes.func.isRequired,
   accountPermission: PropTypes.string
-}, _RootAccountSharing.defaultProps = {
+}), _defineProperty(_RootAccountSharing, "defaultProps", {
   accountName: t('Account'),
   accountPermission: null
-}, _RootAccountSharing)) || _class);
+}), _RootAccountSharing)) || _class);
 export default RootAccountSharing;

package/es/banks/components/SharingModal/ShareList/index.js

@@ -1,8 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ShareList;
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,33 +19,28 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE, SimpleSelect, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { ContextualIconButton } from "../ContextualIconButton/index.js";
-import generateStyle from "./styles.js";
-var _ref3 = jsx(IconCoursesLine, {
-  size: "small"
-});
+import { ContextualIconButton } from '../ContextualIconButton';
+import generateStyle from './styles';
 export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
-  _inherits(ShareList, _Component);
-  var _super = _createSuper(ShareList);
   function ShareList() {
     var _this;
     _classCallCheck(this, ShareList);
     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.handlePermissionChange = function (entity) {
+    _this = _callSuper(this, ShareList, [].concat(args));
+    _defineProperty(_this, "handlePermissionChange", function (entity) {
       return function (e, _ref) {
         var value = _ref.value;
         _this.props.onPermissionChange(entity, value);
       };
-    };
-    _this.handleEntityRemove = function (e, _ref2) {
+    });
+    _defineProperty(_this, "handleEntityRemove", function (e, _ref2) {
       var entity = _ref2.entity,
         isEntityRemoved = _ref2.isEntityRemoved;
       _this.props.onEntityRemove(entity, isEntityRemoved);
-    };
-    _this.renderRemoveButton = function (entity, isEntityRemoved) {
+    });
+    _defineProperty(_this, "renderRemoveButton", function (entity, isEntityRemoved) {
       var context = {
         entity: entity,
         isEntityRemoved: isEntityRemoved
@@ -57,8 +56,8 @@ export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_cl
           entity: entity.get('title')
         })
       });
-    };
-    _this.renderEntity = function (entity) {
+    });
+    _defineProperty(_this, "renderEntity", function (entity) {
       var isEntityRemoved = entity.get('permission') === REMOVED_ACCESS;
       var isCourse = entity.get('entityType') === SHARED_WITH_COURSE;
       var originalEntity = _this.props.sharedBanks.find(function (sb) {
@@ -70,7 +69,9 @@ export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_cl
         "data-automation": "sdk-shared-with-entity-row"
       }, jsx(Grid.Col, {
         width: "small"
-      }, isCourse ? _ref3 : jsx(Avatar, {
+      }, isCourse ? jsx(IconCoursesLine, {
+        size: "small"
+      }) : jsx(Avatar, {
         name: entity.get('title'),
         src: entity.get('avatar'),
         size: "small"
@@ -95,10 +96,11 @@ export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_cl
       }, t('Can edit')))), jsx(Grid.Col, {
         width: "auto"
       }, _this.props.canEdit && _this.renderRemoveButton(entity, isEntityRemoved)));
-    };
+    });
     return _this;
   }
-  _createClass(ShareList, [{
+  _inherits(ShareList, _Component);
+  return _createClass(ShareList, [{
     key: "render",
     value: function render() {
       return jsx(Grid, {
@@ -106,9 +108,7 @@ export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_cl
       }, this.props.entities.map(this.renderEntity));
     }
   }]);
-  ShareList.displayName = "ShareList";
-  return ShareList;
-}(Component), _ShareList.displayName = 'ShareList', _ShareList.componentId = "Quizzes".concat(_ShareList.displayName), _ShareList.propTypes = {
+}(Component), _defineProperty(_ShareList, "displayName", 'ShareList'), _defineProperty(_ShareList, "componentId", "Quizzes".concat(_ShareList.displayName)), _defineProperty(_ShareList, "propTypes", {
   canEdit: PropTypes.bool.isRequired,
   entities: ImmutablePropTypes.listOf(ImmutablePropTypes.contains({
     entityType: PropTypes.string.isRequired,
@@ -120,5 +120,5 @@ export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_cl
   onEntityRemove: PropTypes.func.isRequired,
   sharedBanks: ImmutablePropTypes.list,
   styles: PropTypes.object
-}, _ShareList)) || _class);
+}), _ShareList)) || _class);
 export default ShareList;

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

@@ -1,10 +1,10 @@
 import { compose } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../common/react-redux.js";
-import { shareBank, getSharedBanks, updateSharedBankPermission, getBank, updateBank } from "../../api/banks.js";
-import { removeSharedBank } from "../../../common/actions/sharedBanks.js";
-import { withConfirm } from "../../../common/actions/modal.js";
-import SharingModal from "./presenter.js";
+import { connect } from '../../../common/react-redux';
+import { shareBank, getSharedBanks, updateSharedBankPermission, getBank, updateBank } from '../../api/banks';
+import { removeSharedBank } from '../../../common/actions/sharedBanks';
+import { withConfirm } from '../../../common/actions/modal';
+import SharingModal from './presenter';
 function mapStateToProps(state, ownProps) {
   var sharedBanks = state.get('sharedBanks', Map()).filter(function (sharedBank) {
     return sharedBank.get('bankId') === ownProps.bank.id;

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

@@ -1,13 +1,17 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _SharingModalPresenter;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -22,27 +26,24 @@ import { Grid } from '@instructure/ui-grid';
 import { Tabs } from '@instructure/ui-tabs';
 import { Text } from '@instructure/ui-text';
 import { jsx } from '@instructure/emotion';
-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 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 = withStyleOverrides(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 = {
+    _this = _callSuper(this, SharingModalPresenter, [].concat(args));
+    _defineProperty(_this, "state", {
       accountPermission: null,
       shares: List(),
       newEntities: List(),
@@ -50,13 +51,13 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       searchPermission: READ_ONLY,
       entitiesWithChangedPermission: {},
       selectedTabIndex: 0
-    };
-    _this.shareListRef = null;
-    _this.shareButtonRef = null;
+    });
+    _defineProperty(_this, "shareListRef", null);
+    _defineProperty(_this, "shareButtonRef", null);
     // =============
     //   LIFECYCLE
     // =============
-    _this.checkForSharedBanks = function () {
+    _defineProperty(_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);
@@ -65,18 +66,18 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
           shares: _this.props.sharedBanks
         });
       }
-    };
+    });
     // =============
     //   HELPERS
     // =============
-    _this.handleTabChange = function (event, _ref) {
+    _defineProperty(_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;
+    });
+    _defineProperty(_this, "modalDismissCleanup", function () {
+      var focusCreateBank = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       _this.props.onDismiss();
       if (_this.props.modalTrigger && !focusCreateBank) {
         _this.props.modalTrigger.focus();
@@ -85,14 +86,14 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       }
       // removes the creator's temporary sharedBank record
       _this.props.removeSharedBank('-1');
-    };
-    _this.numEntitiesToRemove = function () {
+    });
+    _defineProperty(_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 () {
+    });
+    _defineProperty(_this, "newEntitiesToSubmit", function () {
       var newEntities = _this.state.newEntities.filter(function (entity) {
         return _this.state.entitiesWithChangedPermission[entity.get('id')] !== REMOVED_ACCESS;
       });
@@ -109,19 +110,19 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
         })));
       }
       return newEntities;
-    };
-    _this.isSharedWithAccount = function () {
-      var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.state;
+    });
+    _defineProperty(_this, "isSharedWithAccount", function () {
+      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state;
       return [READ_ONLY, CAN_EDIT].includes(state.accountPermission);
-    };
+    });
     // =============
     //   HANDLERS
     // =============
-    _this.handleDismiss = function (e) {
+    _defineProperty(_this, "handleDismiss", function (e) {
       _this.props.updateSharedCount(null);
       _this.modalDismissCleanup();
-    };
-    _this.handleSubmit = function () {
+    });
+    _defineProperty(_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) {
@@ -155,39 +156,39 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
         newEntities: List()
       });
       _this.modalDismissCleanup(!!_this.numEntitiesToRemove());
-    };
-    _this.handleSearchSelectionChange = function (searchSelection) {
+    });
+    _defineProperty(_this, "handleSearchSelectionChange", function (searchSelection) {
       _this.setState({
         searchSelection: searchSelection
       });
-    };
-    _this.updateEntitiesCount = function () {
+    });
+    _defineProperty(_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) {
+    });
+    _defineProperty(_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) {
+    });
+    _defineProperty(_this, "handleEntityRemove", function (entity, undoRemove) {
       _this.confirmPermissionChange(entity, REMOVED_ACCESS);
-    };
-    _this.handleSearchPermissionChange = function (e, _ref4) {
+    });
+    _defineProperty(_this, "handleSearchPermissionChange", function (e, _ref4) {
       var value = _ref4.value;
       _this.setState({
         searchPermission: value
       });
-    };
-    _this.handleSearchFilter = function (searchResults) {
+    });
+    _defineProperty(_this, "handleSearchFilter", function (searchResults) {
       return searchResults.filter(function (result) {
         return !_this.state.shares.some(function (entity) {
           return entity.get('entityId') === result.uuid;
         }) && (result.uuid !== _this.props.bank.creator || _this.props.bank.sharedCount > 0);
       });
-    };
-    _this.handleShare = function () {
+    });
+    _defineProperty(_this, "handleShare", function () {
       var newEntities = List(_this.state.searchSelection.map(function (entity) {
         return Map({
           id: entity.uuid,
@@ -206,35 +207,32 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       _this.setState({
         searchSelection: []
       });
-    };
-    _this.updatePermission = /*#__PURE__*/function () {
+    });
+    _defineProperty(_this, "updatePermission", /*#__PURE__*/function () {
       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();
-            }
+          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];
-    };
-    _this.confirmPermissionChange = function (entity, permission) {
+    }());
+    _defineProperty(_this, "translatedPermissionLevel", function (permission) {
+      return _defineProperty(_defineProperty({}, CAN_EDIT, t('edit')), READ_ONLY, t('view'))[permission];
+    });
+    _defineProperty(_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)),
         entityTitle: entity.get('title')
@@ -248,30 +246,30 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
         text: confirmText,
         continueText: t('Confirm')
       });
-    };
-    _this.handleEntityPermissionChange = function (entity, permission) {
+    });
+    _defineProperty(_this, "handleEntityPermissionChange", function (entity, permission) {
       _this.confirmPermissionChange(entity, permission);
-    };
-    _this.toggleAccountShare = function (event) {
+    });
+    _defineProperty(_this, "toggleAccountShare", function (event) {
       _this.setState(function (prevState) {
         return {
           accountPermission: _this.isSharedWithAccount(prevState) ? REMOVED_ACCESS : READ_ONLY
         };
       });
-    };
-    _this.handleAccountPermissionChange = function (e, _ref6) {
+    });
+    _defineProperty(_this, "handleAccountPermissionChange", function (e, _ref6) {
       var value = _ref6.value;
       return _this.setState({
         accountPermission: value
       });
-    };
-    _this.handleShareListRef = function (node) {
+    });
+    _defineProperty(_this, "handleShareListRef", function (node) {
       _this.shareListRef = node;
-    };
-    _this.handleShareButtonRef = function (node) {
+    });
+    _defineProperty(_this, "handleShareButtonRef", function (node) {
       _this.shareButtonRef = node;
-    };
-    _this.renderSearchSection = function (searchType) {
+    });
+    _defineProperty(_this, "renderSearchSection", function (searchType) {
       if (_this.props.bank.canEdit()) {
         return jsx(React.Fragment, null, jsx(Grid, {
           vAlign: "bottom",
@@ -308,8 +306,8 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
           css: _this.props.styles.separator
         }));
       }
-    };
-    _this.renderShareList = function (entities) {
+    });
+    _defineProperty(_this, "renderShareList", function (entities) {
       return jsx(ShareList, {
         canEdit: _this.props.bank.canEdit(),
         entities: entities,
@@ -317,10 +315,11 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
         onEntityRemove: _this.handleEntityRemove,
         sharedBanks: _this.props.sharedBanks
       });
-    };
+    });
     return _this;
   }
-  _createClass(SharingModalPresenter, [{
+  _inherits(SharingModalPresenter, _Component);
+  return _createClass(SharingModalPresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -357,10 +356,12 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
     }
   }, {
     key: "renderRootAccountSharing",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderRootAccountSharing() {
+
+    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,
@@ -484,12 +485,10 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
         placement: "end",
         offset: "medium",
         screenReaderLabel: t('Close')
-      })), jsx(ModalBody, null, this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), jsx(ModalFooter, null, this.renderFooter()));
+      })), jsx(ModalBody, null, this.state.shares.size >= 0 ? this.renderEntitiesSection() : jsx(Spinner, null)), jsx(ModalFooter, null, this.renderFooter()));
     }
   }]);
-  SharingModalPresenter.displayName = "SharingModalPresenter";
-  return SharingModalPresenter;
-}(Component), _SharingModalPresenter.displayName = 'SharingModalPresenter', _SharingModalPresenter.componentId = "Quizzes".concat(_SharingModalPresenter.displayName), _SharingModalPresenter.propTypes = {
+}(Component), _defineProperty(_SharingModalPresenter, "displayName", 'SharingModalPresenter'), _defineProperty(_SharingModalPresenter, "componentId", "Quizzes".concat(_SharingModalPresenter.displayName)), _defineProperty(_SharingModalPresenter, "propTypes", {
   appContainer: CustomPropTypes.selectors.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   currentUser: PropTypes.shape({
@@ -524,7 +523,7 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
   updateSharedCount: PropTypes.func,
   withConfirm: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _SharingModalPresenter.defaultProps = {
+}), _defineProperty(_SharingModalPresenter, "defaultProps", {
   bank: null,
   currentUser: null,
   isOpen: false,
@@ -534,5 +533,5 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
   onShare: function onShare() {},
   sharedBanks: List(),
   updateSharedCount: Function.prototype
-}, _SharingModalPresenter)) || _class);
+}), _SharingModalPresenter)) || _class);
 export default SharingModalPresenter;