@instructure/quiz-grading
Version:
The Quiz React SDK by Instructure Inc.
160 lines (159 loc) • 8 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.GradingSidebar = 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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
var _quizInteractions = require("@instructure/quiz-interactions");
var _quizCore = require("@instructure/quiz-core");
var _SidebarItem = _interopRequireDefault(require("./SidebarItem"));
var _quizCommon = require("@instructure/quiz-common");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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 GradingSidebar = exports.GradingSidebar = /*#__PURE__*/function (_withI18nSupport) {
function GradingSidebar() {
var _this2;
(0, _classCallCheck2["default"])(this, GradingSidebar);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this2 = _callSuper(this, GradingSidebar, [].concat(args));
(0, _defineProperty2["default"])(_this2, "scrollToItem", function (position) {
return function (itemId) {
_this2.props.scrollToItem(itemId);
if ((0, _quizCore.onPhone)() && _this2.props.sidebarOpen) {
_this2.props.toggleSidebar();
}
};
});
(0, _defineProperty2["default"])(_this2, "renderSidebarItem", function (sessionItem, _displayPosition) {
var item = sessionItem.getItem();
var key = _this2.generateItemKey(item.id);
var sidebarOpen = _this2.props.sidebarOpen;
return /*#__PURE__*/_react["default"].createElement(_SidebarItem["default"], {
inStimulus: sessionItem.isStimulus,
isGraded: sessionItem.sessionItemResult.get('score') !== null,
itemBody: _this2.getItemBody(item, _this2.locale),
itemId: item.id,
itemName: item.getInteractionType().name,
key: key,
pointsPossible: sessionItem.pointsPossible,
position: sessionItem.questionNumber,
sessionItemId: sessionItem.id,
ref: _this2.generateItemKey(item.id),
scrollToItem: _this2.scrollToItem,
sidebarOpen: sidebarOpen
});
});
return _this2;
}
(0, _inherits2["default"])(GradingSidebar, _withI18nSupport);
return (0, _createClass2["default"])(GradingSidebar, [{
key: "generateItemKey",
value: function generateItemKey(id) {
return "".concat(_quizCommon.SIDEBAR_ITEM_REF, "_").concat(id);
}
}, {
key: "setRef",
value: function setRef(key) {
var _this3 = this;
return function (node) {
_this3[key] = node;
};
}
}, {
key: "getItemBody",
value: function getItemBody(item, locale) {
var itemBody = item.getItemBody();
if (item.getInteractionType().slug === _quizCommon.FORMULA_SLUG) {
var variables = item.toJS().interactionData.variables;
itemBody = (0, _quizInteractions.substituteVars)(itemBody, variables, locale);
}
return (0, _quizInteractions.extractTextFromHtml)(itemBody || '');
}
}, {
key: "renderSidebarItems",
value: function renderSidebarItems() {
var _this4 = this;
var sessionItems = this.props.sessionItems;
return (0, _quizCore.generateDisplayPositions)(sessionItems).map(function (si) {
var sessionItem = si.record;
var sidebarOpen = _this4.props.sidebarOpen;
if (sessionItem.isStimulus) {
var key = _this4.generateItemKey(si.record.id);
return /*#__PURE__*/_react["default"].createElement(_quizCore.StimulusView, {
displayPosition: sessionItem.questionNumber,
itemId: sessionItem.id,
key: key,
ref: _this4.setRef(key),
renderSidebarItem: _this4.renderSidebarItem,
scrollToItem: _this4.scrollToItem(sessionItem.position),
sidebarOpen: sidebarOpen,
stimulusParent: sessionItem
});
}
return /*#__PURE__*/_react["default"].createElement("div", {
key: sessionItem.id
}, _this4.renderSidebarItem(sessionItem));
});
}
}, {
key: "render",
value: function render() {
if (this.props.sessionNotLoaded) {
return null;
}
return /*#__PURE__*/_react["default"].createElement(_quizCore.Sidebar, {
grading: true,
role: this.props.role,
scrollToItem: this.scrollToItem,
sidebarOpen: this.props.sidebarOpen,
toggleSidebar: this.props.toggleSidebar,
screenreaderNotification: this.props.screenreaderNotification
}, this.renderSidebarItems());
}
}]);
}((0, _quizCommon.withI18nSupport)(_react.Component));
(0, _defineProperty2["default"])(GradingSidebar, "propTypes", {
quizTitle: _propTypes["default"].string.isRequired,
role: _propTypes["default"].string,
screenreaderNotification: _propTypes["default"].func.isRequired,
scrollToItem: _propTypes["default"].func.isRequired,
sessionItems: _reactImmutableProptypes["default"].list.isRequired,
sessionNotLoaded: _propTypes["default"].bool.isRequired,
sidebarOpen: _propTypes["default"].bool,
toggleSidebar: _propTypes["default"].func.isRequired,
locale: _propTypes["default"].string
});
(0, _defineProperty2["default"])(GradingSidebar, "defaultProps", {
role: 'navigation',
sidebarOpen: false,
locale: null
});
(0, _defineProperty2["default"])(GradingSidebar, "contextTypes", {
locale: _propTypes["default"].string
});
var _default = exports["default"] = GradingSidebar;