@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

package/lib/banks/components/NavWrapper/presenter.js

@@ -1,87 +1,54 @@
 "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 _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 = require("react");
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiPropTypes = require("@instructure/ui-prop-types");
-
-var _ReturnButton = require("../../../common/components/shared/return_button/ReturnButton.js");
-
-var _index = require("../../../common/components/layout/navbar/index.js");
-
-var _index2 = require("../../../common/components/layout/navbar/SecondaryNavBarButton/index.js");
-
-var _index3 = require("../HeaderBreadCrumb/index.js");
-
+var _ReturnButton = require("../../../common/components/shared/return_button/ReturnButton");
+var _navbar = require("../../../common/components/layout/navbar");
+var _SecondaryNavBarButton = require("../../../common/components/layout/navbar/SecondaryNavBarButton");
+var _HeaderBreadCrumb = require("../HeaderBreadCrumb");
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiBreadcrumb = require("@instructure/ui-breadcrumb");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiView = require("@instructure/ui-view");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(NavWrapper, _Component);
-
-  var _super = (0, _createSuper2.default)(NavWrapper);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _NavWrapper;
+/** @jsx jsx */
+var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
   function NavWrapper() {
     var _this;
-
     (0, _classCallCheck2.default)(this, NavWrapper);
-
     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, NavWrapper, [].concat(args));
     _this.setItemBanksRef = function (node) {
       _this.itemBanksRef = node;
     };
-
     _this.setCloseButtonRef = function (node) {
       _this.closeButtonRef = node;
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(NavWrapper, [{
+  (0, _inherits2.default)(NavWrapper, _Component);
+  return (0, _createClass2.default)(NavWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var shouldManageFocus = this.props.trayOpen || this.props.navigateToBuild;
       if (!shouldManageFocus) return;
-
       if (this.closeButtonRef) {
         _reactDom.default.findDOMNode(this.closeButtonRef).focus();
       } else if (this.props.navigateToBanks && this.itemBanksRef) {
@@ -92,11 +59,10 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     key: "renderReturnButton",
     value: function renderReturnButton() {
       var _this$props = this.props,
-          navigateToBuild = _this$props.navigateToBuild,
-          closeTray = _this$props.closeTray,
-          returnToUrl = _this$props.returnToUrl,
-          iceTopNavBarEnabled = _this$props.iceTopNavBarEnabled;
-
+        navigateToBuild = _this$props.navigateToBuild,
+        closeTray = _this$props.closeTray,
+        returnToUrl = _this$props.returnToUrl,
+        iceTopNavBarEnabled = _this$props.iceTopNavBarEnabled;
       if (!closeTray && returnToUrl) {
         return (0, _emotion.jsx)(_ReturnButton.ReturnButton, {
           returnToUrl: returnToUrl,
@@ -106,14 +72,13 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
         });
       } else if (navigateToBuild) {
         if (iceTopNavBarEnabled) {
-          return (0, _emotion.jsx)(_index2.SecondaryNavBarButton, {
+          return (0, _emotion.jsx)(_SecondaryNavBarButton.SecondaryNavBarButton, {
             id: "ReturnButton",
             key: "ReturnButton",
             variant: "button",
             onClick: navigateToBuild
           }, (0, _formatMessage.default)('Return'));
         }
-
         return (0, _emotion.jsx)(_uiButtons.Button, {
           onClick: navigateToBuild
         }, (0, _formatMessage.default)('Return'));
@@ -137,7 +102,7 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       if (this.props.iceTopNavBarEnabled) {
         var actionItems = [this.renderReturnButton()];
         !this.props.isCompact && actionItems.push(this.props.renderHeaderMenu());
-        return (0, _emotion.jsx)(_index.NavBar, {
+        return (0, _emotion.jsx)(_navbar.NavBar, {
           menuItems: [{
             path: this.props.menuItemPath,
             text: 'Item Banks'
@@ -145,7 +110,6 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
           actionItems: actionItems
         });
       }
-
       return (0, _emotion.jsx)(_uiView.View, null, (0, _emotion.jsx)(_emotion.Global, {
         styles: {
           'body.tox-fullscreen .nav': {
@@ -156,7 +120,7 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
         css: this.props.styles.nav
       }, this.renderCloseButton(), (0, _emotion.jsx)("div", {
         css: this.props.styles.crumbs
-      }, (0, _emotion.jsx)(_index3.HeaderBreadCrumb, {
+      }, (0, _emotion.jsx)(_HeaderBreadCrumb.HeaderBreadCrumb, {
         returnToUrl: this.props.returnToUrl,
         navigateToBanks: this.props.navigateToBanks,
         navigateToBuild: this.props.navigateToBuild,
@@ -169,9 +133,7 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       }, this.props.children)), this.renderReturnButton(), this.props.renderHeaderMenu()));
     }
   }]);
-  NavWrapper.displayName = "NavWrapper";
-  return NavWrapper;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _NavWrapper.propTypes = {
   children: _uiPropTypes.Children.oneOf([_uiBreadcrumb.BreadcrumbLink]),
   closeTray: _propTypes.default.func,
   navigateToBanks: _propTypes.default.func,
@@ -189,7 +151,7 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   menuItemPath: _propTypes.default.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _NavWrapper.defaultProps = {
   children: null,
   closeTray: null,
   navigateToBanks: null,
@@ -199,6 +161,5 @@ var NavWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   isCompact: false,
   iceTopNavBarEnabled: false,
   menuItemPath: ''
-}, _temp)) || _class);
-var _default = NavWrapper;
-exports.default = _default;
+}, _NavWrapper)) || _class);
+var _default = exports.default = NavWrapper;

package/lib/banks/components/NavWrapper/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     nav: {
@@ -19,7 +18,6 @@ var generateStyle = function generateStyle(componentTheme) {
       width: '100%',
       boxSizing: 'border-box',
       zIndex: 4444,
-
       /**
        * For MS Edge
        * When they switch to chromium
@@ -34,6 +32,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/banks/components/NavWrapper/theme.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      borders = _ref.borders,
-      colors = _ref.colors,
-      typography = _ref.typography,
-      breakpoints = _ref.breakpoints;
+    borders = _ref.borders,
+    colors = _ref.colors,
+    typography = _ref.typography,
+    breakpoints = _ref.breakpoints;
   return {
     navPaddingTopBottom: spacing.small,
     navPaddingLeftRight: spacing.xLarge,
@@ -22,6 +21,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     bankIconPadding: spacing.xSmall
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/banks/components/SharingModal/ContextualIconButton/index.js

@@ -1,62 +1,39 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContextualIconButton = void 0;
-
 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 _uiButtons = require("@instructure/ui-buttons");
-
 var _uiReactUtils = require("@instructure/ui-react-utils");
-
-var ContextualIconButton = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ContextualIconButton, _Component);
-
-  var _super = (0, _createSuper2.default)(ContextualIconButton);
-
+var ContextualIconButton = exports.ContextualIconButton = /*#__PURE__*/function (_Component) {
   function ContextualIconButton() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ContextualIconButton);
-
     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, ContextualIconButton, [].concat(args));
     _this.handleClick = function () {
       var _this$props;
-
       for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         params[_key2] = arguments[_key2];
       }
-
       (_this$props = _this.props).onClick.apply(_this$props, params.concat([_this.props.context]));
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(ContextualIconButton, [{
+  (0, _inherits2.default)(ContextualIconButton, _Component);
+  return (0, _createClass2.default)(ContextualIconButton, [{
     key: "render",
     value: function render() {
       var buttonProps = (0, _uiReactUtils.omitProps)(this.props, {}, ['context', 'onClick']);
@@ -67,15 +44,9 @@ var ContextualIconButton = /*#__PURE__*/function (_Component) {
       }), this.props.children);
     }
   }]);
-  ContextualIconButton.displayName = "ContextualIconButton";
-  return ContextualIconButton;
 }(_react.Component);
-
-exports.ContextualIconButton = ContextualIconButton;
 ContextualIconButton.propTypes = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _uiButtons.IconButton.propTypes), {}, {
-  context: _propTypes.default.any
-  /* eslint-disable-line react/forbid-prop-types */
-
+  context: _propTypes.default.any /* eslint-disable-line react/forbid-prop-types */
 });
 ContextualIconButton.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _uiButtons.IconButton.defaultProps), {}, {
   context: void 0

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

@@ -1,80 +1,44 @@
 "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.RootAccountSharing = void 0;
-
 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 _quizCommon = require("@instructure/quiz-common");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiCheckbox = require("@instructure/ui-checkbox");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiGrid = require("@instructure/ui-grid");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
-
 var _emotion = require("@instructure/emotion");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
+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 _ref = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
-  width: "auto"
-}, /*#__PURE__*/_react.default.createElement(_uiIcons.IconAdminLine, {
-  size: "medium"
-}));
-
-var RootAccountSharing = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(RootAccountSharing, _Component);
-
-  var _super = (0, _createSuper2.default)(RootAccountSharing);
-
+var _dec, _class, _RootAccountSharing, _Grid$Col;
+var RootAccountSharing = exports.RootAccountSharing = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
   function RootAccountSharing() {
     var _this;
-
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, RootAccountSharing, [].concat(args));
     _this.isSharedWithAccount = function () {
       return [_quizCommon.READ_ONLY, _quizCommon.CAN_EDIT].includes(_this.props.accountPermission);
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(RootAccountSharing, [{
+  (0, _inherits2.default)(RootAccountSharing, _Component);
+  return (0, _createClass2.default)(RootAccountSharing, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_uiView.View, {
@@ -82,7 +46,11 @@ var RootAccountSharing = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
         margin: "0 0 medium 0"
       }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, {
         colSpacing: "small"
-      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, null, _ref, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, null, /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, null, _Grid$Col || (_Grid$Col = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+        width: "auto"
+      }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconAdminLine, {
+        size: "medium"
+      }))), /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, null, /*#__PURE__*/_react.default.createElement(_uiView.View, {
         as: "div",
         padding: "0 0 x-small 0"
       }, this.props.accountName), /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
@@ -106,17 +74,13 @@ var RootAccountSharing = (_dec = (0, _emotion.withStyle)(_styles.default, _theme
       }, (0, _formatMessage.default)('Can edit')))))));
     }
   }]);
-  RootAccountSharing.displayName = "RootAccountSharing";
-  return RootAccountSharing;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _RootAccountSharing.propTypes = {
   accountName: _propTypes.default.string,
   onShareChange: _propTypes.default.func.isRequired,
   onShareTypeChange: _propTypes.default.func.isRequired,
   accountPermission: _propTypes.default.string
-}, _class2.defaultProps = {
+}, _RootAccountSharing.defaultProps = {
   accountName: (0, _formatMessage.default)('Account'),
   accountPermission: null
-}, _temp)) || _class);
-exports.RootAccountSharing = RootAccountSharing;
-var _default = RootAccountSharing;
-exports.default = _default;
+}, _RootAccountSharing)) || _class);
+var _default = exports.default = RootAccountSharing;

package/lib/banks/components/SharingModal/ShareList/ShareList.examples.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _immutable = require("immutable");
-
-var _default = {
+var _default = exports.default = {
   propValues: {
     shares: [(0, _immutable.fromJS)([{
       title: "Test Person",
@@ -26,5 +24,4 @@ var _default = {
     onPersonRemove: [Function.prototype],
     peopleToRemove: [[], ['5']]
   }
-};
-exports.default = _default;
+};

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

@@ -1,92 +1,57 @@
 "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 = exports.ShareList = void 0;
-
 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 = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _immutable = require("immutable");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiGrid = require("@instructure/ui-grid");
-
 var _uiAvatar = require("@instructure/ui-avatar");
-
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _emotion = require("@instructure/emotion");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _index = require("../ContextualIconButton/index.js");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _dec, _class, _class2, _temp;
-
-var _ref3 = (0, _emotion.jsx)(_uiIcons.IconCoursesLine, {
-  size: "small"
-});
-
-var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ShareList, _Component);
-
-  var _super = (0, _createSuper2.default)(ShareList);
-
+var _ContextualIconButton = require("../ContextualIconButton");
+var _styles = _interopRequireDefault(require("./styles"));
+var _dec, _class, _ShareList, _IconCoursesLine;
+/** @jsx jsx */
+var ShareList = exports.ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
   function ShareList() {
     var _this;
-
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, ShareList, [].concat(args));
     _this.handlePermissionChange = function (entity) {
       return function (e, _ref) {
         var value = _ref.value;
-
         _this.props.onPermissionChange(entity, value);
       };
     };
-
     _this.handleEntityRemove = function (e, _ref2) {
       var entity = _ref2.entity,
-          isEntityRemoved = _ref2.isEntityRemoved;
-
+        isEntityRemoved = _ref2.isEntityRemoved;
       _this.props.onEntityRemove(entity, isEntityRemoved);
     };
-
     _this.renderRemoveButton = function (entity, isEntityRemoved) {
       var context = {
         entity: entity,
         isEntityRemoved: isEntityRemoved
       };
-      return (0, _emotion.jsx)(_index.ContextualIconButton, {
-        context: context // eslint-disable-next-line react/jsx-no-literals
+      return (0, _emotion.jsx)(_ContextualIconButton.ContextualIconButton, {
+        context: context
+        // eslint-disable-next-line react/jsx-no-literals
         ,
         "data-automation": "sdk-unshare-bank-entity-".concat(entity.get('entityId')),
         onClick: _this.handleEntityRemove,
@@ -98,12 +63,9 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
         })
       });
     };
-
     _this.renderEntity = function (entity) {
       var isEntityRemoved = entity.get('permission') === _quizCommon.REMOVED_ACCESS;
-
       var isCourse = entity.get('entityType') === _quizCommon.SHARED_WITH_COURSE;
-
       var originalEntity = _this.props.sharedBanks.find(function (sb) {
         return sb.get('id') == entity.get('id');
       }) || (0, _immutable.Map)();
@@ -113,7 +75,9 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
         "data-automation": "sdk-shared-with-entity-row"
       }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "small"
-      }, isCourse ? _ref3 : (0, _emotion.jsx)(_uiAvatar.Avatar, {
+      }, isCourse ? _IconCoursesLine || (_IconCoursesLine = (0, _emotion.jsx)(_uiIcons.IconCoursesLine, {
+        size: "small"
+      })) : (0, _emotion.jsx)(_uiAvatar.Avatar, {
         name: entity.get('title'),
         src: entity.get('avatar'),
         size: "small"
@@ -139,11 +103,10 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
         width: "auto"
       }, _this.props.canEdit && (_this.props.improvedBankSharingEnabled || !isCourse) && _this.renderRemoveButton(entity, isEntityRemoved)));
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(ShareList, [{
+  (0, _inherits2.default)(ShareList, _Component);
+  return (0, _createClass2.default)(ShareList, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)(_uiGrid.Grid, {
@@ -151,9 +114,7 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
       }, this.props.entities.map(this.renderEntity));
     }
   }]);
-  ShareList.displayName = "ShareList";
-  return ShareList;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _ShareList.propTypes = {
   canEdit: _propTypes.default.bool.isRequired,
   entities: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.contains({
     entityType: _propTypes.default.string.isRequired,
@@ -167,7 +128,5 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
   sharedBanks: _reactImmutableProptypes.default.list,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _temp)) || _class);
-exports.ShareList = ShareList;
-var _default = ShareList;
-exports.default = _default;
+}, _ShareList)) || _class);
+var _default = exports.default = ShareList;

package/lib/banks/components/SharingModal/ShareList/styles.js

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