npm - @instructure/quiz-core - Versions diffs - 20.17.2-rc.1 → 20.17.2-rc.11 - Mend

@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1467) hide show

package/lib/banks/components/SharingModal/index.js CHANGED Viewed

@@ -1,28 +1,18 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _redux = require("redux");
 var _immutable = require("immutable");
-var _reactRedux = require("../../../common/react-redux.js");
-var _banks = require("../../api/banks.js");
-var _sharedBanks = require("../../../common/actions/sharedBanks.js");
-var _modal = require("../../../common/actions/modal.js");
-var _featureCheck = require("../../../common/util/featureCheck.js");
-var _presenter = _interopRequireDefault(require("./presenter.js"));
+var _reactRedux = require("../../../common/react-redux");
+var _banks = require("../../api/banks");
+var _sharedBanks = require("../../../common/actions/sharedBanks");
+var _modal = require("../../../common/actions/modal");
+var _featureCheck = require("../../../common/util/featureCheck");
+var _presenter = _interopRequireDefault(require("./presenter"));
 function mapStateToProps(state, ownProps) {
   var sharedBanks = state.get('sharedBanks', (0, _immutable.Map)()).filter(function (sharedBank) {
     return sharedBank.get('bankId') === ownProps.bank.id;
@@ -33,7 +23,6 @@ function mapStateToProps(state, ownProps) {
     sharedBanks: sharedBanks
   };
 }
 var mapDispatchToProps = {
   shareBank: _banks.shareBank,
   getSharedBanks: _banks.getSharedBanks,
@@ -43,7 +32,4 @@ var mapDispatchToProps = {
   updateBank: _banks.updateBank,
   withConfirm: _modal.withConfirm
 };
-var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps))(_presenter.default);
-exports.default = _default;
+var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps))(_presenter.default);

package/lib/banks/components/SharingModal/presenter.js CHANGED Viewed

@@ -1,99 +1,55 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SharingModalPresenter = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _immutable = require("immutable");
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
 var _quizCommon = require("@instructure/quiz-common");
 var _uiHeading = require("@instructure/ui-heading");
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiView = require("@instructure/ui-view");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiTabs = require("@instructure/ui-tabs");
 var _uiText = require("@instructure/ui-text");
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _emotion = require("@instructure/emotion");
-var _ElementsForSelectors = _interopRequireDefault(require("../../../common/util/ElementsForSelectors.js"));
-var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes.js"));
-var _index = _interopRequireDefault(require("./ShareList/index.js"));
-var _index2 = _interopRequireDefault(require("../AsyncSearch/index.js"));
-var _RootAccountSharing = _interopRequireDefault(require("./RootAccountSharing.js"));
-var _Spinner = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _ElementsForSelectors = _interopRequireDefault(require("../../../common/util/ElementsForSelectors"));
+var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes"));
+var _ShareList = _interopRequireDefault(require("./ShareList"));
+var _AsyncSearch = _interopRequireDefault(require("../AsyncSearch"));
+var _RootAccountSharing = _interopRequireDefault(require("./RootAccountSharing"));
+var _Spinner2 = _interopRequireDefault(require("../../../common/components/shared/spinner/Spinner"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _dec, _class, _class2, _temp;
+var _dec, _class, _SharingModalPresenter, _Spinner;
+/** @jsx jsx */
+/* eslint-disable-next-line no-unused-vars*/
 var noop = function noop() {};
-var _ref7 = (0, _emotion.jsx)(_Spinner.default, null);
-var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(SharingModalPresenter, _Component);
-  var _super = (0, _createSuper2.default)(SharingModalPresenter);
+var SharingModalPresenter = exports.SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
   function SharingModalPresenter() {
     var _this;
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, SharingModalPresenter, [].concat(args));
     _this.state = {
       accountPermission: null,
       shares: (0, _immutable.List)(),
@@ -105,14 +61,14 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
     };
     _this.shareListRef = null;
     _this.shareButtonRef = null;
     _this.applicationElement = function () {
       return (0, _ElementsForSelectors.default)(_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 {
@@ -122,137 +78,116 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         });
       }
     };
+    // =============
+    //   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 === _quizCommon.REMOVED_ACCESS ? count + 1 : count;
       }, 0);
     };
     _this.newEntitiesToSubmit = function () {
       var newEntities = _this.state.newEntities.filter(function (entity) {
         return _this.state.entitiesWithChangedPermission[entity.get('id')] !== _quizCommon.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 !== _quizCommon.CAN_EDIT) {
         var creatorSharedBank = _this.props.sharedBanks.find(function (sharedBank) {
           return sharedBank.get('id') == '-1';
         });
         newEntities = newEntities.push((0, _immutable.Map)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, creatorSharedBank.toJS()), {}, {
           permission: newCreatorPerm
         })));
       }
       return newEntities;
     };
     _this.isSharedWithAccount = function () {
       var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this.state;
       return [_quizCommon.READ_ONLY, _quizCommon.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 = (0, _slicedToArray2.default)(_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: (0, _immutable.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');
       }) || (0, _immutable.Map)();
       return originalEntity.get('permission', _quizCommon.CAN_EDIT);
     };
     _this.handleEntityRemove = function (entity, undoRemove) {
       if (_this.props.subAccountBankSharingEnabled) {
         _this.confirmPermissionChange(entity, _quizCommon.REMOVED_ACCESS);
       } else {
         var permission = undoRemove ? _this.originalPermissionForEntity(entity) : _quizCommon.REMOVED_ACCESS;
         _this.setState(function (prevState) {
           var sharesIndex = prevState.shares.findIndex(function (e) {
             return e.get('id') == entity.get('id');
@@ -271,15 +206,12 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         }, _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) {
@@ -287,7 +219,6 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         }) && (result.uuid !== _this.props.bank.creator || _this.props.bank.sharedCount > 0);
       });
     };
     _this.handleShare = function () {
       var newEntities = (0, _immutable.List)(_this.state.searchSelection.map(function (entity) {
         return (0, _immutable.Map)({
@@ -300,14 +231,11 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
           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: []
         });
@@ -319,41 +247,30 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         }, _this.updateEntitiesCount);
       }
     };
     _this.updatePermission = /*#__PURE__*/function () {
-      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(entity, permission) {
+      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(entity, permission) {
         var _this$props, updateSharedBankPermission, getBank, bank;
-        return _regenerator.default.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 (0, _regeneratorRuntime2.default)().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 = {}, (0, _defineProperty2.default)(_CAN_EDIT$READ_ONLY$p, _quizCommon.CAN_EDIT, (0, _formatMessage.default)('edit')), (0, _defineProperty2.default)(_CAN_EDIT$READ_ONLY$p, _quizCommon.READ_ONLY, (0, _formatMessage.default)('view')), _CAN_EDIT$READ_ONLY$p)[permission];
+      return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _quizCommon.CAN_EDIT, (0, _formatMessage.default)('edit')), _quizCommon.READ_ONLY, (0, _formatMessage.default)('view'))[permission];
     };
     _this.confirmPermissionChange = function (entity, permission) {
       var confirmText = permission === _quizCommon.REMOVED_ACCESS ? (0, _formatMessage.default)('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
         accessLevel: _this.translatedPermissionLevel(_this.originalPermissionForEntity(entity)),
@@ -363,14 +280,12 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         originalAccessLevel: _this.translatedPermissionLevel(_this.originalPermissionForEntity(entity)),
         permission: _this.translatedPermissionLevel(permission)
       });
       _this.props.withConfirm((0, _partial.default)(_this.updatePermission, entity, permission), {
         title: (0, _formatMessage.default)('Change Permission'),
         text: confirmText,
         continueText: (0, _formatMessage.default)('Confirm')
       });
     };
     _this.handleEntityPermissionChange = function (entity, permission) {
       if (_this.props.subAccountBankSharingEnabled) {
         _this.confirmPermissionChange(entity, permission);
@@ -386,7 +301,6 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         });
       }
     };
     _this.toggleAccountShare = function (event) {
       _this.setState(function (prevState) {
         return {
@@ -394,28 +308,24 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         };
       });
     };
     _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 (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiGrid.Grid, {
           vAlign: "bottom",
           colSpacing: "small"
-        }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)(_index2.default, {
+        }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, null, (0, _emotion.jsx)(_AsyncSearch.default, {
           getShareableCourses: _this.props.getShareableCourses,
           getShareableUsers: _this.props.getShareableUsers,
           getShareableSubaccounts: _this.props.getShareableSubaccounts,
@@ -449,9 +359,8 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         }));
       }
     };
     _this.renderShareList = function (entities) {
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_ShareList.default, {
         canEdit: _this.props.bank.canEdit(),
         entities: entities,
         improvedBankSharingEnabled: _this.props.improvedBankSharingEnabled,
@@ -460,11 +369,10 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         sharedBanks: _this.props.sharedBanks
       });
     };
     return _this;
   }
-  (0, _createClass2.default)(SharingModalPresenter, [{
+  (0, _inherits2.default)(SharingModalPresenter, _Component);
+  return (0, _createClass2.default)(SharingModalPresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -487,10 +395,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         var updatedBank = this.props.bank.set('accountPermission', this.state.accountPermission);
         this.props.updateBank(updatedBank, false);
       }
-    } // =============
-    //   HELPERS
-    // =============
+    }
   }, {
     key: "sharedBankForEntity",
     value: function sharedBankForEntity(entity) {
@@ -504,12 +409,13 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
     }
   }, {
     key: "renderRootAccountSharing",
+    value:
     // =============
     //   RENDERING
     // =============
-    value: function renderRootAccountSharing() {
-      var _this$props$currentUs;
+    function renderRootAccountSharing() {
+      var _this$props$currentUs;
       return (0, _emotion.jsx)(_RootAccountSharing.default, {
         accountName: (_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.account_name,
         onShareChange: this.toggleAccountShare,
@@ -606,11 +512,9 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       var existingAccounts = existingShares.filter(function (s) {
         return s.get('entityType') === _quizCommon.SHARED_WITH_ACCOUNT;
       });
       if (this.props.subAccountBankSharingEnabled) {
         return this.renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
       }
       return this.renderOriginalDesignEntities(existingPeople, existingCourses);
     }
   }, {
@@ -623,7 +527,6 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
           onClick: this.handleDismiss
         }, (0, _formatMessage.default)('Close'));
       }
       return (0, _emotion.jsx)(_react.default.Fragment, null, (0, _emotion.jsx)(_uiButtons.Button, {
         "data-automation": "sdk-shared-bank-cancel-button",
         color: "primary-inverse",
@@ -652,12 +555,10 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         placement: "end",
         offset: "medium",
         screenReaderLabel: (0, _formatMessage.default)('Close')
-      })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
+      })), (0, _emotion.jsx)(_quizCommon.ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _Spinner || (_Spinner = (0, _emotion.jsx)(_Spinner2.default, null))), (0, _emotion.jsx)(_quizCommon.ModalFooter, null, this.renderFooter()));
     }
   }]);
-  SharingModalPresenter.displayName = "SharingModalPresenter";
-  return SharingModalPresenter;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _SharingModalPresenter.propTypes = {
   appContainer: _CustomPropTypes.default.selectors.isRequired,
   bank: _reactImmutableProptypes.default.record.isRequired,
   currentUser: _propTypes.default.shape({
@@ -695,7 +596,7 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   withConfirm: _propTypes.default.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _SharingModalPresenter.defaultProps = {
   bank: null,
   currentUser: null,
   improvedBankSharingEnabled: false,
@@ -707,7 +608,5 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
   sharedBanks: (0, _immutable.List)(),
   subAccountBankSharingEnabled: false,
   updateSharedCount: Function.prototype
-}, _temp)) || _class);
-exports.SharingModalPresenter = SharingModalPresenter;
-var _default = SharingModalPresenter;
-exports.default = _default;
+}, _SharingModalPresenter)) || _class);
+var _default = exports.default = SharingModalPresenter;

package/lib/banks/components/SharingModal/styles.js CHANGED Viewed

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var generateStyle = function generateStyle(componentTheme) {
   return {
     separator: {
@@ -16,6 +15,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/banks/components/SharingModal/theme.js CHANGED Viewed

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 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
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;