@instructure/quiz-interactions/lib/records/interactions/essay.js

A React UI component Library for quiz interaction types.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _sanitizeHtml = _interopRequireDefault(require("sanitize-html"));
var _instructureValidations = require("instructure-validations");
var _uiText = require("@instructure/ui-text");
var _quizRce = require("@instructure/quiz-rce");
var _InteractionType2 = _interopRequireDefault(require("../InteractionType"));
var _interaction_slugs = require("../../interaction_slugs");
var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
var _htmlAllowedTags = require("../../util/htmlAllowedTags");
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 = (0, _getPrototypeOf2["default"])(derived);
  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
}
var EssayInteractionType = exports["default"] = /*#__PURE__*/function (_InteractionType) {
  function EssayInteractionType(obj) {
    var _this2;
    (0, _classCallCheck2["default"])(this, EssayInteractionType);
    _this2 = _callSuper(this, EssayInteractionType);
    (0, _defineProperty2["default"])(_this2, "slug", _interaction_slugs.ESSAY_SLUG);
    (0, _defineProperty2["default"])(_this2, "translatedName", (0, _formatMessage["default"])('Essay'));
    (0, _defineProperty2["default"])(_this2, "isSubjective", true);
    (0, _defineProperty2["default"])(_this2, "getDefaultScoringData", function (intData) {
      return {
        value: ''
      };
    });
    (0, _defineProperty2["default"])(_this2, "getDefaultInteractionData", function () {
      return {
        essay: null,
        rce: true,
        spellCheck: false,
        wordCount: false,
        wordLimitEnabled: false,
        wordLimitMax: null,
        wordLimitMin: null,
        fileUpload: false
      };
    });
    (0, _defineProperty2["default"])(_this2, "getRenderedResponse", function (responseValue, interactionData) {
      if (interactionData.rce) {
        return /*#__PURE__*/_react["default"].createElement(_quizRce.RichContentRenderer, {
          content: (0, _sanitizeHtml["default"])(responseValue, {
            allowedTags: _htmlAllowedTags.allowedTags
          })
        });
      }
      return /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
        color: "primary"
      }, responseValue);
    });
    (0, _get2["default"])((_this2, (0, _getPrototypeOf2["default"])(EssayInteractionType.prototype)), "initializeProps", _this2).call(_this2, obj);
    return _this2;
  }
  (0, _inherits2["default"])(EssayInteractionType, _InteractionType);
  return (0, _createClass2["default"])(EssayInteractionType, null, [{
    key: "validations",
    value: function validations() {
      return {
        interactionData: [(0, _instructureValidations.onSelf)((0, _instructureValidations.rule)('boundaries', {
          enableKey: 'wordLimitEnabled',
          minKey: 'wordLimitMin',
          maxKey: 'wordLimitMax',
          presenceMessage: (0, _formatMessage["default"])('Both minimum and maximum word limits cannot be blank'),
          numberMessage: (0, _formatMessage["default"])('Both minimum and maximum word limit values must be integers'),
          rangeMessage: (0, _formatMessage["default"])('Minimum word limit must be less than maximum word limit')
        }))]
      };
    }
  }]);
}(_InteractionType2["default"]);