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

package/es/banks/components/CreateBankModal/presenter.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, _CreateBankModal;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,86 +13,64 @@ import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import Bank from "../../../common/records/Bank.js";
-import { toErrors } from "../../../common/util/instUIMessages.js";
+import Bank from '../../../common/records/Bank';
+import { toErrors } from '../../../common/util/instUIMessages';
 import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(CreateBankModal, _Component);
-
-  var _super = _createSuper(CreateBankModal);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
   function CreateBankModal() {
     var _this;
-
     _classCallCheck(this, CreateBankModal);
-
     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, CreateBankModal, [].concat(args));
     _this.state = {
       shareWithCourse: false
     };
-
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
-
       if (_this.props.temporaryBank.isValid()) {
         var courseUuid = _this.state.shareWithCourse ? _this.props.itemBanksScope.uuid : null;
-
         _this.props.createBank(_this.props.temporaryBank, courseUuid);
-
         _this.props.onCreateBank();
-
         _this.closeAction();
       } else {
         _this.props.screenreaderNotification(t('Bank name cannot be blank.'));
       }
     };
-
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
-
       _this.setState({
         shareWithCourse: false
       });
-
       _this.props.clearModifications('banks', _this.props.temporaryBank.id);
-
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
-
       _this.props.closeModal();
     };
-
     _this.onNameChange = function (e) {
       _this.props.showError(_this.props.errorKey);
-
       _this.props.changeBank(_this.props.temporaryBank.id, {
         title: e.target.value
       });
     };
-
     _this.getErrors = function () {
       if (_this.props.displayError) {
         return toErrors(_this.props.temporaryBank.errorsFor('title').toJS());
       }
     };
-
     _this.toggleCheckbox = function (event) {
       _this.setState({
         shareWithCourse: event.target.checked
       });
     };
-
     return _this;
   }
-
-  _createClass(CreateBankModal, [{
+  _inherits(CreateBankModal, _Component);
+  return _createClass(CreateBankModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return jsx(Button, {
@@ -133,11 +109,9 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
     key: "renderCheckbox",
     value: function renderCheckbox() {
       var hide = !this.props.showShareBankOnCreate || this.props.itemBanksScope.type !== 'course' || !this.props.itemBanksScope.title || !this.props.itemBanksScope.uuid;
-
       if (hide) {
         return null;
       }
-
       var label = t('Share with { courseName }', {
         courseName: this.props.itemBanksScope.title
       });
@@ -170,10 +144,7 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.createBankButton()));
     }
   }]);
-
-  CreateBankModal.displayName = "CreateBankModal";
-  return CreateBankModal;
-}(Component), _class2.propTypes = {
+}(Component), _CreateBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   temporaryBank: PropTypes.instanceOf(Bank).isRequired,
@@ -197,11 +168,11 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
   }),
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _CreateBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null,
   showShareBankOnCreate: false,
   itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
-}, _temp)) || _class);
+}, _CreateBankModal)) || _class);
 export default CreateBankModal;

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

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

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

@@ -1,11 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var typography = _ref.typography,
-      spacing = _ref.spacing;
+    spacing = _ref.spacing;
   return {
     bankNameInputFontSize: typography.fontSizeMedium,
     bankNamePadding: spacing.xSmall,
     bankNameLabelPadding: spacing.xSmall
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,14 +1,13 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../common/react-redux.js";
-import { updateBank } from "../../api/banks.js";
-import EditBankModal from "./presenter.js";
-import * as modalActions from "../../../common/actions/modal.js";
+import { connect } from '../../../common/react-redux';
+import { updateBank } from '../../api/banks';
+import EditBankModal from './presenter';
+import * as modalActions from '../../../common/actions/modal';
 import { EDIT_BANK_MODAL } from '@instructure/quiz-common';
-import { changeBank, clearModifications } from "../../../common/actions/modifications.js";
-import { showError, hideError } from "../../../common/actions/errorsShowing.js";
-import { getModalTrigger } from "../../../common/util/modalHelpers.js";
-
+import { changeBank, clearModifications } from '../../../common/actions/modifications';
+import { showError, hideError } from '../../../common/actions/errorsShowing';
+import { getModalTrigger } from '../../../common/util/modalHelpers';
 function mapStateToProps(state, props) {
   var errorsMap = state.get('errorsShowing', Map());
   var errorKey = "".concat(props.workingBank.id, "_edit_bank");
@@ -19,7 +18,6 @@ function mapStateToProps(state, props) {
     displayError: errorsMap.get(errorKey)
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     updateBank: bindActionCreators(updateBank, dispatch),
@@ -30,5 +28,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     closeModal: bindActionCreators(modalActions.closeModal, dispatch)
   };
 };
-
 export default connect(mapStateToProps, mapDispatchToProps)(EditBankModal);

package/es/banks/components/EditBankModal/presenter.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, _EditBankModal;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,67 +11,49 @@ import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { toErrors } from "../../../common/util/instUIMessages.js";
+import { toErrors } from '../../../common/util/instUIMessages';
 import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
-import Bank from "../../../common/records/Bank.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(EditBankModal, _Component);
-
-  var _super = _createSuper(EditBankModal);
-
+import Bank from '../../../common/records/Bank';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
   function EditBankModal() {
     var _this;
-
     _classCallCheck(this, EditBankModal);
-
     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, EditBankModal, [].concat(args));
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
-
       if (_this.props.workingBank.isValid()) {
         _this.props.updateBank(_this.props.workingBank);
-
         _this.closeAction();
       }
     };
-
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
-
       _this.props.clearModifications('banks', _this.props.workingBank.id);
-
       if (_this.props.modalTrigger) {
         _this.props.modalTrigger.focus();
       }
-
       _this.props.closeModal();
     };
-
     _this.onNameChange = function (e) {
       _this.props.showError(_this.props.errorKey);
-
       _this.props.changeBank(_this.props.workingBank.id, {
         title: e.target.value
       });
     };
-
     _this.getErrors = function () {
       if (_this.props.displayError) {
         return toErrors(_this.props.workingBank.errorsFor('title').toJS());
       }
     };
-
     return _this;
   }
-
-  _createClass(EditBankModal, [{
+  _inherits(EditBankModal, _Component);
+  return _createClass(EditBankModal, [{
     key: "renderCancelButton",
     value: function renderCancelButton() {
       return jsx(Button, {
@@ -127,10 +107,7 @@ export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentThe
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.renderCancelButton(), this.renderSaveButton()));
     }
   }]);
-
-  EditBankModal.displayName = "EditBankModal";
-  return EditBankModal;
-}(Component), _class2.propTypes = {
+}(Component), _EditBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   workingBank: PropTypes.instanceOf(Bank).isRequired,
@@ -144,8 +121,8 @@ export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentThe
   closeModal: PropTypes.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _EditBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null
-}, _temp)) || _class);
+}, _EditBankModal)) || _class);
 export default EditBankModal;

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

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

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

@@ -1,10 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var typography = _ref.typography,
-      spacing = _ref.spacing;
+    spacing = _ref.spacing;
   return {
     bankNameInputFontSize: typography.fontSizeMedium,
     bankNameInputPadding: spacing.xSmall
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,36 +1,27 @@
 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 t from '@instructure/quiz-i18n/es/format-message';
 import { Breadcrumb, BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import ReactDOM from 'react-dom';
 export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
-  _inherits(HeaderBreadCrumb, _Component);
-
-  var _super = _createSuper(HeaderBreadCrumb);
-
   function HeaderBreadCrumb() {
     var _this;
-
     _classCallCheck(this, HeaderBreadCrumb);
-
     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, HeaderBreadCrumb, [].concat(args));
     _this.setItemBanksRef = function (node) {
       _this.itemBanksRef = node;
     };
-
     return _this;
   }
-
-  _createClass(HeaderBreadCrumb, [{
+  _inherits(HeaderBreadCrumb, _Component);
+  return _createClass(HeaderBreadCrumb, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.navigateToBuild && this.props.navigateToBanks && this.itemBanksRef) {
@@ -41,12 +32,12 @@ export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          returnToUrl = _this$props.returnToUrl,
-          scope = _this$props.scope,
-          navigateToBanks = _this$props.navigateToBanks,
-          renderIcon = _this$props.renderIcon,
-          setItemBanksRef = _this$props.setItemBanksRef,
-          children = _this$props.children;
+        returnToUrl = _this$props.returnToUrl,
+        scope = _this$props.scope,
+        navigateToBanks = _this$props.navigateToBanks,
+        renderIcon = _this$props.renderIcon,
+        setItemBanksRef = _this$props.setItemBanksRef,
+        children = _this$props.children;
       var isScopeEmpty = !Object.keys(scope).length;
       var canvasReferrerLinkText = isScopeEmpty ? null : scope.title;
       var canvasReferrerLink = returnToUrl && canvasReferrerLinkText && /*#__PURE__*/React.createElement(BreadcrumbLink, {
@@ -59,15 +50,14 @@ export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
         onClick: navigateToBanks,
         renderIcon: renderIcon,
         ref: setItemBanksRef || this.setItemBanksRef
-      }, t('Item Banks')); // If Breadcrumb has multiple children (even if 2nd is null), it will
-      // render the `>` icon, which we don't want if there are no children.
+      }, t('Item Banks'));
 
+      // If Breadcrumb has multiple children (even if 2nd is null), it will
+      // render the `>` icon, which we don't want if there are no children.
       var breadCrumbLinks = [banksLink];
-
       if (children) {
         breadCrumbLinks = breadCrumbLinks.concat(children);
       }
-
       if (canvasReferrerLink) breadCrumbLinks.unshift(canvasReferrerLink);
       return /*#__PURE__*/React.createElement(Breadcrumb, {
         label: t('You are here:'),
@@ -75,9 +65,6 @@ export var HeaderBreadCrumb = /*#__PURE__*/function (_Component) {
       }, breadCrumbLinks);
     }
   }]);
-
-  HeaderBreadCrumb.displayName = "HeaderBreadCrumb";
-  return HeaderBreadCrumb;
 }(Component);
 HeaderBreadCrumb.propTypes = {
   returnToUrl: PropTypes.string,

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

@@ -1,17 +1,14 @@
 import { bindActionCreators } from 'redux';
-import { connect } from "../../../common/react-redux.js";
-import * as modalActions from "../../../common/actions/modal.js";
-import { generateImportModalId } from "../../../common/components/ImportModal/index.js";
-import HeaderMenu from "./presenter.js";
-
+import { connect } from '../../../common/react-redux';
+import * as modalActions from '../../../common/actions/modal';
+import { generateImportModalId } from '../../../common/components/ImportModal';
+import HeaderMenu from './presenter';
 function mapStateToProps(state, props) {
   return {};
 }
-
 function mapDispatchToProps(dispatch) {
   return {
     openImportModal: bindActionCreators(modalActions.openModal.bind(modalActions, generateImportModalId('qtiImport')), dispatch)
   };
 }
-
 export default connect(mapStateToProps, mapDispatchToProps)(HeaderMenu);

package/es/banks/components/HeaderMenu/presenter.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, _HeaderMenu, _IconImportLine;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,28 +14,18 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { IconMoreSolid, IconImportLine } from '@instructure/ui-icons';
 import { withStyle, jsx } from '@instructure/emotion';
-import QTIImportModal from "../../../building/components/QTIImportModal/index.js";
+import QTIImportModal from '../../../building/components/QTIImportModal';
 import { PARENT_TYPE_BANK } 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 = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(HeaderMenu, _Component);
-
-  var _super = _createSuper(HeaderMenu);
-
+export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
   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) {
@@ -55,13 +43,14 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
             key: "import",
             disabled: !this.props.bank.canImport(),
             onOptionClick: this.props.openImportModal
-          }, _ref, jsx(View, {
+          }, _IconImportLine || (_IconImportLine = jsx(IconImportLine, {
+            "data-automation": "sdk-headermenu-import-content"
+          })), jsx(View, {
             as: "span",
             margin: "0 0 0 x-small"
           }, t('Import Content')))))
         }, t('More Item Banking Actions'));
       }
-
       return jsx(Menu, {
         trigger: jsx(IconButton, {
           renderIcon: IconMoreSolid,
@@ -92,10 +81,7 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
       }));
     }
   }]);
-
-  HeaderMenu.displayName = "HeaderMenu";
-  return HeaderMenu;
-}(Component), _class2.propTypes = {
+}(Component), _HeaderMenu.propTypes = {
   openImportModal: PropTypes.func.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   iceTopNavBarEnabled: PropTypes.bool,
@@ -103,9 +89,9 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
   renderIcon: PropTypes.element,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _HeaderMenu.defaultProps = {
   iceTopNavBarEnabled: false,
   id: 'BankMenu',
   renderIcon: jsx(IconMoreSolid, null)
-}, _temp)) || _class);
+}, _HeaderMenu)) || _class);
 export default HeaderMenu;

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

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

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

@@ -1,10 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     menuIconMargin: spacing.xSmall,
     menuIconFontSize: typography.fontSizeLarge
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,11 +1,9 @@
 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])
   };
 }
-
 export default connect(mapStateToProps)(NavWrapper);