@instructure/quiz-core 20.17.3-rc.7 → 20.17.3-rc.8

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

@@ -1,47 +1,60 @@
 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";
-var _dec, _class, _NavWrapper;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @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';
-import { NavBar } from '../../../common/components/layout/navbar';
-import { SecondaryNavBarButton } from '../../../common/components/layout/navbar/SecondaryNavBarButton';
-import { HeaderBreadCrumb } from '../HeaderBreadCrumb';
+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 { 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';
-import generateComponentTheme from './theme';
-var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
+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);
+
   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 = _callSuper(this, NavWrapper, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.setItemBanksRef = function (node) {
       _this.itemBanksRef = node;
     };
+
     _this.setCloseButtonRef = function (node) {
       _this.closeButtonRef = node;
     };
+
     return _this;
   }
-  _inherits(NavWrapper, _Component);
-  return _createClass(NavWrapper, [{
+
+  _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) {
@@ -52,10 +65,11 @@ 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,
@@ -72,6 +86,7 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
             onClick: navigateToBuild
           }, t('Return'));
         }
+
         return jsx(Button, {
           onClick: navigateToBuild
         }, t('Return'));
@@ -103,6 +118,7 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
           actionItems: actionItems
         });
       }
+
       return jsx(View, null, jsx(Global, {
         styles: {
           'body.tox-fullscreen .nav': {
@@ -126,7 +142,10 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
       }, this.props.children)), this.renderReturnButton(), this.props.renderHeaderMenu()));
     }
   }]);
-}(Component), _NavWrapper.propTypes = {
+
+  NavWrapper.displayName = "NavWrapper";
+  return NavWrapper;
+}(Component), _class2.propTypes = {
   children: Children.oneOf([BreadcrumbLink]),
   closeTray: PropTypes.func,
   navigateToBanks: PropTypes.func,
@@ -144,7 +163,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
-}, _NavWrapper.defaultProps = {
+}, _class2.defaultProps = {
   children: null,
   closeTray: null,
   navigateToBanks: null,
@@ -154,5 +173,5 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
   isCompact: false,
   iceTopNavBarEnabled: false,
   menuItemPath: ''
-}, _NavWrapper)) || _class);
+}, _temp)) || _class);
 export default NavWrapper;

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

@@ -12,6 +12,7 @@ var generateStyle = function generateStyle(componentTheme) {
       width: '100%',
       boxSizing: 'border-box',
       zIndex: 4444,
+
       /**
        * For MS Edge
        * When they switch to chromium
@@ -26,4 +27,5 @@ 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,4 +15,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     bankIconPadding: spacing.xSmall
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,31 +1,42 @@
 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 = _callSuper(this, ContextualIconButton, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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;
   }
-  _inherits(ContextualIconButton, _Component);
-  return _createClass(ContextualIconButton, [{
+
+  _createClass(ContextualIconButton, [{
     key: "render",
     value: function render() {
       var buttonProps = omitProps(this.props, {}, ['context', 'onClick']);
@@ -36,9 +47,14 @@ 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,8 +1,10 @@
 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";
-var _dec, _class, _RootAccountSharing, _Grid$Col;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
@@ -13,24 +15,40 @@ 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';
-import generateComponentTheme from './theme';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var RootAccountSharing = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
+
+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);
+
   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 = _callSuper(this, RootAccountSharing, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.isSharedWithAccount = function () {
       return [READ_ONLY, CAN_EDIT].includes(_this.props.accountPermission);
     };
+
     return _this;
   }
-  _inherits(RootAccountSharing, _Component);
-  return _createClass(RootAccountSharing, [{
+
+  _createClass(RootAccountSharing, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(View, {
@@ -38,11 +56,7 @@ export var RootAccountSharing = (_dec = withStyle(generateStyle, generateCompone
         margin: "0 0 medium 0"
       }, /*#__PURE__*/React.createElement(Grid, {
         colSpacing: "small"
-      }, /*#__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, {
+      }, /*#__PURE__*/React.createElement(Grid.Row, null, _ref, /*#__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,13 +81,16 @@ export var RootAccountSharing = (_dec = withStyle(generateStyle, generateCompone
       }, t('Can edit')))))));
     }
   }]);
-}(Component), _RootAccountSharing.propTypes = {
+
+  RootAccountSharing.displayName = "RootAccountSharing";
+  return RootAccountSharing;
+}(Component), _class2.propTypes = {
   accountName: PropTypes.string,
   onShareChange: PropTypes.func.isRequired,
   onShareTypeChange: PropTypes.func.isRequired,
   accountPermission: PropTypes.string
-}, _RootAccountSharing.defaultProps = {
+}, _class2.defaultProps = {
   accountName: t('Account'),
   accountPermission: null
-}, _RootAccountSharing)) || _class);
+}, _temp)) || _class);
 export default RootAccountSharing;

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

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

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

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

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

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