@instructure/quiz-interactions/lib/records/interactions/ordering.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 _compact = _interopRequireDefault(require("lodash/compact"));
var _uuid = require("uuid");
var _instructureValidations = require("instructure-validations");
var _quizRce = require("@instructure/quiz-rce");
var _interaction_slugs = require("../../interaction_slugs");
var _InteractionType2 = _interopRequireDefault(require("../InteractionType"));
var _validationHelpers = require("../../util/validationHelpers");
var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
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 OrderingInteractionType = exports["default"] = /*#__PURE__*/function (_InteractionType) {
  function OrderingInteractionType(obj) {
    var _this2;
    (0, _classCallCheck2["default"])(this, OrderingInteractionType);
    _this2 = _callSuper(this, OrderingInteractionType);
    (0, _defineProperty2["default"])(_this2, "slug", _interaction_slugs.ORDERING_SLUG);
    (0, _defineProperty2["default"])(_this2, "translatedName", (0, _formatMessage["default"])('Ordering'));
    (0, _defineProperty2["default"])(_this2, "defaultProperties", {
      includeLabels: true,
      displayAnswersParagraph: false,
      topLabel: '',
      bottomLabel: ''
    });
    (0, _defineProperty2["default"])(_this2, "getDefaultInteractionData", function () {
      var choiceIdA = (0, _uuid.v4)();
      var choiceIdB = (0, _uuid.v4)();
      var choiceIdC = (0, _uuid.v4)();
      var choiceIdD = (0, _uuid.v4)();
      return {
        itemBody: '',
        choices: (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, choiceIdA, {
          id: choiceIdA,
          itemBody: ''
        }), choiceIdB, {
          id: choiceIdB,
          itemBody: ''
        }), choiceIdC, {
          id: choiceIdC,
          itemBody: ''
        }), choiceIdD, {
          id: choiceIdD,
          itemBody: ''
        })
      };
    });
    (0, _defineProperty2["default"])(_this2, "getDefaultScoringData", function (intData) {
      return {
        value: Object.keys(intData.choices).map(function (uuid) {
          return uuid;
        })
      };
    });
    (0, _defineProperty2["default"])(_this2, "getRenderedResponse", function (responseValue) {
      var interactionData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
        choices: {}
      };
      return (0, _compact["default"])(responseValue.map(function (id) {
        var choice = interactionData.choices[id];
        if (choice !== void 0) {
          return /*#__PURE__*/_react["default"].createElement(_quizRce.RichContentRenderer, {
            key: id,
            content: choice.itemBody
          });
        } else {
          return null;
        }
      }));
    });
    (0, _get2["default"])((_this2, (0, _getPrototypeOf2["default"])(OrderingInteractionType.prototype)), "initializeProps", _this2).call(_this2, obj);
    return _this2;
  }
  (0, _inherits2["default"])(OrderingInteractionType, _InteractionType);
  return (0, _createClass2["default"])(OrderingInteractionType, [{
    key: "getDefaultUserResponse",
    value: function getDefaultUserResponse(intData) {
      return {
        value: intData.shuffledOrder || Object.keys(intData.choices)
      };
    }
  }], [{
    key: "validations",
    value: function validations() {
      return {
        interactionData: {
          choices: [(0, _instructureValidations.each)({
            itemBody: [(0, _instructureValidations.rule)('presence', {
              message: (0, _validationHelpers.presenceMessage)((0, _formatMessage["default"])('Choice'))
            })]
          }), (0, _instructureValidations.rule)('noDuplicates', {
            field: 'itemBody',
            message: (0, _validationHelpers.noDuplicatesMessage)((0, _formatMessage["default"])('Choice'))
          })]
        }
      };
    }
  }]);
}(_InteractionType2["default"]);