@instructure/quiz-taking
Version:
185 lines (184 loc) • 9.58 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.TakingSidebar = 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 _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
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 TakingSidebar = exports.TakingSidebar = /*#__PURE__*/function (_withI18nSupport) {
function TakingSidebar() {
var _this2;
(0, _classCallCheck2["default"])(this, TakingSidebar);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this2 = _callSuper(this, TakingSidebar, [].concat(args));
(0, _defineProperty2["default"])(_this2, "scrollToItem", function (position) {
return function (itemId) {
if (_this2.props.isOneQuestionAtATime) _this2.scrollToItemOqaat(position, itemId);else _this2.props.scrollToItem(itemId);
if ((0, _quizCore.onPhone)() && _this2.props.sidebarOpen) _this2.props.toggleSidebar();
};
});
(0, _defineProperty2["default"])(_this2, "scrollToItemOqaat", function (position, itemId) {
var itemMessage = (0, _formatMessage["default"])('Current question changed to question {position, number}', {
position: position || 1
});
var message = position ? itemMessage : "".concat((0, _formatMessage["default"])('Navigated to quiz title and instructions.'), " ").concat(itemMessage);
_this2.props.setFocusTitleAndInstructions(!position);
_this2.props.goToItem(position || 1);
if (!position) {
setTimeout(function () {
_this2.props.scrollToItem(itemId);
_this2.props.screenreaderNotification(message);
}, 100);
} else {
_this2.props.screenreaderNotification(message);
}
});
(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,
itemBody: _this2.getItemBody(item, _this2.locale),
itemId: item.id,
itemName: item.getInteractionType().name,
key: key,
pointsPossible: sessionItem.pointsPossible,
position: sessionItem.questionNumber,
quizEntryId: sessionItem.id,
ref: _this2.generateItemKey(item.id),
scrollToItem: _this2.scrollToItem(sessionItem.bolaPosition || sessionItem.position),
sessionItem: sessionItem,
sidebarOpen: sidebarOpen
});
});
return _this2;
}
(0, _inherits2["default"])(TakingSidebar, _withI18nSupport);
return (0, _createClass2["default"])(TakingSidebar, [{
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: si.displayPosition,
itemId: sessionItem.id,
key: key,
ref: _this4.setRef(key),
renderSidebarItem: _this4.renderSidebarItem,
scrollToItem: _this4.scrollToItem(sessionItem.bolaPosition || 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 || this.props.isOneQuestionAtATime && !this.props.allowBacktracking) {
return null;
}
return /*#__PURE__*/_react["default"].createElement(_quizCore.Sidebar, {
taking: true,
role: this.props.role,
title: this.props.quizTitle,
pinnedItems: this.props.pinnedItems,
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"])(TakingSidebar, "propTypes", {
allowBacktracking: _propTypes["default"].bool.isRequired,
quizTitle: _propTypes["default"].string.isRequired,
setFocusTitleAndInstructions: _propTypes["default"].func.isRequired,
goToItem: _propTypes["default"].func.isRequired,
isOneQuestionAtATime: _propTypes["default"].bool.isRequired,
pinnedItems: _reactImmutableProptypes["default"].listOf(_propTypes["default"].shape({
sessionItemId: _propTypes["default"].string.isRequired,
position: _propTypes["default"].number.isRequired
})).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"])(TakingSidebar, "defaultProps", {
role: 'navigation',
sidebarOpen: false,
locale: null
});
(0, _defineProperty2["default"])(TakingSidebar, "contextTypes", {
locale: _propTypes["default"].string
});
var _default = exports["default"] = TakingSidebar;