@instructure/quiz-core 21.1.1 → 22.0.0

package/es/common/components/ImportModal/ImportFileSelector/index.js

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ImportFileSelector;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,47 +28,44 @@ import { Grid } from '@instructure/ui-grid';
 import { jsx } from '@instructure/emotion';
 import { IconUploadLine, IconCompleteLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
-import FileSelector from "../../../../common/components/shared/file_selector/FileSelector.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import FileSelector from '../../../../common/components/shared/file_selector/FileSelector';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx(IconUploadLine, null);
-var _ref2 = jsx(IconCompleteLine, null);
 export var ImportFileSelector = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
-  _inherits(ImportFileSelector, _Component);
-  var _super = _createSuper(ImportFileSelector);
   function ImportFileSelector() {
     _classCallCheck(this, ImportFileSelector);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ImportFileSelector, arguments);
   }
-  _createClass(ImportFileSelector, [{
+  _inherits(ImportFileSelector, _Component);
+  return _createClass(ImportFileSelector, [{
     key: "renderUploadIcon",
     value: function renderUploadIcon(styles) {
       return jsx("div", {
         css: this.props.styles.uploadIconContainer
-      }, _ref);
+      }, jsx(IconUploadLine, null));
     }
   }, {
     key: "renderCheckmarkIcon",
     value: function renderCheckmarkIcon(styles) {
       return jsx("div", {
         css: styles.checkIconContainer
-      }, _ref2);
+      }, jsx(IconCompleteLine, null));
     }
   }, {
     key: "renderFileList",
     value: function renderFileList(styles) {
       var fileName = this.props.files.get(0).name;
       return jsx("div", null, t.rich('<0>{fileName}</0> <1>is ready.</1>', {
-        0: function _(_ref3) {
-          var children = _ref3.children;
+        0: function _(_ref) {
+          var children = _ref.children;
           return jsx("span", {
             css: styles.fileListSuccess,
             key: "0"
           }, children);
         },
-        1: function _(_ref4) {
-          var children = _ref4.children;
+        1: function _(_ref2) {
+          var children = _ref2.children;
           return jsx("span", {
             key: "1"
           }, children);
@@ -63,14 +76,14 @@ export var ImportFileSelector = (_dec = withStyleOverrides(generateStyle, genera
   }, {
     key: "renderFilePickerText",
     value: function renderFilePickerText(styles) {
-      return jsx("div", null, t.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref5) {
-        var children = _ref5.children;
+      return jsx("div", null, t.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref3) {
+        var children = _ref3.children;
         return jsx("span", {
           css: styles.smallText,
           key: "0"
         }, children);
-      }, function (_ref6) {
-        var children = _ref6.children;
+      }, function (_ref4) {
+        var children = _ref4.children;
         return jsx(Button, {
           key: "1"
         }, children);
@@ -120,12 +133,10 @@ export var ImportFileSelector = (_dec = withStyleOverrides(generateStyle, genera
       }));
     }
   }]);
-  ImportFileSelector.displayName = "ImportFileSelector";
-  return ImportFileSelector;
-}(Component), _ImportFileSelector.displayName = 'ImportFileSelector', _ImportFileSelector.componentId = "Quizzes".concat(_ImportFileSelector.displayName), _ImportFileSelector.propTypes = {
+}(Component), _defineProperty(_ImportFileSelector, "displayName", 'ImportFileSelector'), _defineProperty(_ImportFileSelector, "componentId", "Quizzes".concat(_ImportFileSelector.displayName)), _defineProperty(_ImportFileSelector, "propTypes", {
   files: ImmutablePropTypes.list.isRequired,
   receiveFile: PropTypes.func.isRequired,
   acceptAttribute: PropTypes.string.isRequired,
   styles: PropTypes.object
-}, _ImportFileSelector)) || _class);
+}), _ImportFileSelector)) || _class);
 export default ImportFileSelector;

package/es/common/components/ImportModal/ImportFileSelector/theme.js

@@ -3,15 +3,15 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     typography = _ref.typography;
   return {
-    uploadIconContainerColor: colors.ash,
+    uploadIconContainerColor: colors.contrasts.grey4570,
     uploadIconContainerColorFontSize: typography.fontSizeXLarge,
     checkIconContainerFontSize: typography.fontSizeXLarge,
-    checkIconContainerColor: colors.shamrock,
+    checkIconContainerColor: colors.contrasts.green4570,
     smallTextFontSize: typography.fontSizeXSmall,
-    smallTextColor: colors.ash,
+    smallTextColor: colors.contrasts.grey4570,
     smallTextPadding: spacing.xSmall,
     selectorMargin: spacing.xSmall,
-    fileListSuccessColor: colors.shamrock
+    fileListSuccessColor: colors.contrasts.green4570
   };
 };
 export default generateComponentTheme;

package/es/common/components/ImportModal/index.js

@@ -1,21 +1,21 @@
 import { List, Map } from 'immutable';
-import { connect } from "../../react-redux.js";
-import { closeModal } from "../../../common/actions/modal.js";
-import { screenreaderNotification } from "../../../common/actions/alerts.js";
-import { clearAltText, clearFiles, receiveFile, setAltText, uploadStatus as setUploadStatus } from "../../../common/actions/upload.js";
+import { connect } from '../../react-redux';
+import { closeModal } from '../../../common/actions/modal';
+import { screenreaderNotification } from '../../../common/actions/alerts';
+import { clearAltText, clearFiles, receiveFile, setAltText, uploadStatus as setUploadStatus } from '../../../common/actions/upload';
 import { IMPORT_MODAL, FILE_UPLOAD_SELECT, FILE_UPLOAD_URL_CALL, FILE_UPLOAD_CALL } from '@instructure/quiz-common';
-import { ImportModal as ImportModalPresenter } from "./presenter.js";
+import { ImportModal as ImportModalPresenter } from './presenter';
 var callsToCheck = [FILE_UPLOAD_URL_CALL, FILE_UPLOAD_CALL];
 export function callProgress(callsToCheck) {
-  var calls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Map();
+  var calls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Map();
   var successCount = calls.filter(function (value, key) {
     return callsToCheck.includes(key) && value.get('requestStatus') === 'success';
   }).size;
   return successCount / callsToCheck.length;
 }
 export function progressValue(progressNumber) {
-  var callsMade = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Map();
-  var callsToCheck = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+  var callsMade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Map();
+  var callsToCheck = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var callProgressWhenCompleted = 1;
   // We are using 50 because 50 == (100 / 2.0) and import and API calls each contribute 1/2 of the overall progress
   return progressNumber ?

package/es/common/components/ImportModal/presenter.js

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _ImportModal;
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,99 +32,99 @@ import { Tabs } from '@instructure/ui-tabs';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { jsx } from '@instructure/emotion';
 import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, TextInput, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import ImportFileSelector from "./ImportFileSelector/index.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import ImportFileSelector from './ImportFileSelector';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
-  _inherits(ImportModal, _Component);
-  var _super = _createSuper(ImportModal);
   function ImportModal() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ImportModal);
     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.state = {
+    _this2 = _callSuper(this, ImportModal, [].concat(args));
+    _defineProperty(_this2, "state", {
       selectedTabIndex: 0
-    };
-    _this.componentDidUpdate = function (prevProps, prevState) {
-      if (!_this.props.modalOpen) {
+    });
+    _defineProperty(_this2, "componentDidUpdate", function (prevProps, prevState) {
+      if (!_this2.props.modalOpen) {
         return;
       }
-      var _this$props = _this.props,
-        disableConfirm = _this$props.disableConfirm,
-        uploadStatus = _this$props.uploadStatus;
+      var _this2$props = _this2.props,
+        disableConfirm = _this2$props.disableConfirm,
+        uploadStatus = _this2$props.uploadStatus;
       var isUploadSuccess = uploadStatus === FILE_UPLOAD_SUCCESS && uploadStatus !== prevProps.uploadStatus;
       if (disableConfirm && isUploadSuccess) {
-        _this.continueAction();
+        _this2.continueAction();
       }
       if (uploadStatus !== prevProps.uploadStatus) {
-        _this.alertScreenreader();
+        _this2.alertScreenreader();
       }
-    };
-    _this.cancelAction = function () {
-      _this.props.clearFiles();
-      _this.props.clearAltText();
-      if (_this.props.closeOverride) {
+    });
+    _defineProperty(_this2, "cancelAction", function () {
+      _this2.props.clearFiles();
+      _this2.props.clearAltText();
+      if (_this2.props.closeOverride) {
         // this timeout is needed because if this modal closes first,
         // then the ItemFeedbackModal will also close in the same click
         // since it will think the click happened "onOverlayClick"
-        setTimeout(_this.props.closeOverride);
+        setTimeout(_this2.props.closeOverride);
       } else {
-        _this.props.closeModal();
+        _this2.props.closeModal();
       }
       // Wait for the modal to close before setting the status to prevent flashing
       // the select screen when closing the modal due to the modal having a gradual
       // fade transition that will display the change in state
       setTimeout(function () {
-        return _this.props.setUploadStatus(FILE_UPLOAD_SELECT);
+        return _this2.props.setUploadStatus(FILE_UPLOAD_SELECT);
       }, 300);
-    };
-    _this.errorAction = function () {
-      return _this.props.setUploadStatus(FILE_UPLOAD_ERROR);
-    };
-    _this.continueAction = function () {
-      var uploadStatus = _this.props.uploadStatus;
+    });
+    _defineProperty(_this2, "errorAction", function () {
+      return _this2.props.setUploadStatus(FILE_UPLOAD_ERROR);
+    });
+    _defineProperty(_this2, "continueAction", function () {
+      var uploadStatus = _this2.props.uploadStatus;
       switch (uploadStatus) {
         case FILE_UPLOAD_SUCCESS:
         case FILE_UPLOAD_FAILURE:
-          _this.cancelAction();
+          _this2.cancelAction();
           break;
         case FILE_UPLOAD_ERROR:
-          _this.props.clearFiles();
-          _this.props.clearAltText();
-          _this.props.setUploadStatus(FILE_UPLOAD_SELECT);
+          _this2.props.clearFiles();
+          _this2.props.clearAltText();
+          _this2.props.setUploadStatus(FILE_UPLOAD_SELECT);
           break;
         default:
-          _this.props.fileUpload(_this.props.files.get(0), _this.errorAction, _this.props.altText);
-          _this.props.setUploadStatus(FILE_UPLOAD_IMPORTING);
-          _this.props.onContinue();
+          _this2.props.fileUpload(_this2.props.files.get(0), _this2.errorAction, _this2.props.altText);
+          _this2.props.setUploadStatus(FILE_UPLOAD_IMPORTING);
+          _this2.props.onContinue();
           break;
       }
-    };
-    _this.handleFile = function (file) {
-      _this.props.receiveFile(file);
-      _this.confirmButton.focus();
-    };
-    _this.onAltTextChange = function (e) {
-      _this.props.setAltText(e.target.value);
-    };
-    _this.handleTabChange = function (event, _ref) {
+    });
+    _defineProperty(_this2, "handleFile", function (file) {
+      _this2.props.receiveFile(file);
+      _this2.confirmButton.focus();
+    });
+    _defineProperty(_this2, "onAltTextChange", function (e) {
+      _this2.props.setAltText(e.target.value);
+    });
+    _defineProperty(_this2, "handleTabChange", function (event, _ref) {
       var index = _ref.index;
-      _this.setState({
+      _this2.setState({
         selectedTabIndex: index
       });
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(ImportModal, [{
+  _inherits(ImportModal, _Component);
+  return _createClass(ImportModal, [{
     key: "componentDidUpdate",
+    value:
     // TODO: This is a duplicate of the componentDidUpdate above which can lead to bugs.
     // It was discovered during the ESLint upgrade. This should be fixed ASAP.
     // eslint-disable-next-line no-dupe-class-members
-    value: function componentDidUpdate() {
+    function componentDidUpdate() {
       if (this.props.uploadStatus === FILE_UPLOAD_SUCCESS && this.props.modalOpen) {
         this.cancelAction();
       }
@@ -116,9 +132,9 @@ export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateCompo
   }, {
     key: "setRef",
     value: function setRef(refName) {
-      var _this2 = this;
+      var _this3 = this;
       return function (node) {
-        _this2[refName] = node;
+        _this3[refName] = node;
       };
     }
   }, {
@@ -141,9 +157,9 @@ export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateCompo
   }, {
     key: "disableContinueButton",
     value: function disableContinueButton() {
-      var _this$props2 = this.props,
-        uploadStatus = _this$props2.uploadStatus,
-        files = _this$props2.files;
+      var _this$props = this.props,
+        uploadStatus = _this$props.uploadStatus,
+        files = _this$props.files;
       return uploadStatus === FILE_UPLOAD_IMPORTING || files.size === 0;
     }
   }, {
@@ -275,7 +291,7 @@ export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateCompo
   }, {
     key: "renderContent",
     value: function renderContent() {
-      var _this3 = this;
+      var _this4 = this;
       if (typeof this.props.acceptFileType === 'string') {
         return this.renderImportContent(this.props.acceptFileType);
       }
@@ -289,9 +305,9 @@ export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateCompo
         return jsx(Tabs.Panel, {
           key: title,
           renderTitle: title,
-          disabled: _this3.props.files.size > 0 && index !== selectedIndex,
+          disabled: _this4.props.files.size > 0 && index !== selectedIndex,
           isSelected: selectedIndex === index
-        }, _this3.renderImportContent(fileType));
+        }, _this4.renderImportContent(fileType));
       }));
     }
   }, {
@@ -316,9 +332,7 @@ export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateCompo
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.continueButton()));
     }
   }]);
-  ImportModal.displayName = "ImportModal";
-  return ImportModal;
-}(Component), _ImportModal.displayName = 'ImportModal', _ImportModal.componentId = "Quizzes".concat(_ImportModal.displayName), _ImportModal.propTypes = {
+}(Component), _defineProperty(_ImportModal, "displayName", 'ImportModal'), _defineProperty(_ImportModal, "componentId", "Quizzes".concat(_ImportModal.displayName)), _defineProperty(_ImportModal, "propTypes", {
   acceptFileType: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
     fileType: PropTypes.string,
     title: PropTypes.string
@@ -354,9 +368,9 @@ export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateCompo
   uploadStatus: PropTypes.oneOf([FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR]).isRequired,
   // passed in by connect,
   styles: PropTypes.object
-}, _ImportModal.defaultProps = {
+}), _defineProperty(_ImportModal, "defaultProps", {
   closeOverride: null,
   disableConfirm: false,
   onClose: function onClose() {}
-}, _ImportModal)) || _class);
+}), _ImportModal)) || _class);
 export default ImportModal;

package/es/common/components/LearnosityCalculator/index.js

@@ -1,33 +1,48 @@
-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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { appendFeature, destroyFeature, toggleFeature } from "../../../taking/learnosity/index.js";
+import { appendFeature, destroyFeature, toggleFeature } from '../../../taking/learnosity';
 export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
-  _inherits(LearnosityCalculator, _Component);
-  var _super = _createSuper(LearnosityCalculator);
   function LearnosityCalculator() {
-    var _this;
+    var _this2;
     _classCallCheck(this, LearnosityCalculator);
     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.state = {
+    _this2 = _callSuper(this, LearnosityCalculator, [].concat(args));
+    _defineProperty(_this2, "state", {
       learnosityCalculatorReady: false,
-      featureId: _this.props.featureId || "calc_".concat(new Date().getTime())
-    };
-    _this.handleClick = function () {
-      _this.toggle();
-      _this.props.setActiveCalculatorId(_this.state.featureId);
-    };
-    return _this;
+      featureId: _this2.props.featureId || "calc_".concat(new Date().getTime())
+    });
+    _defineProperty(_this2, "handleClick", function () {
+      _this2.toggle();
+      _this2.props.setActiveCalculatorId(_this2.state.featureId);
+    });
+    return _this2;
   }
-  _createClass(LearnosityCalculator, [{
+  _inherits(LearnosityCalculator, _Component);
+  return _createClass(LearnosityCalculator, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.calculatorType !== 'none') {
@@ -55,36 +70,34 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
     value: function () {
       var _initializeLearnosity = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (this.props.quizSessionId) {
-                  _context.next = 2;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 2:
-                _context.next = 4;
-                return this.props.appendFeature(this.props.quizSessionId, {
-                  type: 'calculator',
-                  mode: this.props.calculatorType,
-                  feature_id: this.state.featureId
-                });
-              case 4:
-                if (!(this.props.calculatorType === 'none')) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                this.setState({
-                  learnosityCalculatorReady: true
-                });
-                this.props.setCalculatorEnabled(true);
-              case 8:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.props.quizSessionId) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              _context.next = 4;
+              return this.props.appendFeature(this.props.quizSessionId, {
+                type: 'calculator',
+                mode: this.props.calculatorType,
+                feature_id: this.state.featureId
+              });
+            case 4:
+              if (!(this.props.calculatorType === 'none')) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return");
+            case 6:
+              this.setState({
+                learnosityCalculatorReady: true
+              });
+              this.props.setCalculatorEnabled(true);
+            case 8:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
@@ -125,10 +138,8 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
       return this.renderCalculator();
     }
   }]);
-  LearnosityCalculator.displayName = "LearnosityCalculator";
-  return LearnosityCalculator;
 }(Component);
-LearnosityCalculator.propTypes = {
+_defineProperty(LearnosityCalculator, "propTypes", {
   activeCalculatorId: PropTypes.string,
   appendFeature: PropTypes.func.isRequired,
   calculatorType: PropTypes.oneOf(['none', 'basic', 'scientific']),
@@ -140,8 +151,8 @@ LearnosityCalculator.propTypes = {
   toggleFeature: PropTypes.func.isRequired,
   iceTopNavBarEnabled: PropTypes.bool,
   setCalculatorEnabled: PropTypes.func
-};
-LearnosityCalculator.defaultProps = {
+});
+_defineProperty(LearnosityCalculator, "defaultProps", {
   activeCalculatorId: null,
   appendFeature: appendFeature,
   calculatorType: 'none',
@@ -152,5 +163,5 @@ LearnosityCalculator.defaultProps = {
   toggleFeature: toggleFeature,
   iceTopNavBarEnabled: false,
   setCalculatorEnabled: function setCalculatorEnabled() {}
-};
+});
 export default LearnosityCalculator;

package/es/common/components/MaskedTextInput/MaskedTextInput.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MaskedTextInput } from "./index.js";
+import { MaskedTextInput } from './index';
 var props = {
   renderLabel: 'Example of a masked text input',
   checkboxLabel: 'Select to show the current value',

package/es/common/components/MaskedTextInput/index.js

@@ -1,8 +1,25 @@
-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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
@@ -24,13 +41,12 @@ var maskedTextInputPropTypes = {
   onMaskedChange: PropTypes.func
 };
 export var MaskedTextInput = /*#__PURE__*/function (_Component) {
-  _inherits(MaskedTextInput, _Component);
-  var _super = _createSuper(MaskedTextInput);
   function MaskedTextInput() {
     _classCallCheck(this, MaskedTextInput);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MaskedTextInput, arguments);
   }
-  _createClass(MaskedTextInput, [{
+  _inherits(MaskedTextInput, _Component);
+  return _createClass(MaskedTextInput, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -53,12 +69,10 @@ export var MaskedTextInput = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-  MaskedTextInput.displayName = "MaskedTextInput";
-  return MaskedTextInput;
 }(Component);
-MaskedTextInput.propTypes = _objectSpread(_objectSpread({}, maskedTextInputPropTypes), TextInput.propTypes);
-MaskedTextInput.defaultProps = _objectSpread(_objectSpread({}, TextInput.defaultProps), {}, {
+_defineProperty(MaskedTextInput, "propTypes", _objectSpread(_objectSpread({}, maskedTextInputPropTypes), TextInput.propTypes));
+_defineProperty(MaskedTextInput, "defaultProps", _objectSpread(_objectSpread({}, TextInput.defaultProps), {}, {
   masked: true,
   onMaskedChange: Function.prototype
-});
+}));
 export default MaskedTextInput;

package/es/common/components/Pin/index.js

@@ -1,3 +1,3 @@
-import { Pin as PinPresenter } from "./presenter.js";
+import { Pin as PinPresenter } from './presenter';
 export var Pin = PinPresenter;
 export default Pin;