@instructure/quiz-core 22.8.0 → 22.9.0

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -6,8 +6,20 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _dec, _class, _QuizEntryEditFooter;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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';
@@ -39,54 +51,54 @@ function countDecimals(normalizedPointsString) {
 }
 export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
   function QuizEntryEditFooter() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryEditFooter);
-    _this = _callSuper(this, QuizEntryEditFooter, arguments);
-    _defineProperty(_this, "addFeedbackButton", null);
-    _defineProperty(_this, "openFeedbackModal", function () {
-      var workingEntry = _this.props.workingEntry;
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
-      _this.props.openModal(ITEM_FEEDBACK_MODAL, {
-        modalTrigger: _this.addFeedbackButton
+    _this2 = _callSuper(this, QuizEntryEditFooter, arguments);
+    _defineProperty(_this2, "addFeedbackButton", null);
+    _defineProperty(_this2, "openFeedbackModal", function () {
+      var workingEntry = _this2.props.workingEntry;
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
+      _this2.props.openModal(ITEM_FEEDBACK_MODAL, {
+        modalTrigger: _this2.addFeedbackButton
       });
     });
-    _defineProperty(_this, "handlePointsBlur", function () {
-      if (!_this.state.normalizedPoints) {
-        _this.setState({
+    _defineProperty(_this2, "handlePointsBlur", function () {
+      if (!_this2.state.normalizedPoints) {
+        _this2.setState({
           points: '0'
         });
       }
     });
-    _defineProperty(_this, "handlePointsChange", function (event, points, normalizedPoints) {
+    _defineProperty(_this2, "handlePointsChange", function (event, points, normalizedPoints) {
       // do not allow more than 3 decimals
       if (countDecimals(normalizedPoints) <= 3) {
         var pointsFloat = pointsAsFloat(normalizedPoints);
-        if (pointsFloat !== _this.getPoints()) {
-          var _this$props = _this.props,
-            workingQuizEntry = _this$props.workingQuizEntry,
-            workingEntry = _this$props.workingEntry;
+        if (pointsFloat !== _this2.getPoints()) {
+          var _this2$props = _this2.props,
+            workingQuizEntry = _this2$props.workingQuizEntry,
+            workingEntry = _this2$props.workingEntry;
           var qerIndexToUpdate = workingQuizEntry.quizEntryRegrades.findIndex(function (qer) {
             return qer.get('itemId') == workingEntry.id;
           });
           var newQuizEntryRegrades = qerIndexToUpdate > -1 ? workingQuizEntry.quizEntryRegrades.setIn([qerIndexToUpdate, 'pointsPossible'], null) : workingQuizEntry.quizEntryRegrades;
-          _this.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
+          _this2.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
         }
-        _this.setState({
+        _this2.setState({
           points: points,
           normalizedPoints: normalizedPoints
         });
       }
     });
-    _defineProperty(_this, "handleButtonRef", function (node) {
-      _this.addFeedbackButton = node;
+    _defineProperty(_this2, "handleButtonRef", function (node) {
+      _this2.addFeedbackButton = node;
     });
-    var _points = _this.getPoints();
-    _this.state = {
+    var _points = _this2.getPoints();
+    _this2.state = {
       points: _points,
       normalizedPoints: _points
     };
-    return _this;
+    return _this2;
   }
   _inherits(QuizEntryEditFooter, _Component);
   return _createClass(QuizEntryEditFooter, [{
@@ -117,11 +129,11 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "renderFeedbackSection",
     value: function renderFeedbackSection() {
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        workingEntry = _this$props.workingEntry;
       var disabled = entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var icon, text;
       if (workingEntry.hasFeedback()) {

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/styles.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
 var generateStyle = function generateStyle(componentTheme) {
   var sectionStyle = {
     display: 'flex',

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -7,8 +7,20 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizEntryHeader;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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';
@@ -31,71 +43,71 @@ import generateComponentTheme from './theme';
 import { View } from '@instructure/ui-view';
 var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   function QuizEntryHeader() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryHeader);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntryHeader, [].concat(args));
-    _defineProperty(_this, "connectDragSource", function (dragHandle) {
-      if (_this.shouldDisableDragHandle()) {
+    _this2 = _callSuper(this, QuizEntryHeader, [].concat(args));
+    _defineProperty(_this2, "connectDragSource", function (dragHandle) {
+      if (_this2.shouldDisableDragHandle()) {
         return dragHandle;
       }
-      return _this.props.connectDragSource(dragHandle);
+      return _this2.props.connectDragSource(dragHandle);
     });
-    _defineProperty(_this, "clearModifications", function () {
-      _this.props.clearModifications('items', _this.props.entry.id);
+    _defineProperty(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('items', _this2.props.entry.id);
     });
-    _defineProperty(_this, "removeTemporaryItem", function () {
+    _defineProperty(_this2, "removeTemporaryItem", function () {
       var remove = function remove() {
-        _this.props.hideError(_this.props.guid);
-        _this.clearModifications();
-        _this.props.clearTemporaryItem(_this.props.quizId);
-        _this.props.setUi(DELETED_QUIZ_ENTRY, {
-          position: Math.ceil(_this.props.quizEntry.position),
-          inStimulus: _this.props.quizEntry.hasStimulus
+        _this2.props.hideError(_this2.props.guid);
+        _this2.clearModifications();
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
+        _this2.props.setUi(DELETED_QUIZ_ENTRY, {
+          position: Math.ceil(_this2.props.quizEntry.position),
+          inStimulus: _this2.props.quizEntry.hasStimulus
         });
       };
-      _this.props.withConfirm(remove, _this.removalDialogData());
+      _this2.props.withConfirm(remove, _this2.removalDialogData());
     });
-    _defineProperty(_this, "removeNormalItem", function () {
-      _this.props.withConfirm(partial(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
+    _defineProperty(_this2, "removeNormalItem", function () {
+      _this2.props.withConfirm(partial(_this2.props.removeQuizEntry, _this2.props.quizId, _this2.props.quizEntry), _this2.removalDialogData());
     });
-    _defineProperty(_this, "removeItem", function (e) {
-      if (_this.props.disabledForRegrade) {
+    _defineProperty(_this2, "removeItem", function (e) {
+      if (_this2.props.disabledForRegrade) {
         return null;
       }
-      _this.props.entry.isTemporary() ? _this.removeTemporaryItem() : _this.removeNormalItem();
+      _this2.props.entry.isTemporary() ? _this2.removeTemporaryItem() : _this2.removeNormalItem();
     });
-    _defineProperty(_this, "handleTitleChange", function (event) {
-      _this.props.changeItemTitle(_this.props.entry.id, event.target.value);
+    _defineProperty(_this2, "handleTitleChange", function (event) {
+      _this2.props.changeItemTitle(_this2.props.entry.id, event.target.value);
     });
-    _defineProperty(_this, "storeTitleRef", function (el) {
-      _this.titleRef = el;
+    _defineProperty(_this2, "storeTitleRef", function (el) {
+      _this2.titleRef = el;
     });
-    _defineProperty(_this, "copyItem", /*#__PURE__*/function () {
+    _defineProperty(_this2, "copyItem", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-        var _this$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
+        var _this2$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$props = _this.props, quizId = _this$props.quizId, workingQuizEntry = _this$props.workingQuizEntry, workingEntry = _this$props.workingEntry, richFITBEnabled = _this$props.richFITBEnabled, richFITBInteractionID = _this$props.richFITBInteractionID;
+              _this2$props = _this2.props, quizId = _this2$props.quizId, workingQuizEntry = _this2$props.workingQuizEntry, workingEntry = _this2$props.workingEntry, richFITBEnabled = _this2$props.richFITBEnabled, richFITBInteractionID = _this2$props.richFITBInteractionID;
               msg = t('Question {displayPosition} cannot be saved due to invalid input data.', {
-                displayPosition: _this.props.displayPosition
+                displayPosition: _this2.props.displayPosition
               });
-              if (!_this.props.isValid) {
+              if (!_this2.props.isValid) {
                 _context.next = 14;
                 break;
               }
               _context.next = 5;
-              return _this.props.successfulSubmit();
+              return _this2.props.successfulSubmit();
             case 5:
               validationResult = _context.sent;
               if (!(validationResult === API_INPUT_VALIDATION_ERROR)) {
                 _context.next = 9;
                 break;
               }
-              _this.props.screenreaderNotification(msg);
+              _this2.props.screenreaderNotification(msg);
               return _context.abrupt("return");
             case 9:
               interactionTypeData = {
@@ -114,12 +126,12 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
               if (richFITBEnabled && workingEntry.getInteractionType() instanceof FillBlankInteractionType) {
                 interactionTypeData = convertFITBtoRich(interactionTypeData, richFITBInteractionID);
               }
-              _this.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
+              _this2.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
               _context.next = 16;
               break;
             case 14:
-              _this.props.screenreaderNotification(msg);
-              _this.props.showError(_this.props.guid);
+              _this2.props.screenreaderNotification(msg);
+              _this2.props.showError(_this2.props.guid);
             case 16:
             case "end":
               return _context.stop();
@@ -130,23 +142,23 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         return _ref.apply(this, arguments);
       };
     }());
-    _defineProperty(_this, "handleBankClick", function () {
-      if (_this.props.newActiveBank) {
-        var bankId = _this.props.workingQuizEntry.getEntry().id;
-        _this.props.newActiveBank(bankId);
-        _this.props.setUi(BUILD_TRAY_OPEN, true);
+    _defineProperty(_this2, "handleBankClick", function () {
+      if (_this2.props.newActiveBank) {
+        var bankId = _this2.props.workingQuizEntry.getEntry().id;
+        _this2.props.newActiveBank(bankId);
+        _this2.props.setUi(BUILD_TRAY_OPEN, true);
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(QuizEntryHeader, _Component);
   return _createClass(QuizEntryHeader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       // timeout is to ensure the screenreader reads the title label when focused
       setTimeout(function () {
-        !_this2.props.initialFocusId && _this2.titleRef && _this2.titleRef.focus();
+        !_this3.props.initialFocusId && _this3.titleRef && _this3.titleRef.focus();
       }, 200); // without the 200, the black VO focus-box, and the actual focus
       // end up in different places after saving, and re-editing
     }
@@ -205,13 +217,13 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
     key: "renderTitleHolder",
     value: function renderTitleHolder() {
       if (!(this.props.entry instanceof Item)) return;
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        disabledForRegrade = _this$props2.disabledForRegrade,
-        displayPosition = _this$props2.displayPosition,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        disabledForRegrade = _this$props.disabledForRegrade,
+        displayPosition = _this$props.displayPosition,
+        workingEntry = _this$props.workingEntry;
       var disabled = disabledForRegrade || entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var titleLabelText = t('Question {questionNumber}, {interactionType}, Edit question title', {
         questionNumber: displayPosition,