@instructure/quiz-core 20.17.2-rc.1 → 20.17.2-rc.11

package/es/common/components/shared/InteractionTypes/presenter.js

@@ -1,10 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _InteractionTypes;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -17,29 +15,20 @@ import { Text } from '@instructure/ui-text';
 import { IconPlusLine } from '@instructure/ui-icons';
 import { Grid } from '@instructure/ui-grid';
 import { PresentationContent } from '@instructure/ui-a11y-content';
-import { interactionTypeMetadata } from "../../../util/interactionTypeMetadata.js";
+import { interactionTypeMetadata } from '../../../util/interactionTypeMetadata';
 import t from '@instructure/quiz-i18n/es/format-message';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var InteractionTypes = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(InteractionTypes, _Component);
-
-  var _super = _createSuper(InteractionTypes);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var InteractionTypes = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_InteractionTypes = /*#__PURE__*/function (_Component) {
   function InteractionTypes() {
     var _this;
-
     _classCallCheck(this, InteractionTypes);
-
     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, InteractionTypes, [].concat(args));
     _this.renderInteractionTypeButton = function (intType, i) {
       var onClick, Icon, name, title, automation;
-
       if (intType.name === 'Stimulus') {
         onClick = _this.props.addStimulus;
         Icon = IconPlusLine;
@@ -56,7 +45,6 @@ export var InteractionTypes = (_dec = withStyle(generateStyle, generateComponent
         });
         automation = "sdk-interaction-button-".concat(intType.slug);
       }
-
       return jsx(Button, {
         key: intType.slug,
         margin: "0 0 xx-small",
@@ -82,20 +70,18 @@ export var InteractionTypes = (_dec = withStyle(generateStyle, generateComponent
         color: "primary"
       }, name)))))));
     };
-
     _this.renderInteractionTypeRows = function () {
       var buttons = [];
-      var types = _this.props.types; // The interaction types are in alphabetical order
+      var types = _this.props.types;
 
+      // The interaction types are in alphabetical order
       types.sortBy(function (intType) {
         return interactionTypeMetadata(intType).name;
       }).forEach(function (intType, i) {
         var button = _this.renderInteractionTypeButton(intType, i);
-
         if (i % _this.props.columns === 0) {
           buttons[Math.floor(i / _this.props.columns)] = [];
         }
-
         buttons[Math.floor(i / _this.props.columns)].push(jsx(Grid.Col, {
           width: 12 / _this.props.columns,
           key: intType.slug
@@ -110,7 +96,6 @@ export var InteractionTypes = (_dec = withStyle(generateStyle, generateComponent
         }, gridCols);
       });
     };
-
     _this.renderStimulusTypeButton = function () {
       if (_this.props.allowStimulusCreation) {
         var dividerRow = jsx(Grid.Row, {
@@ -132,11 +117,10 @@ export var InteractionTypes = (_dec = withStyle(generateStyle, generateComponent
         return [dividerRow, stimulusRow];
       }
     };
-
     return _this;
   }
-
-  _createClass(InteractionTypes, [{
+  _inherits(InteractionTypes, _Component);
+  return _createClass(InteractionTypes, [{
     key: "render",
     value: function render() {
       return jsx(Grid, {
@@ -146,18 +130,15 @@ export var InteractionTypes = (_dec = withStyle(generateStyle, generateComponent
       }, this.renderInteractionTypeRows(), this.renderStimulusTypeButton());
     }
   }]);
-
-  InteractionTypes.displayName = "InteractionTypes";
-  return InteractionTypes;
-}(Component), _class2.propTypes = {
+}(Component), _InteractionTypes.propTypes = {
   columns: PropTypes.number.isRequired,
   addItem: PropTypes.func.isRequired,
   addStimulus: PropTypes.func.isRequired,
   allowStimulusCreation: PropTypes.bool,
   types: ImmutablePropTypes.list,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _InteractionTypes.defaultProps = {
   allowStimulusCreation: true,
   types: List()
-}, _temp)) || _class);
+}, _InteractionTypes)) || _class);
 export default InteractionTypes;

package/es/common/components/shared/InteractionTypes/styles.js

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

package/es/common/components/shared/InteractionTypes/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
+    borders = _ref.borders,
+    spacing = _ref.spacing;
   return {
     stimulusDividerBorderWidth: borders.widthSmall,
     stimulusDividerBorderColor: colors.ash,
@@ -9,5 +9,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     stimulusDividerMarginBottom: spacing.small
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/shared/PaginatedCollection/index.js

@@ -1,7 +1,7 @@
 import { Map } from 'immutable';
-import { connect } from "../../../react-redux.js";
-import PaginatedCollection from "./presenter.js";
-import { merge, set } from "../../../actions/ui.js";
+import { connect } from '../../../react-redux';
+import PaginatedCollection from './presenter';
+import { merge, set } from '../../../actions/ui';
 export function mapStateToProps(state, props) {
   var pageData = state.getIn(['ui', props.stateKey], Map());
   var totalPages = pageData.get('total', 0);

package/es/common/components/shared/PaginatedCollection/presenter.js

@@ -1,21 +1,20 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _PaginatedCollection, _Spinner;
 /** @jsx jsx */
 import { Component } from 'react';
 import * as Immutable from 'immutable';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { withStyle, jsx } from '@instructure/emotion';
-import Paginator from "../Paginator/index.js";
-import Spinner from "../spinner/Spinner.js";
+import Paginator from '../Paginator';
+import Spinner from '../spinner/Spinner';
+
 /**
  * Renders pagination controls and manages state of page contents. `getPage`
  * will be called with the page number and any collection parameters, and should
@@ -30,37 +29,25 @@ import Spinner from "../spinner/Spinner.js";
  * `params` change.
  */
 
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-
-var _ref2 = jsx(Spinner, null);
-
-export var PaginatedCollection = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(PaginatedCollection, _Component);
-
-  var _super = _createSuper(PaginatedCollection);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var PaginatedCollection = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PaginatedCollection = /*#__PURE__*/function (_Component) {
   function PaginatedCollection() {
     var _this;
-
     _classCallCheck(this, PaginatedCollection);
-
     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, PaginatedCollection, [].concat(args));
     _this.onPageChange = function (nextPage) {
       _this.props.merge(_this.props.stateKey, {
         current: nextPage
       });
     };
-
     return _this;
   }
-
-  _createClass(PaginatedCollection, [{
+  _inherits(PaginatedCollection, _Component);
+  return _createClass(PaginatedCollection, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
@@ -69,10 +56,9 @@ export var PaginatedCollection = (_dec = withStyle(generateStyle, generateCompon
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(_ref) {
       var merge = _ref.merge,
-          params = _ref.params,
-          set = _ref.set,
-          stateKey = _ref.stateKey;
-
+        params = _ref.params,
+        set = _ref.set,
+        stateKey = _ref.stateKey;
       if (!params.equals(this.props.params)) {
         set(stateKey, Immutable.fromJS({
           current: 1
@@ -91,48 +77,38 @@ export var PaginatedCollection = (_dec = withStyle(generateStyle, generateCompon
   }, {
     key: "getPage",
     value: function () {
-      var _getPage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(stateKey, page, params) {
+      var _getPage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(stateKey, page, params) {
         var _yield$this$props$get, records, totalPages;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!this.recordsLoaded(page)) {
-                  _context.next = 2;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 2:
-                _context.next = 4;
-                return this.props.getPage(page, params);
-
-              case 4:
-                _yield$this$props$get = _context.sent;
-                records = _yield$this$props$get.records;
-                totalPages = _yield$this$props$get.totalPages;
-
-                if (params.equals(this.props.params)) {
-                  this.props.merge(stateKey, {
-                    contents: _defineProperty({}, page, records),
-                    total: totalPages
-                  });
-                }
-
-              case 8:
-              case "end":
-                return _context.stop();
-            }
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!this.recordsLoaded(page)) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              _context.next = 4;
+              return this.props.getPage(page, params);
+            case 4:
+              _yield$this$props$get = _context.sent;
+              records = _yield$this$props$get.records;
+              totalPages = _yield$this$props$get.totalPages;
+              if (params.equals(this.props.params)) {
+                this.props.merge(stateKey, {
+                  contents: _defineProperty({}, page, records),
+                  total: totalPages
+                });
+              }
+            case 8:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
-
       function getPage(_x, _x2, _x3) {
         return _getPage.apply(this, arguments);
       }
-
       return getPage;
     }()
   }, {
@@ -145,11 +121,9 @@ export var PaginatedCollection = (_dec = withStyle(generateStyle, generateCompon
     key: "renderRecords",
     value: function renderRecords() {
       var records = this.props.contents.get(this.props.currentPage.toString());
-
       if (records.size === 0 && this.props.empty) {
         return this.renderEmpty();
       }
-
       return this.props.renderRecords(records.toJS());
     }
   }, {
@@ -162,14 +136,14 @@ export var PaginatedCollection = (_dec = withStyle(generateStyle, generateCompon
   }, {
     key: "renderLoading",
     value: function renderLoading() {
-      return _ref2;
+      return _Spinner || (_Spinner = jsx(Spinner, null));
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          currentPage = _this$props.currentPage,
-          totalPages = _this$props.totalPages;
+        currentPage = _this$props.currentPage,
+        totalPages = _this$props.totalPages;
       return jsx(Paginator, {
         currentPage: currentPage,
         onPageChange: this.onPageChange,
@@ -177,10 +151,7 @@ export var PaginatedCollection = (_dec = withStyle(generateStyle, generateCompon
       }, this.recordsLoaded() ? this.renderRecords() : this.renderLoading());
     }
   }]);
-
-  PaginatedCollection.displayName = "PaginatedCollection";
-  return PaginatedCollection;
-}(Component), _class2.propTypes = {
+}(Component), _PaginatedCollection.propTypes = {
   currentPage: PropTypes.number.isRequired,
   contents: ImmutablePropTypes.map.isRequired,
   empty: PropTypes.node,
@@ -192,8 +163,8 @@ export var PaginatedCollection = (_dec = withStyle(generateStyle, generateCompon
   stateKey: PropTypes.string.isRequired,
   totalPages: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _PaginatedCollection.defaultProps = {
   empty: null,
   params: Immutable.Map()
-}, _temp)) || _class);
+}, _PaginatedCollection)) || _class);
 export default PaginatedCollection;

package/es/common/components/shared/PaginatedCollection/styles.js

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

package/es/common/components/shared/PaginatedCollection/theme.js

@@ -1,12 +1,11 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      typography = _ref.typography,
-      spacing = _ref.spacing;
+    typography = _ref.typography,
+    spacing = _ref.spacing;
   return {
     emptyPadding: spacing.small,
     emptyFontSize: typography.fontSizeLarge,
     emptyColor: colors.ash
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/shared/Paginator/index.js

@@ -1,42 +1,32 @@
 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, _Paginator;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Pagination } from '@instructure/ui-pagination';
 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 Paginator = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(Paginator, _Component);
-
-  var _super = _createSuper(Paginator);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var Paginator = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Paginator = /*#__PURE__*/function (_Component) {
   function Paginator() {
     _classCallCheck(this, Paginator);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, Paginator, arguments);
   }
-
-  _createClass(Paginator, [{
+  _inherits(Paginator, _Component);
+  return _createClass(Paginator, [{
     key: "renderPagination",
     value: function renderPagination() {
       var _this = this;
-
       var paginationButtons = Array.from(Array(this.props.totalPages)).map(function (v, i) {
         var page = i + 1;
         return jsx(Pagination.Page, {
           key: page,
           current: page === _this.props.currentPage,
-          onClick: _this.props.onPageChange.bind(null, page)
-          /* eslint-disable-line react/jsx-no-bind */
-
+          onClick: _this.props.onPageChange.bind(null, page) /* eslint-disable-line react/jsx-no-bind */
         }, page);
       });
       return jsx("div", {
@@ -53,14 +43,11 @@ export var Paginator = (_dec = withStyle(generateStyle, generateComponentTheme),
       return jsx("div", null, this.props.children, this.renderPagination());
     }
   }]);
-
-  Paginator.displayName = "Paginator";
-  return Paginator;
-}(Component), _class2.propTypes = {
+}(Component), _Paginator.propTypes = {
   children: PropTypes.node.isRequired,
   currentPage: PropTypes.number.isRequired,
   onPageChange: PropTypes.func.isRequired,
   totalPages: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _Paginator)) || _class);
 export default Paginator;

package/es/common/components/shared/Paginator/styles.js

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

package/es/common/components/shared/Paginator/theme.js

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

package/es/common/components/shared/PrintTrigger/index.js

@@ -1,13 +1,13 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../react-redux.js";
-import { PrintTrigger as PrintTriggerPresenter } from "./presenter.js";
+import { connect } from '../../../react-redux';
+import { PrintTrigger as PrintTriggerPresenter } from './presenter';
 import { PRINT_FONT_SIZE_MODAL, QUIZ_SESSION_GRADE_SCOPE } from '@instructure/quiz-common';
-import * as printingActions from "../../../actions/printing.js";
-import * as modalActions from "../../../actions/modal.js";
-import * as quizEntriesApiActions from "../../../../building/api/quizEntries.js";
-import { featureOn } from "../../../util/featureCheck.js";
-import { getConfigTokenScope } from "../../../selectors/config.js";
+import * as printingActions from '../../../actions/printing';
+import * as modalActions from '../../../actions/modal';
+import * as quizEntriesApiActions from '../../../../building/api/quizEntries';
+import { featureOn } from '../../../util/featureCheck';
+import { getConfigTokenScope } from '../../../selectors/config';
 export function mapStateToProps(state) {
   return {
     activeQuizId: state.getIn(['quizzes', 'activeQuizId']),
@@ -21,7 +21,6 @@ export function mapStateToProps(state) {
     persistedPrintFontSize: state.getIn(['printing', 'fontSizePreference'])
   };
 }
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     openPrintFontSizeModal: bindActionCreators(modalActions.openModal.bind(modalActions, PRINT_FONT_SIZE_MODAL), dispatch),
@@ -31,6 +30,5 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     getSampleItemsForQuizEntry: bindActionCreators(quizEntriesApiActions.getSampleItemsForQuizEntry.bind(quizEntriesApiActions), dispatch)
   };
 };
-
 export var PrintTrigger = connect(mapStateToProps, mapDispatchToProps)(PrintTriggerPresenter);
 export default PrintTrigger;

package/es/common/components/shared/PrintTrigger/presenter.js

@@ -1,108 +1,86 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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 { Overlay, Mask } from '@instructure/ui-overlays';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { QuizzesSpinner as Spinner } from "../spinner/Spinner.js";
-import elementsForSelectors from "../../../util/ElementsForSelectors.js";
-import CustomPropTypes from "../../../util/CustomPropTypes.js";
-import { printWithCss, ensureImagesLoaded } from "../../../util/printUtils.js";
-import PrintFontSizeModal from "../../PrintFontSizeModal/index.js";
+import { QuizzesSpinner as Spinner } from '../spinner/Spinner';
+import elementsForSelectors from '../../../util/ElementsForSelectors';
+import CustomPropTypes from '../../../util/CustomPropTypes';
+import { printWithCss, ensureImagesLoaded } from '../../../util/printUtils';
+import PrintFontSizeModal from '../../PrintFontSizeModal';
 import { PRINT_CURRENT_PAGE, PRINT_BLANK } from '@instructure/quiz-common';
 export var PrintTrigger = /*#__PURE__*/function (_Component) {
-  _inherits(PrintTrigger, _Component);
-
-  var _super = _createSuper(PrintTrigger);
-
   function PrintTrigger(props) {
     var _this;
-
     _classCallCheck(this, PrintTrigger);
-
-    _this = _super.call(this, props);
+    _this = _callSuper(this, PrintTrigger, [props]);
     _this.state = {
       waitingForPrintingToBeReady: false,
       printType: PRINT_CURRENT_PAGE,
       // quiz key or blank quiz
       shouldPrint: false
     };
-
     _this.print = function () {
       printWithCss(_this.fontSize, 100);
     };
-
     _this.ensurePrintingIsReady = function (printFontSizeModalClose) {
       _this.setState({
         waitingForPrintingToBeReady: true
       });
-
       var sampleItemFetchPromises = [];
-
       if (_this.props.asyncSampleItemsEnabled && !_this.props.isGrading) {
         var _this$props = _this.props,
-            activeQuizId = _this$props.activeQuizId,
-            bankQuizEntryIds = _this$props.bankQuizEntryIds,
-            getSampleItemsForQuizEntry = _this$props.getSampleItemsForQuizEntry;
+          activeQuizId = _this$props.activeQuizId,
+          bankQuizEntryIds = _this$props.bankQuizEntryIds,
+          getSampleItemsForQuizEntry = _this$props.getSampleItemsForQuizEntry;
         sampleItemFetchPromises = bankQuizEntryIds.map(function (bankQuizEntryId) {
           return getSampleItemsForQuizEntry(activeQuizId, bankQuizEntryId);
         });
       }
-
       var allPromises = [].concat(_toConsumableArray(sampleItemFetchPromises), [ensureImagesLoaded(), printFontSizeModalClose]);
       Promise.all(allPromises).then(function () {
         _this.setState({
           waitingForPrintingToBeReady: false
         });
-
         _this.onExited = function () {};
       });
     };
-
     _this.handlePrintModalSubmit = function (fontSize, shouldPersist) {
       var printFontSizeModalClose = new Promise(function (resolve) {
         _this.onExited = resolve;
       });
-
       _this.props.closePrintFontSizeModal();
-
       if (shouldPersist) {
         _this.props.persistPrintFontSize(fontSize);
       } else {
         _this.props.setPrintFontSize(fontSize);
       }
-
       if (_this.state.printType === PRINT_BLANK) {
         _this.props.navigateToPreviewPrint();
       } else {
         _this.fontSize = fontSize;
-
         _this.ensurePrintingIsReady(printFontSizeModalClose);
       }
     };
-
     _this.handlePrint = function (printType) {
       _this.setState({
         printType: printType
       });
-
       _this.props.openPrintFontSizeModal();
     };
-
     _this.applicationElement = function () {
       return elementsForSelectors(_this.props.appContainer);
     };
-
     _this.onExited = function () {};
-
     _this.fontSize = '';
     return _this;
   }
-
-  _createClass(PrintTrigger, [{
+  _inherits(PrintTrigger, _Component);
+  return _createClass(PrintTrigger, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Overlay, {
@@ -123,9 +101,6 @@ export var PrintTrigger = /*#__PURE__*/function (_Component) {
       }), this.props.render(this.handlePrint));
     }
   }]);
-
-  PrintTrigger.displayName = "PrintTrigger";
-  return PrintTrigger;
 }(Component);
 PrintTrigger.propTypes = {
   activeQuizId: PropTypes.string,