@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.13

package/es/banks/components/HeaderMenu/presenter.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, _HeaderMenu;
+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';
@@ -14,22 +18,18 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { IconMoreSolid, IconImportLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
-import QTIImportModal from "../../../building/components/QTIImportModal/index.js";
+import QTIImportModal from '../../../building/components/QTIImportModal';
 import { PARENT_TYPE_BANK, withStyleOverrides } from '@instructure/quiz-common';
-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 = jsx(IconImportLine, {
-  "data-automation": "sdk-headermenu-import-content"
-});
 export var HeaderMenu = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
-  _inherits(HeaderMenu, _Component);
-  var _super = _createSuper(HeaderMenu);
   function HeaderMenu() {
     _classCallCheck(this, HeaderMenu);
-    return _super.apply(this, arguments);
+    return _callSuper(this, HeaderMenu, arguments);
   }
-  _createClass(HeaderMenu, [{
+  _inherits(HeaderMenu, _Component);
+  return _createClass(HeaderMenu, [{
     key: "renderMenu",
     value: function renderMenu() {
       if (this.props.iceTopNavBarEnabled) {
@@ -47,7 +47,9 @@ export var HeaderMenu = (_dec = withStyleOverrides(generateStyle, generateCompon
             key: "import",
             disabled: !this.props.bank.canImport(),
             onOptionClick: this.props.openImportModal
-          }, _ref, jsx(View, {
+          }, jsx(IconImportLine, {
+            "data-automation": "sdk-headermenu-import-content"
+          }), jsx(View, {
             as: "span",
             margin: "0 0 0 x-small"
           }, t('Import Content')))))
@@ -83,18 +85,16 @@ export var HeaderMenu = (_dec = withStyleOverrides(generateStyle, generateCompon
       }));
     }
   }]);
-  HeaderMenu.displayName = "HeaderMenu";
-  return HeaderMenu;
-}(Component), _HeaderMenu.displayName = 'HeaderMenu', _HeaderMenu.componentId = "Quizzes".concat(_HeaderMenu.displayName), _HeaderMenu.propTypes = {
+}(Component), _defineProperty(_HeaderMenu, "displayName", 'HeaderMenu'), _defineProperty(_HeaderMenu, "componentId", "Quizzes".concat(_HeaderMenu.displayName)), _defineProperty(_HeaderMenu, "propTypes", {
   openImportModal: PropTypes.func.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   iceTopNavBarEnabled: PropTypes.bool,
   id: PropTypes.string,
   renderIcon: PropTypes.element,
   styles: PropTypes.object
-}, _HeaderMenu.defaultProps = {
+}), _defineProperty(_HeaderMenu, "defaultProps", {
   iceTopNavBarEnabled: false,
   id: 'BankMenu',
   renderIcon: jsx(IconMoreSolid, null)
-}, _HeaderMenu)) || _class);
+}), _HeaderMenu)) || _class);
 export default HeaderMenu;

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

@@ -1,6 +1,6 @@
 import { BUILD_TRAY_OPEN } from '@instructure/quiz-common';
-import { connect } from "../../../common/react-redux.js";
-import NavWrapper from "./presenter.js";
+import { connect } from '../../../common/react-redux';
+import NavWrapper from './presenter';
 function mapStateToProps(state) {
   return {
     trayOpen: !!state.getIn(['ui', BUILD_TRAY_OPEN])

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

@@ -1,45 +1,48 @@
 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, _NavWrapper;
+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 ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import { Children } from '@instructure/ui-prop-types';
-import { ReturnButton } from "../../../common/components/shared/return_button/ReturnButton.js";
-import { NavBar } from "../../../common/components/layout/navbar/index.js";
-import { SecondaryNavBarButton } from "../../../common/components/layout/navbar/SecondaryNavBarButton/index.js";
-import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
+import { ReturnButton } from '../../../common/components/shared/return_button/ReturnButton';
+import { NavBar } from '../../../common/components/layout/navbar';
+import { SecondaryNavBarButton } from '../../../common/components/layout/navbar/SecondaryNavBarButton';
+import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
 import { CloseButton, Button } from '@instructure/ui-buttons';
 import { BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import { IconBankLine } from '@instructure/ui-icons';
 import { View } from '@instructure/ui-view';
 import { jsx, Global } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 var NavWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
-  _inherits(NavWrapper, _Component);
-  var _super = _createSuper(NavWrapper);
   function NavWrapper() {
     var _this;
     _classCallCheck(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.setItemBanksRef = function (node) {
+    _this = _callSuper(this, NavWrapper, [].concat(args));
+    _defineProperty(_this, "setItemBanksRef", function (node) {
       _this.itemBanksRef = node;
-    };
-    _this.setCloseButtonRef = function (node) {
+    });
+    _defineProperty(_this, "setCloseButtonRef", function (node) {
       _this.closeButtonRef = node;
-    };
+    });
     return _this;
   }
-  _createClass(NavWrapper, [{
+  _inherits(NavWrapper, _Component);
+  return _createClass(NavWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var shouldManageFocus = this.props.trayOpen || this.props.navigateToBuild;
@@ -131,9 +134,7 @@ var NavWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentThem
       }, this.props.children)), this.renderReturnButton(), this.props.renderHeaderMenu()));
     }
   }]);
-  NavWrapper.displayName = "NavWrapper";
-  return NavWrapper;
-}(Component), _NavWrapper.displayName = 'NavWrapper', _NavWrapper.componentId = "Quizzes".concat(_NavWrapper.displayName), _NavWrapper.propTypes = {
+}(Component), _defineProperty(_NavWrapper, "displayName", 'NavWrapper'), _defineProperty(_NavWrapper, "componentId", "Quizzes".concat(_NavWrapper.displayName)), _defineProperty(_NavWrapper, "propTypes", {
   children: Children.oneOf([BreadcrumbLink]),
   closeTray: PropTypes.func,
   navigateToBanks: PropTypes.func,
@@ -150,7 +151,7 @@ var NavWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentThem
   iceTopNavBarEnabled: PropTypes.bool,
   menuItemPath: PropTypes.string,
   styles: PropTypes.object
-}, _NavWrapper.defaultProps = {
+}), _defineProperty(_NavWrapper, "defaultProps", {
   children: null,
   closeTray: null,
   navigateToBanks: null,
@@ -160,5 +161,5 @@ var NavWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentThem
   isCompact: false,
   iceTopNavBarEnabled: false,
   menuItemPath: ''
-}, _NavWrapper)) || _class);
+}), _NavWrapper)) || _class);
 export default NavWrapper;

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

@@ -1,5 +1,7 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { generateExternalStyle } from "./externalStyles.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+import { generateExternalStyle } from './externalStyles';
 var generateStyle = function generateStyle(componentTheme) {
   return _objectSpread({
     nav: {

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

@@ -8,9 +8,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     navPaddingTopBottom: spacing.small,
     navPaddingLeftRight: spacing.xLarge,
     navBorderWidth: borders.widthSmall,
-    navBorderColor: colors.contrasts.grey1214,
-    navBackgroundColor: colors.contrasts.white1010,
-    bankIconColor: colors.contrasts.blue4570,
+    navBorderColor: colors.tiara,
+    navBackgroundColor: colors.white,
+    bankIconColor: colors.electric,
     bankIconFontSize: typography.fontSizeLarge,
     bankIconPadding: spacing.xSmall
   };

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

@@ -1,32 +1,36 @@
-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";
+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; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { IconButton } from '@instructure/ui-buttons';
 import { omitProps } from '@instructure/ui-react-utils';
 export var ContextualIconButton = /*#__PURE__*/function (_Component) {
-  _inherits(ContextualIconButton, _Component);
-  var _super = _createSuper(ContextualIconButton);
   function ContextualIconButton() {
     var _this;
     _classCallCheck(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.handleClick = function () {
+    _this = _callSuper(this, ContextualIconButton, [].concat(args));
+    _defineProperty(_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;
   }
-  _createClass(ContextualIconButton, [{
+  _inherits(ContextualIconButton, _Component);
+  return _createClass(ContextualIconButton, [{
     key: "render",
     value: function render() {
       var buttonProps = omitProps(this.props, {}, ['context', 'onClick']);
@@ -37,12 +41,10 @@ export var ContextualIconButton = /*#__PURE__*/function (_Component) {
       }), this.props.children);
     }
   }]);
-  ContextualIconButton.displayName = "ContextualIconButton";
-  return ContextualIconButton;
 }(Component);
-ContextualIconButton.propTypes = _objectSpread(_objectSpread({}, IconButton.propTypes), {}, {
+_defineProperty(ContextualIconButton, "propTypes", _objectSpread(_objectSpread({}, IconButton.propTypes), {}, {
   context: PropTypes.any
-});
-ContextualIconButton.defaultProps = _objectSpread(_objectSpread({}, IconButton.defaultProps), {}, {
+}));
+_defineProperty(ContextualIconButton, "defaultProps", _objectSpread(_objectSpread({}, IconButton.defaultProps), {}, {
   context: void 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;