@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

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

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _ImportModal;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -23,49 +21,37 @@ import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ImportFileSelector from "./ImportFileSelector/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   _inherits(ImportModal, _Component);
-
   var _super = _createSuper(ImportModal);
-
   function ImportModal() {
     var _this;
-
     _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 = {
       selectedTabIndex: 0
     };
-
     _this.componentDidUpdate = function (prevProps, prevState) {
       if (!_this.props.modalOpen) {
         return;
       }
-
       var _this$props = _this.props,
-          disableConfirm = _this$props.disableConfirm,
-          uploadStatus = _this$props.uploadStatus;
+        disableConfirm = _this$props.disableConfirm,
+        uploadStatus = _this$props.uploadStatus;
       var isUploadSuccess = uploadStatus === FILE_UPLOAD_SUCCESS && uploadStatus !== prevProps.uploadStatus;
-
       if (disableConfirm && isUploadSuccess) {
         _this.continueAction();
       }
-
       if (uploadStatus !== prevProps.uploadStatus) {
         _this.alertScreenreader();
       }
     };
-
     _this.cancelAction = function () {
       _this.props.clearFiles();
-
       _this.props.clearAltText();
-
       if (_this.props.closeOverride) {
         // this timeout is needed because if this modal closes first,
         // then the ItemFeedbackModal will also close in the same click
@@ -73,71 +59,51 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
         setTimeout(_this.props.closeOverride);
       } else {
         _this.props.closeModal();
-      } // Wait for the modal to close before setting the status to prevent flashing
+      }
+      // 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);
       }, 300);
     };
-
     _this.errorAction = function () {
       return _this.props.setUploadStatus(FILE_UPLOAD_ERROR);
     };
-
     _this.continueAction = function () {
       var uploadStatus = _this.props.uploadStatus;
-
       switch (uploadStatus) {
         case FILE_UPLOAD_SUCCESS:
         case FILE_UPLOAD_FAILURE:
           _this.cancelAction();
-
           break;
-
         case FILE_UPLOAD_ERROR:
           _this.props.clearFiles();
-
           _this.props.clearAltText();
-
           _this.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();
-
           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) {
       var index = _ref.index;
-
       _this.setState({
         selectedTabIndex: index
       });
     };
-
     return _this;
   }
-
   _createClass(ImportModal, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
@@ -149,7 +115,6 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "setRef",
     value: function setRef(refName) {
       var _this2 = this;
-
       return function (node) {
         _this2[refName] = node;
       };
@@ -175,25 +140,21 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "disableContinueButton",
     value: function disableContinueButton() {
       var _this$props2 = this.props,
-          uploadStatus = _this$props2.uploadStatus,
-          files = _this$props2.files;
+        uploadStatus = _this$props2.uploadStatus,
+        files = _this$props2.files;
       return uploadStatus === FILE_UPLOAD_IMPORTING || files.size === 0;
     }
   }, {
     key: "continueButtonMessage",
     value: function continueButtonMessage() {
       var uploadStatus = this.props.uploadStatus;
-
       switch (uploadStatus) {
         case FILE_UPLOAD_FAILURE:
           return t('Okay');
-
         case FILE_UPLOAD_SUCCESS:
           return t('Done');
-
         case FILE_UPLOAD_ERROR:
           return t('Start Over');
-
         default:
           return t('Import');
       }
@@ -289,7 +250,6 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "alertScreenreader",
     value: function alertScreenreader() {
       var msg = this.uploadStatusMessage();
-
       if (msg) {
         this.props.screenreaderNotification(msg);
       }
@@ -300,16 +260,12 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
       switch (this.props.uploadStatus) {
         case FILE_UPLOAD_FAILURE:
           return this.renderFailureContent();
-
         case FILE_UPLOAD_SUCCESS:
           return this.renderSuccessContent();
-
         case FILE_UPLOAD_ERROR:
           return this.renderErroredContent();
-
         case FILE_UPLOAD_IMPORTING:
           return this.renderImportingContent();
-
         default:
           return this.renderSelectingContent(fileType);
       }
@@ -318,18 +274,16 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
     key: "renderContent",
     value: function renderContent() {
       var _this3 = this;
-
       if (typeof this.props.acceptFileType === 'string') {
         return this.renderImportContent(this.props.acceptFileType);
       }
-
       var selectedIndex = this.state.selectedTabIndex;
       return jsx(Tabs, {
         onRequestTabChange: this.handleTabChange,
         variant: "secondary"
       }, this.props.acceptFileType.map(function (_ref2, index) {
         var fileType = _ref2.fileType,
-            title = _ref2.title;
+          title = _ref2.title;
         return jsx(Tabs.Panel, {
           key: title,
           renderTitle: title,
@@ -360,10 +314,9 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
       })), jsx(ModalBody, null, this.renderContent()), jsx(ModalFooter, null, this.cancelButton(), this.continueButton()));
     }
   }]);
-
   ImportModal.displayName = "ImportModal";
   return ImportModal;
-}(Component), _class2.propTypes = {
+}(Component), _ImportModal.propTypes = {
   acceptFileType: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
     fileType: PropTypes.string,
     title: PropTypes.string
@@ -399,9 +352,9 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
   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
-}, _class2.defaultProps = {
+}, _ImportModal.defaultProps = {
   closeOverride: null,
   disableConfirm: false,
   onClose: function onClose() {}
-}, _temp)) || _class);
+}, _ImportModal)) || _class);
 export default ImportModal;

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

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

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

@@ -4,5 +4,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     altTextMargin: spacing.large
   };
 };
-
 export default generateComponentTheme;

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

@@ -9,33 +9,24 @@ import PropTypes from 'prop-types';
 import { appendFeature, destroyFeature, toggleFeature } from "../../../taking/learnosity/index.js";
 export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
   _inherits(LearnosityCalculator, _Component);
-
   var _super = _createSuper(LearnosityCalculator);
-
   function LearnosityCalculator() {
     var _this;
-
     _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 = {
       learnosityCalculatorReady: false,
       featureId: _this.props.featureId || "calc_".concat(new Date().getTime())
     };
-
     _this.handleClick = function () {
       _this.toggle();
-
       _this.props.setActiveCalculatorId(_this.state.featureId);
     };
-
     return _this;
   }
-
   _createClass(LearnosityCalculator, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -62,7 +53,7 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
   }, {
     key: "initializeLearnosity",
     value: function () {
-      var _initializeLearnosity = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _initializeLearnosity = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -71,9 +62,7 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
                   _context.next = 2;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 2:
                 _context.next = 4;
                 return this.props.appendFeature(this.props.quizSessionId, {
@@ -81,21 +70,17 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
                   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();
@@ -103,11 +88,9 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
           }
         }, _callee, this);
       }));
-
       function initializeLearnosity() {
         return _initializeLearnosity.apply(this, arguments);
       }
-
       return initializeLearnosity;
     }()
   }, {
@@ -140,11 +123,9 @@ export var LearnosityCalculator = /*#__PURE__*/function (_Component) {
       if (!this.props.quizSessionId || this.props.calculatorType === 'none') {
         return null;
       }
-
       return this.renderCalculator();
     }
   }]);
-
   LearnosityCalculator.displayName = "LearnosityCalculator";
   return LearnosityCalculator;
 }(Component);

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

@@ -9,29 +9,20 @@ import { IconPinLine, IconPinSolid } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var Pin = /*#__PURE__*/function (_Component) {
   _inherits(Pin, _Component);
-
   var _super = _createSuper(Pin);
-
   function Pin() {
     var _this;
-
     _classCallCheck(this, Pin);
-
     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.handleClick = function (e) {
       e.stopPropagation();
-
       _this.props.pinSessionItem();
     };
-
     return _this;
   }
-
   _createClass(Pin, [{
     key: "render",
     value: function render() {
@@ -51,7 +42,6 @@ export var Pin = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   Pin.displayName = "Pin";
   return Pin;
 }(Component);

package/es/common/components/PreviewFrame/examples.config.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
 var _ref = /*#__PURE__*/React.createElement("p", null, " This is a child element ");
-
 export default {
   renderProps: function renderProps(props) {
     return {

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

@@ -9,22 +9,16 @@ import { Heading } from '@instructure/ui-heading';
 import { IconEyeSolid } from '@instructure/ui-icons';
 import { Button } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
-
 var _ref = /*#__PURE__*/React.createElement(IconEyeSolid, {
   variant: "icon-inverse"
 });
-
 export var PreviewFrame = /*#__PURE__*/function (_Component) {
   _inherits(PreviewFrame, _Component);
-
   var _super = _createSuper(PreviewFrame);
-
   function PreviewFrame() {
     _classCallCheck(this, PreviewFrame);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(PreviewFrame, [{
     key: "render",
     value: function render() {
@@ -38,7 +32,6 @@ export var PreviewFrame = /*#__PURE__*/function (_Component) {
       }, t('Exit Preview'))));
     }
   }]);
-
   PreviewFrame.displayName = "PreviewFrame";
   return PreviewFrame;
 }(Component);

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

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _PrintFontSizeModal;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,42 +15,42 @@ import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { Checkbox } from '@instructure/ui-checkbox';
-export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
   _inherits(PrintFontSizeModal, _Component);
-
   var _super = _createSuper(PrintFontSizeModal);
-
   function PrintFontSizeModal() {
     var _this;
-
     _classCallCheck(this, PrintFontSizeModal);
-
     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 = {
       selectedFontSize: null,
       rememberTextSizeSetting: false
     };
-
+    // =============
+    //   HELPERS
+    // =============
+    // =============
+    //   HANDLERS
+    // =============
     _this.handleSubmit = function () {
       _this.props.onSubmit(_this.state.selectedFontSize, _this.state.rememberTextSizeSetting);
     };
-
     _this.handleFontSizeChange = function (_, fontSize) {
       _this.setState({
         selectedFontSize: fontSize
       });
     };
-
     _this.handleRememberFontSize = function (e) {
       _this.setState({
         rememberTextSizeSetting: e.target.checked
       });
     };
-
+    // =============
+    //   RENDERING
+    // =============
     _this.text = {
       printQuiz: t('Print Quiz'),
       close: t('Close'),
@@ -75,7 +73,6 @@ export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateCompone
     }];
     return _this;
   }
-
   _createClass(PrintFontSizeModal, [{
     key: "componentDidMount",
     // =============
@@ -94,13 +91,7 @@ export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateCompone
         selectedFontSize: nextProps.persistedPrintFontSize || this.state.selectedFontSize,
         rememberTextSizeSetting: !!this.props.persistedPrintFontSize || this.state.rememberTextSizeSetting
       });
-    } // =============
-    //   HELPERS
-    // =============
-    // =============
-    //   HANDLERS
-    // =============
-
+    }
   }, {
     key: "render",
     value: function render() {
@@ -159,10 +150,9 @@ export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateCompone
       }, this.text.printPreview)));
     }
   }]);
-
   PrintFontSizeModal.displayName = "PrintFontSizeModal";
   return PrintFontSizeModal;
-}(Component), _class2.propTypes = {
+}(Component), _PrintFontSizeModal.propTypes = {
   isOpen: PropTypes.bool,
   persistedPrintFontSize: PropTypes.string,
   onSubmit: PropTypes.func.isRequired,
@@ -170,8 +160,8 @@ export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateCompone
   onExited: PropTypes.func.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _PrintFontSizeModal.defaultProps = {
   isOpen: false,
   persistedPrintFontSize: 'medium'
-}, _temp)) || _class);
+}, _PrintFontSizeModal)) || _class);
 export default PrintFontSizeModal;

package/es/common/components/PrintFontSizeModal/styles.js

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

package/es/common/components/PrintFontSizeModal/theme.js

@@ -1,12 +1,11 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
+    borders = _ref.borders,
+    spacing = _ref.spacing;
   return {
     separatorColor: colors.tiara,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };
 };
-
 export default generateComponentTheme;

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

@@ -3,14 +3,12 @@ import RceConfigProviderComponent from "./presenter.js";
 import { getRCEConfig } from "../../selectors/rce.js";
 import { setStoredRCEConfig } from "../../actions/rce.js";
 import { featureOn } from "../../util/featureCheck.js";
-
 var mapStateToProps = function mapStateToProps(state, ownProps) {
   return {
     storedRCEConfig: getRCEConfig(state),
     displayOldLinks: featureOn('instfs_display_old_links_rollback')
   };
 };
-
 var mapDispatchToProps = {
   setStoredRCEConfig: setStoredRCEConfig
 };