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

package/es/common/components/resources/BankSelection/presenter.js

@@ -1,7 +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 _Select$Option;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -9,57 +10,40 @@ import { List } from 'immutable';
 import { Select } from '@instructure/ui-select';
 import { omitProps } from '@instructure/ui-react-utils';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { toErrors } from "../../../util/instUIMessages.js";
+import { toErrors } from '../../../util/instUIMessages';
 import { SELECT_BANKS_OPTIONS, SELECT_EMPTY_OPTION, SELECT_EMPTY_OPTION_TEXT } from '@instructure/quiz-common';
-
-var _ref4 = /*#__PURE__*/React.createElement(Select.Option, {
-  id: SELECT_EMPTY_OPTION,
-  key: SELECT_EMPTY_OPTION
-}, SELECT_EMPTY_OPTION_TEXT);
-
 export var BankSelection = /*#__PURE__*/function (_Component) {
-  _inherits(BankSelection, _Component);
-
-  var _super = _createSuper(BankSelection);
-
   function BankSelection() {
     var _this;
-
     _classCallCheck(this, BankSelection);
-
     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, BankSelection, [].concat(args));
     _this.state = {
       inputValue: _this.props.selectedBank ? _this.props.selectedBank.title : '',
       isShowingOptions: false,
       highlightedOptionId: null,
       filteredOptions: _this.props.banks ? _this.props.banks.toArray() : []
     };
-
     _this.filterOptions = function (value) {
       return _this.props.banks.toArray().filter(function (option) {
         return option.title.toLowerCase().startsWith(value.toLowerCase());
       });
     };
-
     _this.handleShowOptions = function () {
       _this.setState({
         filteredOptions: _this.props.banks.toArray(),
         isShowingOptions: true
       });
     };
-
     _this.handleHideOptions = function () {
       var _this$state = _this.state,
-          filteredOptions = _this$state.filteredOptions,
-          inputValue = _this$state.inputValue;
+        filteredOptions = _this$state.filteredOptions,
+        inputValue = _this$state.inputValue;
       var index = filteredOptions.findIndex(function (option) {
         return option.title.toLowerCase() === inputValue.toLowerCase();
       });
-
       if (index !== -1) {
         _this.handleSelectOption({}, {
           id: filteredOptions[index].id
@@ -72,49 +56,37 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     _this.handleBlur = function () {
       _this.setState({
         highlightedOptionId: null
       });
     };
-
     _this.handleHighlightOption = function (event, _ref) {
       var id = _ref.id;
       event.persist();
-
       var option = _this.getOptionById(id);
-
       if (!option) return;
-
       _this.setState({
         highlightedOptionId: id,
         inputValue: event.type === 'keydown' ? option.title : _this.state.inputValue
       });
     };
-
     _this.handleSelectOption = function (event, _ref2) {
       var id = _ref2.id;
       if (!id || id === SELECT_EMPTY_OPTION) return;
-
       var option = _this.getOptionById(id);
-
       _this.props.onBankSelection(event, {
         value: id
       });
-
       _this.setState({
         inputValue: option.title,
         isShowingOptions: false,
         filteredOptions: _this.props.banks.toArray()
       });
     };
-
     _this.handleInputChange = function (event) {
       var value = event.target.value;
-
       var newOptions = _this.filterOptions(value);
-
       _this.setState({
         inputValue: value,
         filteredOptions: newOptions,
@@ -122,15 +94,13 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
         isShowingOptions: true
       });
     };
-
     return _this;
   }
-
-  _createClass(BankSelection, [{
+  _inherits(BankSelection, _Component);
+  return _createClass(BankSelection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       return this.props.getAllBanks().then(function (bankIds) {
         return _this2.props.setUi(SELECT_BANKS_OPTIONS, List(bankIds));
       });
@@ -148,7 +118,6 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
     key: "renderOptions",
     value: function renderOptions() {
       var _this3 = this;
-
       return this.props.banks.toArray().map(function (bank) {
         return /*#__PURE__*/React.createElement(Select.Option, {
           key: bank.id,
@@ -161,7 +130,6 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
     key: "getErrors",
     value: function getErrors() {
       var selectedBank = this.props.selectedBank;
-
       if (selectedBank && selectedBank.archived) {
         return toErrors([t('The item bank "{ bankTitle }" no longer exists. Please select a valid bank.', {
           bankTitle: selectedBank.title
@@ -180,12 +148,11 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var _this$state2 = this.state,
-          inputValue = _this$state2.inputValue,
-          isShowingOptions = _this$state2.isShowingOptions,
-          filteredOptions = _this$state2.filteredOptions,
-          highlightedOptionId = _this$state2.highlightedOptionId;
+        inputValue = _this$state2.inputValue,
+        isShowingOptions = _this$state2.isShowingOptions,
+        filteredOptions = _this$state2.filteredOptions,
+        highlightedOptionId = _this$state2.highlightedOptionId;
       return /*#__PURE__*/React.createElement(Select, Object.assign({}, omitProps(this.props, BankSelection.propTypes), {
         renderLabel: this.props.label || t('Select the destination bank'),
         inputValue: inputValue,
@@ -205,12 +172,12 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
           isHighlighted: bank.id === highlightedOptionId,
           isSelected: _this4.props.selectedBank && bank.id === _this4.props.selectedBank.id && !bank.archived
         }, bank.title);
-      }) : _ref4);
+      }) : _Select$Option || (_Select$Option = /*#__PURE__*/React.createElement(Select.Option, {
+        id: SELECT_EMPTY_OPTION,
+        key: SELECT_EMPTY_OPTION
+      }, SELECT_EMPTY_OPTION_TEXT)));
     }
   }]);
-
-  BankSelection.displayName = "BankSelection";
-  return BankSelection;
 }(Component);
 BankSelection.propTypes = {
   banks: ImmutablePropTypes.list.isRequired,

package/es/common/components/resources/WarningWrapper/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, _WarningWrapper;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -13,33 +11,24 @@ import { Button } from '@instructure/ui-buttons';
 import { Text } from '@instructure/ui-text';
 import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var WarningWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(WarningWrapper, _Component);
-
-  var _super = _createSuper(WarningWrapper);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var WarningWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
   function WarningWrapper() {
     var _this;
-
     _classCallCheck(this, WarningWrapper);
-
     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, WarningWrapper, [].concat(args));
     _this.focusRef = null;
-
     _this.setFocusRef = function (element) {
       _this.focusRef = element;
     };
-
     return _this;
   }
-
-  _createClass(WarningWrapper, [{
+  _inherits(WarningWrapper, _Component);
+  return _createClass(WarningWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.focusRef) this.focusRef.focus();
@@ -105,10 +94,7 @@ export var WarningWrapper = (_dec = withStyle(generateStyle, generateComponentTh
       }, this.renderMessage(), this.renderDisableOverlay(), this.props.children);
     }
   }]);
-
-  WarningWrapper.displayName = "WarningWrapper";
-  return WarningWrapper;
-}(Component), _class2.propTypes = {
+}(Component), _WarningWrapper.propTypes = {
   alertType: PropTypes.oneOf(['info', 'success', 'warning', 'error']),
   cancelActionCallback: PropTypes.func,
   cancelActionText: PropTypes.string,
@@ -120,7 +106,7 @@ export var WarningWrapper = (_dec = withStyle(generateStyle, generateComponentTh
   hideActions: PropTypes.bool,
   showAlert: PropTypes.bool,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _WarningWrapper.defaultProps = {
   alertType: 'info',
   cancelActionCallback: void 0,
   cancelActionText: t('Cancel'),
@@ -130,5 +116,5 @@ export var WarningWrapper = (_dec = withStyle(generateStyle, generateComponentTh
   disableChildren: false,
   hideActions: void 0,
   showAlert: true
-}, _temp)) || _class);
+}, _WarningWrapper)) || _class);
 export default WarningWrapper;

package/es/common/components/resources/WarningWrapper/styles.js

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

package/es/common/components/resources/WarningWrapper/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography,
-      colors = _ref.colors;
+    typography = _ref.typography,
+    colors = _ref.colors;
   return {
     alertPadding: spacing.medium,
     alertZIndex: '8888',
@@ -11,5 +11,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     disabledChildrenZIndex: '7777'
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/entry/EntrySave/index.js

@@ -1,13 +1,13 @@
-import { connect } from "../../../../react-redux.js";
-import { checkItemShareability } from "../../../../../building/api/items.js";
-import { checkStimulusShareability } from "../../../../../building/api/stimuli.js";
-import makeEditable from "../../../shared/functionality/makeEditable.js";
-import { showError, hideError } from "../../../../actions/errorsShowing.js";
-import { screenreaderNotification } from "../../../../actions/alerts.js";
-import { clearNextQuizEntry } from "../../../../actions/modifications.js";
-import { withConfirm } from "../../../../actions/modal.js";
-import { featureOn } from "../../../../util/featureCheck.js";
-import EntrySave from "./presenter.js";
+import { connect } from '../../../../react-redux';
+import { checkItemShareability } from '../../../../../building/api/items';
+import { checkStimulusShareability } from '../../../../../building/api/stimuli';
+import makeEditable from '../../../shared/functionality/makeEditable';
+import { showError, hideError } from '../../../../actions/errorsShowing';
+import { screenreaderNotification } from '../../../../actions/alerts';
+import { clearNextQuizEntry } from '../../../../actions/modifications';
+import { withConfirm } from '../../../../actions/modal';
+import { featureOn } from '../../../../util/featureCheck';
+import EntrySave from './presenter';
 export function mapStateToProps(state, props) {
   // Error Related:
   var workingEntry = props.entry.getWorkingInstance();

package/es/common/components/resources/entry/EntrySave/presenter.js

@@ -1,9 +1,9 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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 ImmutablePropTypes from 'react-immutable-proptypes';
@@ -12,171 +12,130 @@ import { Button } from '@instructure/ui-buttons';
 import { View } from '@instructure/ui-view';
 import { API_INPUT_VALIDATION_ERROR } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-import noop from "../../../../util/noop.js";
+import noop from '../../../../util/noop';
 export var EntrySave = /*#__PURE__*/function (_Component) {
-  _inherits(EntrySave, _Component);
-
-  var _super = _createSuper(EntrySave);
-
   function EntrySave() {
     var _this;
-
     _classCallCheck(this, EntrySave);
-
     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, EntrySave, [].concat(args));
     _this.state = {
       canSubmit: true
     };
-
     _this.createScreenReaderNotification = function () {
       var displayPosition = _this.props.displayPosition;
       var msg = displayPosition === null ? t('This question cannot be saved due to invalid input data.') : t('Question {displayPosition} cannot be saved due to invalid input data.', {
         displayPosition: displayPosition
       });
-
       _this.props.screenreaderNotification(msg);
     };
-
     _this.confirmShareableContent = function () {
       var _this$props = _this.props,
-          canvasOrigin = _this$props.canvasOrigin,
-          checkContentShareability = _this$props.checkContentShareability,
-          entry = _this$props.entry,
-          withConfirm = _this$props.withConfirm;
-
+        canvasOrigin = _this$props.canvasOrigin,
+        checkContentShareability = _this$props.checkContentShareability,
+        entry = _this$props.entry,
+        withConfirm = _this$props.withConfirm;
       _this.setState({
         canSubmit: false
       });
-
       checkContentShareability(entry.getWorkingInstance(), canvasOrigin).then(function () {
         _this.successfulSubmit();
       }).catch( /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(err) {
+        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(err) {
           var _err$response, _err$response2;
-
           var body, text;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
-
-                case 2:
-                  body = _context.sent;
-                  text = t('There was an error attempting to validate shareability.');
-
-                  if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
-                    text = t('You are attempting to save content containing course links which may not work when used in other courses.');
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return (_err$response = err.response) === null || _err$response === void 0 ? void 0 : _err$response.json();
+              case 2:
+                body = _context.sent;
+                text = t('There was an error attempting to validate shareability.');
+                if (((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.status) === 400 && body.shareable === false) {
+                  text = t('You are attempting to save content containing course links which may not work when used in other courses.');
+                }
+                withConfirm(function () {
+                  _this.successfulSubmit();
+                }, {
+                  title: t('Are you sure?'),
+                  text: text,
+                  continueText: t('Save anyway'),
+                  onCancel: function onCancel() {
+                    _this.setState({
+                      canSubmit: true
+                    });
                   }
-
-                  withConfirm(function () {
-                    _this.successfulSubmit();
-                  }, {
-                    title: t('Are you sure?'),
-                    text: text,
-                    continueText: t('Save anyway'),
-                    onCancel: function onCancel() {
-                      _this.setState({
-                        canSubmit: true
-                      });
-                    }
-                  });
-
-                case 6:
-                case "end":
-                  return _context.stop();
-              }
+                });
+              case 6:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }));
-
         return function (_x) {
           return _ref.apply(this, arguments);
         };
       }());
     };
-
     _this.onSubmit = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                e.preventDefault();
-
-                if (!_this.props.isValid) {
-                  _context2.next = 5;
-                  break;
-                }
-
-                if (_this.props.checkBankedContentShareabilityEnabled && _this.props.shouldValidateShareableContent) {
-                  _this.confirmShareableContent();
-                } else {
-                  _this.successfulSubmit();
-                }
-
-                _context2.next = 10;
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              e.preventDefault();
+              if (!_this.props.isValid) {
+                _context2.next = 5;
                 break;
-
-              case 5:
-                _this.createScreenReaderNotification();
-
-                _context2.next = 8;
-                return _this.props.showError(_this.props.guid);
-
-              case 8:
-                _this.props.clearNextQuizEntry();
-
-                _this.focusFirstErrorField();
-
-              case 10:
-              case "end":
-                return _context2.stop();
-            }
+              }
+              if (_this.props.checkBankedContentShareabilityEnabled && _this.props.shouldValidateShareableContent) {
+                _this.confirmShareableContent();
+              } else {
+                _this.successfulSubmit();
+              }
+              _context2.next = 10;
+              break;
+            case 5:
+              _this.createScreenReaderNotification();
+              _context2.next = 8;
+              return _this.props.showError(_this.props.guid);
+            case 8:
+              _this.props.clearNextQuizEntry();
+              _this.focusFirstErrorField();
+            case 10:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       }));
-
       return function (_x2) {
         return _ref2.apply(this, arguments);
       };
     }();
-
     _this.focusFirstErrorField = function () {
       var itemEditArea = _this.props.itemEditArea;
-
       if (itemEditArea) {
         var editArea = ReactDOM.findDOMNode(itemEditArea);
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
     };
-
     _this.clearChanges = function () {
       var fromCancel = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-
       _this.props.switchOffEditing();
-
       _this.props.hideError(_this.props.guid);
-
       _this.props.clearChanges(fromCancel);
     };
-
     _this.onCancel = function () {
       _this.clearChanges(true);
-
       _this.props.cancelHandler();
     };
-
     return _this;
   }
-
-  _createClass(EntrySave, [{
+  _inherits(EntrySave, _Component);
+  return _createClass(EntrySave, [{
     key: "componentWillMount",
     value: function componentWillMount() {
       this.props.switchOnEditing(this.props.initialFocusId);
@@ -191,59 +150,48 @@ export var EntrySave = /*#__PURE__*/function (_Component) {
   }, {
     key: "successfulSubmit",
     value: function () {
-      var _successfulSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _successfulSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var validationResult;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                this.setState({
-                  canSubmit: false
-                });
-                _context3.prev = 1;
-                _context3.next = 4;
-                return this.props.submitHandler();
-
-              case 4:
-                validationResult = _context3.sent;
-
-                if (!(validationResult === API_INPUT_VALIDATION_ERROR)) {
-                  _context3.next = 8;
-                  break;
-                }
-
-                this.createScreenReaderNotification();
-                throw new Error('User input validation error received from API.');
-
-              case 8:
-                _context3.next = 14;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              this.setState({
+                canSubmit: false
+              });
+              _context3.prev = 1;
+              _context3.next = 4;
+              return this.props.submitHandler();
+            case 4:
+              validationResult = _context3.sent;
+              if (!(validationResult === API_INPUT_VALIDATION_ERROR)) {
+                _context3.next = 8;
                 break;
-
-              case 10:
-                _context3.prev = 10;
-                _context3.t0 = _context3["catch"](1);
-                this.setState({
-                  canSubmit: true
-                });
-                return _context3.abrupt("return");
-
-              case 14:
-                this.props.switchOffEditing();
-                this.props.hideError(this.props.guid);
-                this.props.screenreaderNotification(t('Changes to question saved.'));
-
-              case 17:
-              case "end":
-                return _context3.stop();
-            }
+              }
+              this.createScreenReaderNotification();
+              throw new Error('User input validation error received from API.');
+            case 8:
+              _context3.next = 14;
+              break;
+            case 10:
+              _context3.prev = 10;
+              _context3.t0 = _context3["catch"](1);
+              this.setState({
+                canSubmit: true
+              });
+              return _context3.abrupt("return");
+            case 14:
+              this.props.switchOffEditing();
+              this.props.hideError(this.props.guid);
+              this.props.screenreaderNotification(t('Changes to question saved.'));
+            case 17:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3, this, [[1, 10]]);
       }));
-
       function successfulSubmit() {
         return _successfulSubmit.apply(this, arguments);
       }
-
       return successfulSubmit;
     }()
   }, {
@@ -267,9 +215,6 @@ export var EntrySave = /*#__PURE__*/function (_Component) {
       }, t('Done'))));
     }
   }]);
-
-  EntrySave.displayName = "EntrySave";
-  return EntrySave;
 }(Component);
 EntrySave.propTypes = {
   cancelHandler: PropTypes.func,