@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
63 lines (62 loc) • 3.66 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = RequirementHelpModal;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
var _uiButtons = require("@instructure/ui-buttons");
var _uiText = require("@instructure/ui-text");
var _uiHeading = require("@instructure/ui-heading");
var _uiModal = require("@instructure/ui-modal");
function RequirementHelpModal(_ref) {
var mountNode = _ref.mountNode,
onDismiss = _ref.onDismiss,
open = _ref.open;
return /*#__PURE__*/_react["default"].createElement(_uiModal.Modal, {
label: (0, _formatMessage["default"])('Requirement help'),
mountNode: mountNode,
onDismiss: onDismiss,
open: open,
size: "medium"
}, /*#__PURE__*/_react["default"].createElement(_uiModal.Modal.Header, null, /*#__PURE__*/_react["default"].createElement(_uiButtons.CloseButton, {
onClick: onDismiss,
placement: "end",
screenReaderLabel: (0, _formatMessage["default"])('Close')
}), /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, null, (0, _formatMessage["default"])('Requirement'))), /*#__PURE__*/_react["default"].createElement(_uiModal.Modal.Body, null, /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, {
as: "h3",
level: "h4"
}, (0, _formatMessage["default"])('Exact Response')), /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
as: "p"
}, (0, _formatMessage["default"])('Student responses will be marked correct if they match the answer exactly. ' + 'Answers can be in scientific notation (Accepted format: 1.234*10^3).')), /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, {
as: "h3",
level: "h4"
}, (0, _formatMessage["default"])('Margin of Error')), /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
as: "p"
}, (0, _formatMessage["default"])('Student responses will be marked correct if they fall within the ' + 'margin above or below the answer.')), /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, {
as: "h3",
level: "h4"
}, (0, _formatMessage["default"])('Within a Range')), /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
as: "p"
}, (0, _formatMessage["default"])('Student responses will be marked correct if they are greater than ' + 'or equal to the range start and less than or equal to the range end. ' + 'Range inputs can be in scientific notation (Accepted format: 1.234*10^3).')), /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, {
as: "h3",
level: "h4"
}, (0, _formatMessage["default"])('Precise Response')), /*#__PURE__*/_react["default"].createElement(_uiText.Text, {
as: "p"
}, (0, _formatMessage["default"])('Student responses will be marked correct if they match the answer ' + 'to the given number of significant digits or decimal places.'))), /*#__PURE__*/_react["default"].createElement(_uiModal.Modal.Footer, null, /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
onClick: onDismiss,
color: "primary"
}, (0, _formatMessage["default"])('Done'))));
}
RequirementHelpModal.propTypes = {
mountNode: _propTypes["default"].node,
// for chromatic
onDismiss: _propTypes["default"].func.isRequired,
open: _propTypes["default"].bool.isRequired
};
RequirementHelpModal.defaultProps = {
mountNode: void 0
};
RequirementHelpModal.displayName = 'RequirementHelpModal';