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

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

@@ -1,8 +1,7 @@
 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 _Select$Option;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -10,40 +9,57 @@ 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';
+import { toErrors } from "../../../util/instUIMessages.js";
 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 = _callSuper(this, BankSelection, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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
@@ -56,37 +72,49 @@ 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,
@@ -94,13 +122,15 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
         isShowingOptions: true
       });
     };
+
     return _this;
   }
-  _inherits(BankSelection, _Component);
-  return _createClass(BankSelection, [{
+
+  _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));
       });
@@ -118,6 +148,7 @@ 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,
@@ -130,6 +161,7 @@ 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
@@ -148,11 +180,12 @@ 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,
@@ -172,12 +205,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);
-      }) : _Select$Option || (_Select$Option = /*#__PURE__*/React.createElement(Select.Option, {
-        id: SELECT_EMPTY_OPTION,
-        key: SELECT_EMPTY_OPTION
-      }, SELECT_EMPTY_OPTION_TEXT)));
+      }) : _ref4);
     }
   }]);
+
+  BankSelection.displayName = "BankSelection";
+  return BankSelection;
 }(Component);
 BankSelection.propTypes = {
   banks: ImmutablePropTypes.list.isRequired,

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

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

@@ -24,4 +24,5 @@ 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,4 +11,5 @@ 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';
-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';
+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";
 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/helpers/esm/regeneratorRuntime";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 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,130 +12,171 @@ 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';
+import noop from "../../../../util/noop.js";
 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 = _callSuper(this, EntrySave, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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.');
-                }
-                withConfirm(function () {
-                  _this.successfulSubmit();
-                }, {
-                  title: t('Are you sure?'),
-                  text: text,
-                  continueText: t('Save anyway'),
-                  onCancel: function onCancel() {
-                    _this.setState({
-                      canSubmit: true
-                    });
+          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.');
                   }
-                });
-              case 6:
-              case "end":
-                return _context.stop();
+
+                  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();
+              }
             }
           }, _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;
+      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;
                 break;
-              }
-              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();
+
+              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;
   }
-  _inherits(EntrySave, _Component);
-  return _createClass(EntrySave, [{
+
+  _createClass(EntrySave, [{
     key: "componentWillMount",
     value: function componentWillMount() {
       this.props.switchOnEditing(this.props.initialFocusId);
@@ -150,48 +191,59 @@ 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;
+        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;
                 break;
-              }
-              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();
+
+              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;
     }()
   }, {
@@ -215,6 +267,9 @@ export var EntrySave = /*#__PURE__*/function (_Component) {
       }, t('Done'))));
     }
   }]);
+
+  EntrySave.displayName = "EntrySave";
+  return EntrySave;
 }(Component);
 EntrySave.propTypes = {
   cancelHandler: PropTypes.func,