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

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

@@ -1,60 +1,47 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _NavWrapper;
 /** @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 { withStyle, jsx, Global } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(NavWrapper, _Component);
-
-  var _super = _createSuper(NavWrapper);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, NavWrapper, [].concat(args));
     _this.setItemBanksRef = function (node) {
       _this.itemBanksRef = node;
     };
-
     _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;
       if (!shouldManageFocus) return;
-
       if (this.closeButtonRef) {
         ReactDOM.findDOMNode(this.closeButtonRef).focus();
       } else if (this.props.navigateToBanks && this.itemBanksRef) {
@@ -65,11 +52,10 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
     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 jsx(ReturnButton, {
           returnToUrl: returnToUrl,
@@ -86,7 +72,6 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
             onClick: navigateToBuild
           }, t('Return'));
         }
-
         return jsx(Button, {
           onClick: navigateToBuild
         }, t('Return'));
@@ -118,7 +103,6 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
           actionItems: actionItems
         });
       }
-
       return jsx(View, null, jsx(Global, {
         styles: {
           'body.tox-fullscreen .nav': {
@@ -142,10 +126,7 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
       }, this.props.children)), this.renderReturnButton(), this.props.renderHeaderMenu()));
     }
   }]);
-
-  NavWrapper.displayName = "NavWrapper";
-  return NavWrapper;
-}(Component), _class2.propTypes = {
+}(Component), _NavWrapper.propTypes = {
   children: Children.oneOf([BreadcrumbLink]),
   closeTray: PropTypes.func,
   navigateToBanks: PropTypes.func,
@@ -163,7 +144,7 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
   menuItemPath: PropTypes.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _NavWrapper.defaultProps = {
   children: null,
   closeTray: null,
   navigateToBanks: null,
@@ -173,5 +154,5 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
   isCompact: false,
   iceTopNavBarEnabled: false,
   menuItemPath: ''
-}, _temp)) || _class);
+}, _NavWrapper)) || _class);
 export default NavWrapper;

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

@@ -12,7 +12,6 @@ var generateStyle = function generateStyle(componentTheme) {
       width: '100%',
       boxSizing: 'border-box',
       zIndex: 4444,
-
       /**
        * For MS Edge
        * When they switch to chromium
@@ -27,5 +26,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,9 +1,9 @@
 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,
@@ -15,5 +15,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     bankIconPadding: spacing.xSmall
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,42 +1,31 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 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 = _callSuper(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;
   }
-
-  _createClass(ContextualIconButton, [{
+  _inherits(ContextualIconButton, _Component);
+  return _createClass(ContextualIconButton, [{
     key: "render",
     value: function render() {
       var buttonProps = omitProps(this.props, {}, ['context', 'onClick']);
@@ -47,14 +36,9 @@ export var ContextualIconButton = /*#__PURE__*/function (_Component) {
       }), this.props.children);
     }
   }]);
-
-  ContextualIconButton.displayName = "ContextualIconButton";
-  return ContextualIconButton;
 }(Component);
 ContextualIconButton.propTypes = _objectSpread(_objectSpread({}, IconButton.propTypes), {}, {
-  context: PropTypes.any
-  /* eslint-disable-line react/forbid-prop-types */
-
+  context: PropTypes.any /* eslint-disable-line react/forbid-prop-types */
 });
 ContextualIconButton.defaultProps = _objectSpread(_objectSpread({}, IconButton.defaultProps), {}, {
   context: void 0

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

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _RootAccountSharing, _Grid$Col;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
@@ -15,40 +13,24 @@ import { Grid } from '@instructure/ui-grid';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { withStyle } from '@instructure/emotion';
-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 = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(RootAccountSharing, _Component);
-
-  var _super = _createSuper(RootAccountSharing);
-
+export var RootAccountSharing = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
   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 = _callSuper(this, RootAccountSharing, [].concat(args));
     _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, {
@@ -56,7 +38,11 @@ export var RootAccountSharing = (_dec = withStyle(generateStyle, generateCompone
         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, _Grid$Col || (_Grid$Col = /*#__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, {
@@ -80,16 +66,13 @@ export var RootAccountSharing = (_dec = withStyle(generateStyle, generateCompone
       }, t('Can edit')))))));
     }
   }]);
-
-  RootAccountSharing.displayName = "RootAccountSharing";
-  return RootAccountSharing;
-}(Component), _class2.propTypes = {
+}(Component), _RootAccountSharing.propTypes = {
   accountName: PropTypes.string,
   onShareChange: PropTypes.func.isRequired,
   onShareTypeChange: PropTypes.func.isRequired,
   accountPermission: PropTypes.string
-}, _class2.defaultProps = {
+}, _RootAccountSharing.defaultProps = {
   accountName: t('Account'),
   accountPermission: null
-}, _temp)) || _class);
+}, _RootAccountSharing)) || _class);
 export default RootAccountSharing;

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

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ShareList, _IconCoursesLine;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,51 +16,35 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
 import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE } 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"
-});
-
-export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(ShareList, _Component);
-
-  var _super = _createSuper(ShareList);
-
+import { ContextualIconButton } from '../ContextualIconButton';
+import generateStyle from './styles';
+export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
   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 = _callSuper(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 jsx(ContextualIconButton, {
-        context: context // eslint-disable-next-line react/jsx-no-literals
+        context: context
+        // eslint-disable-next-line react/jsx-no-literals
         ,
         "data-automation": "sdk-unshare-bank-entity-".concat(entity.get('entityId')),
         onClick: _this.handleEntityRemove,
@@ -74,7 +56,6 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
         })
       });
     };
-
     _this.renderEntity = function (entity) {
       var isEntityRemoved = entity.get('permission') === REMOVED_ACCESS;
       var isCourse = entity.get('entityType') === SHARED_WITH_COURSE;
@@ -87,7 +68,9 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
         "data-automation": "sdk-shared-with-entity-row"
       }, jsx(Grid.Col, {
         width: "small"
-      }, isCourse ? _ref3 : jsx(Avatar, {
+      }, isCourse ? _IconCoursesLine || (_IconCoursesLine = jsx(IconCoursesLine, {
+        size: "small"
+      })) : jsx(Avatar, {
         name: entity.get('title'),
         src: entity.get('avatar'),
         size: "small"
@@ -113,11 +96,10 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
         width: "auto"
       }, _this.props.canEdit && (_this.props.improvedBankSharingEnabled || !isCourse) && _this.renderRemoveButton(entity, isEntityRemoved)));
     };
-
     return _this;
   }
-
-  _createClass(ShareList, [{
+  _inherits(ShareList, _Component);
+  return _createClass(ShareList, [{
     key: "render",
     value: function render() {
       return jsx(Grid, {
@@ -125,10 +107,7 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
       }, this.props.entities.map(this.renderEntity));
     }
   }]);
-
-  ShareList.displayName = "ShareList";
-  return ShareList;
-}(Component), _class2.propTypes = {
+}(Component), _ShareList.propTypes = {
   canEdit: PropTypes.bool.isRequired,
   entities: ImmutablePropTypes.listOf(ImmutablePropTypes.contains({
     entityType: PropTypes.string.isRequired,
@@ -142,5 +121,5 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
   sharedBanks: ImmutablePropTypes.list,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _ShareList)) || _class);
 export default ShareList;

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

@@ -5,5 +5,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

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

@@ -1,12 +1,11 @@
 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 { featureOn } from "../../../common/util/featureCheck.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 { featureOn } from '../../../common/util/featureCheck';
+import SharingModal from './presenter';
 function mapStateToProps(state, ownProps) {
   var sharedBanks = state.get('sharedBanks', Map()).filter(function (sharedBank) {
     return sharedBank.get('bankId') === ownProps.bank.id;
@@ -17,7 +16,6 @@ function mapStateToProps(state, ownProps) {
     sharedBanks: sharedBanks
   };
 }
-
 var mapDispatchToProps = {
   shareBank: shareBank,
   getSharedBanks: getSharedBanks,