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

A React UI component Library for quiz interaction types.

function _array_like_to_array(arr, len) {
    if (len == null || len > arr.length) len = arr.length;
    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
    return arr2;
}
function _array_with_holes(arr) {
    if (Array.isArray(arr)) return arr;
}
function _assert_this_initialized(self) {
    if (self === void 0) {
        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
    }
    return self;
}
function _call_super(_this, derived, args) {
    derived = _get_prototype_of(derived);
    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
}
function _class_call_check(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
        throw new TypeError("Cannot call a class as a function");
    }
}
function _defineProperties(target, props) {
    for(var i = 0; i < props.length; i++){
        var descriptor = props[i];
        descriptor.enumerable = descriptor.enumerable || false;
        descriptor.configurable = true;
        if ("value" in descriptor) descriptor.writable = true;
        Object.defineProperty(target, descriptor.key, descriptor);
    }
}
function _create_class(Constructor, protoProps, staticProps) {
    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
    if (staticProps) _defineProperties(Constructor, staticProps);
    return Constructor;
}
function _define_property(obj, key, value) {
    if (key in obj) {
        Object.defineProperty(obj, key, {
            value: value,
            enumerable: true,
            configurable: true,
            writable: true
        });
    } else {
        obj[key] = value;
    }
    return obj;
}
function _get(target, property, receiver) {
    if (typeof Reflect !== "undefined" && Reflect.get) {
        _get = Reflect.get;
    } else {
        _get = function get(target, property, receiver) {
            var base = _super_prop_base(target, property);
            if (!base) return;
            var desc = Object.getOwnPropertyDescriptor(base, property);
            if (desc.get) {
                return desc.get.call(receiver || target);
            }
            return desc.value;
        };
    }
    return _get(target, property, receiver || target);
}
function _get_prototype_of(o) {
    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
        return o.__proto__ || Object.getPrototypeOf(o);
    };
    return _get_prototype_of(o);
}
function _inherits(subClass, superClass) {
    if (typeof superClass !== "function" && superClass !== null) {
        throw new TypeError("Super expression must either be null or a function");
    }
    subClass.prototype = Object.create(superClass && superClass.prototype, {
        constructor: {
            value: subClass,
            writable: true,
            configurable: true
        }
    });
    if (superClass) _set_prototype_of(subClass, superClass);
}
function _iterable_to_array_limit(arr, i) {
    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
    if (_i == null) return;
    var _arr = [];
    var _n = true;
    var _d = false;
    var _s, _e;
    try {
        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
            _arr.push(_s.value);
            if (i && _arr.length === i) break;
        }
    } catch (err) {
        _d = true;
        _e = err;
    } finally{
        try {
            if (!_n && _i["return"] != null) _i["return"]();
        } finally{
            if (_d) throw _e;
        }
    }
    return _arr;
}
function _non_iterable_rest() {
    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _possible_constructor_return(self, call) {
    if (call && (_type_of(call) === "object" || typeof call === "function")) {
        return call;
    }
    return _assert_this_initialized(self);
}
function _set_prototype_of(o, p) {
    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
        o.__proto__ = p;
        return o;
    };
    return _set_prototype_of(o, p);
}
function _sliced_to_array(arr, i) {
    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
}
function _super_prop_base(object, property) {
    while(!Object.prototype.hasOwnProperty.call(object, property)){
        object = _get_prototype_of(object);
        if (object === null) break;
    }
    return object;
}
function _type_of(obj) {
    "@swc/helpers - typeof";
    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
}
function _unsupported_iterable_to_array(o, minLen) {
    if (!o) return;
    if (typeof o === "string") return _array_like_to_array(o, minLen);
    var n = Object.prototype.toString.call(o).slice(8, -1);
    if (n === "Object" && o.constructor) n = o.constructor.name;
    if (n === "Map" || n === "Set") return Array.from(n);
    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
}
function _is_native_reflect_construct() {
    try {
        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
    } catch (_) {}
    return (_is_native_reflect_construct = function() {
        return !!result;
    })();
}
import React from 'react';
import get from 'lodash/get';
import times from 'lodash/times';
import random from 'lodash/random';
import { rule, each } from 'instructure-validations';
import { Text } from '@instructure/ui-text';
import { MATCHING_SLUG } from '../../interaction_slugs';
import InteractionType from '../InteractionType';
import { presenceMessage, noDuplicatesMessage } from '../../util/validationHelpers';
import t from '@instructure/quiz-i18n/format-message';
var MatchingInteractionType = /*#__PURE__*/ function(InteractionType) {
    "use strict";
    _inherits(MatchingInteractionType, InteractionType);
    function MatchingInteractionType(obj) {
        _class_call_check(this, MatchingInteractionType);
        var _this;
        _this = _call_super(this, MatchingInteractionType), _define_property(_this, "slug", MATCHING_SLUG), _define_property(_this, "translatedName", t('Matching')), _define_property(_this, "defaultProperties", {
            shuffleRules: {
                questions: {
                    shuffled: false
                }
            }
        }), _define_property(_this, "getDefaultScoringData", function(intData) {
            var matches = intData.questions.map(function(question, idx) {
                return {
                    questionId: question.id,
                    questionBody: question.itemBody,
                    answerBody: intData.answers[idx]
                };
            });
            var baseScoringData = {
                value: {},
                editData: {
                    matches: matches,
                    distractors: []
                }
            };
            var defaultScoringData = intData.questions.reduce(function(scoringData, c) {
                scoringData.value[c.id] = ''; // eslint-disable-line no-param-reassign
                return scoringData;
            }, baseScoringData);
            return defaultScoringData;
        }), _define_property(_this, "getDefaultInteractionData", function() {
            var newId = function() {
                return random(100000).toString();
            };
            var _times = _sliced_to_array(times(4, newId), 4), choiceIdA = _times[0], choiceIdB = _times[1], choiceIdC = _times[2], choiceIdD = _times[3];
            return {
                questions: [
                    {
                        id: choiceIdA,
                        itemBody: ''
                    },
                    {
                        id: choiceIdB,
                        itemBody: ''
                    },
                    {
                        id: choiceIdC,
                        itemBody: ''
                    },
                    {
                        id: choiceIdD,
                        itemBody: ''
                    }
                ],
                answers: [
                    '',
                    '',
                    '',
                    ''
                ]
            };
        }), _define_property(_this, "getRenderedResponse", function(responseValue, interactionData) {
            return /*#__PURE__*/ React.createElement(Text, {
                color: "primary"
            }, Object.keys(responseValue).map(function(id) {
                var questions = interactionData.questions;
                var question = questions && questions.find(function(q) {
                    return q.id === id;
                });
                return "".concat(question ? question.itemBody : '', " - ").concat(responseValue[id]);
            }).join(', '));
        });
        _get((_assert_this_initialized(_this), _get_prototype_of(MatchingInteractionType.prototype)), "initializeProps", _this).call(_this, obj);
        return _this;
    }
    _create_class(MatchingInteractionType, [
        {
            key: "getDefaultUserResponse",
            value: function getDefaultUserResponse() {
                return {
                    value: {}
                };
            }
        },
        {
            key: "hasResponse",
            value: function hasResponse(resp, intData) {
                var numQuestions = intData.questions.length;
                var numWithResponse = Object.keys(resp).length;
                return numQuestions === numWithResponse;
            }
        }
    ]);
    return MatchingInteractionType;
}(InteractionType);
_define_property(MatchingInteractionType, "validations", function() {
    var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
    var editData = get(data, 'scoringData.editData', {});
    var matches = editData.matches || [];
    var answers = matches.map(function(match) {
        return match.answerBody;
    });
    var scoringData = {};
    if (matches.length > 0) {
        scoringData.editData = {
            matches: [
                each({
                    questionBody: [
                        rule('presence', {
                            message: presenceMessage(t('Question'))
                        })
                    ],
                    answerBody: [
                        rule('presence', {
                            message: presenceMessage(t('Answer'))
                        })
                    ]
                }),
                rule('noDuplicates', {
                    field: 'questionBody',
                    message: noDuplicatesMessage(t('Question'))
                })
            ],
            distractors: [
                rule('noDuplicates', {
                    message: noDuplicatesMessage(t('Distractor'))
                }),
                each(rule('presence', {
                    message: presenceMessage(t('Distractor'))
                })),
                each(rule('noneOf', {
                    blacklist: answers,
                    message: t('Answer is already present')
                }))
            ]
        };
    }
    return {
        scoringData: scoringData
    };
});
export { MatchingInteractionType as default };