@pie-element/passage 3.5.6-next.3 → 3.5.6-next.31

package/configure/lib/passage.js

@@ -0,0 +1,276 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.PassageComponent = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PassageComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(PassageComponent, _React$Component);
+
+  var _super = _createSuper(PassageComponent);
+
+  function PassageComponent(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, PassageComponent);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (fieldName, value) {
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onModelChanged = _this$props.onModelChanged,
+          passageIndex = _this$props.passageIndex;
+
+      if (!model.passages || passageIndex < 0 || passageIndex >= model.passages.length) {
+        return;
+      }
+
+      var updatedPassages = (0, _toConsumableArray2["default"])(model.passages);
+      updatedPassages[passageIndex] = _objectSpread(_objectSpread({}, updatedPassages[passageIndex]), {}, (0, _defineProperty2["default"])({}, fieldName, value));
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        passages: updatedPassages
+      }));
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(PassageComponent, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          model = _this$props2.model,
+          classes = _this$props2.classes,
+          configuration = _this$props2.configuration,
+          imageSupport = _this$props2.imageSupport,
+          passageIndex = _this$props2.passageIndex,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
+
+      var _ref = configuration || {},
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
+          _ref$mathMlOptions = _ref.mathMlOptions,
+          mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions,
+          _ref$baseInputConfigu = _ref.baseInputConfiguration,
+          baseInputConfiguration = _ref$baseInputConfigu === void 0 ? {} : _ref$baseInputConfigu,
+          _ref$teacherInstructi = _ref.teacherInstructions,
+          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
+          _ref$title = _ref.title,
+          title = _ref$title === void 0 ? {} : _ref$title,
+          _ref$subtitle = _ref.subtitle,
+          subtitle = _ref$subtitle === void 0 ? {} : _ref$subtitle,
+          _ref$text = _ref.text,
+          text = _ref$text === void 0 ? {} : _ref$text,
+          _ref$author = _ref.author,
+          author = _ref$author === void 0 ? {} : _ref$author;
+
+      var _ref2 = model || {},
+          _ref2$errors = _ref2.errors,
+          errors = _ref2$errors === void 0 ? {} : _ref2$errors,
+          _ref2$passages = _ref2.passages,
+          passages = _ref2$passages === void 0 ? [] : _ref2$passages,
+          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          titleEnabled = _ref2.titleEnabled,
+          subtitleEnabled = _ref2.subtitleEnabled,
+          authorEnabled = _ref2.authorEnabled,
+          textEnabled = _ref2.textEnabled;
+
+      var _ref3 = errors || {},
+          passagesErrors = _ref3.passages;
+
+      var _ref4 = passagesErrors && passagesErrors[passageIndex] || {},
+          teacherInstructionsError = _ref4.teacherInstructions,
+          titleError = _ref4.title,
+          subtitleError = _ref4.subtitle,
+          authorError = _ref4.author,
+          textError = _ref4.text;
+
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+
+      var getPluginProps = function getPluginProps(customConfiguration) {
+        return _objectSpread(_objectSpread({}, baseInputConfiguration), customConfiguration);
+      };
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: teacherInstructions.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        activePlugins: _editableHtml.ALL_PLUGINS,
+        markup: passages[passageIndex].teacherInstructions || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('teacherInstructions', value);
+        },
+        nonEmpty: false,
+        error: teacherInstructionsError,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration)
+      }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, teacherInstructionsError)), titleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: title.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        activePlugins: _editableHtml.ALL_PLUGINS,
+        markup: passages[passageIndex].title || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('title', value);
+        },
+        nonEmpty: false,
+        error: titleError,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(title === null || title === void 0 ? void 0 : title.inputConfiguration)
+      }), titleError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, titleError)), subtitleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: subtitle.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        activePlugins: _editableHtml.ALL_PLUGINS,
+        markup: passages[passageIndex].subtitle || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('subtitle', value);
+        },
+        nonEmpty: false,
+        error: subtitleError,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(subtitle === null || subtitle === void 0 ? void 0 : subtitle.inputConfiguration)
+      }), subtitleError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, subtitleError)), authorEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: author.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        activePlugins: _editableHtml.ALL_PLUGINS,
+        markup: passages[passageIndex].author || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('author', value);
+        },
+        nonEmpty: false,
+        error: authorError,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(author === null || author === void 0 ? void 0 : author.inputConfiguration)
+      }), authorError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, authorError)), textEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: text.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        activePlugins: _editableHtml.ALL_PLUGINS,
+        markup: passages[passageIndex].text || '',
+        onChange: function onChange(value) {
+          return _this2.handleChange('text', value);
+        },
+        imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
+        nonEmpty: false,
+        error: textError,
+        maxImageWidth: maxImageWidth && maxImageWidth.text || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.text || defaultImageMaxHeight,
+        mathMlOptions: mathMlOptions,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        pluginProps: getPluginProps(text === null || text === void 0 ? void 0 : text.inputConfiguration)
+      }), textError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, textError)));
+    }
+  }]);
+  return PassageComponent;
+}(_react["default"].Component);
+
+exports.PassageComponent = PassageComponent;
+(0, _defineProperty2["default"])(PassageComponent, "propTypes", {
+  classes: _propTypes["default"].object,
+  onModelChanged: _propTypes["default"].func.isRequired,
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
+  imageSupport: _propTypes["default"].object.isRequired,
+  passageIndex: _propTypes["default"].number.isRequired,
+  uploadSoundSupport: _propTypes["default"].object.isRequired
+});
+(0, _defineProperty2["default"])(PassageComponent, "defaultProps", {
+  passageIndex: 0
+});
+
+var _default = (0, _styles.withStyles)(function (theme) {
+  return {
+    inputContainer: {
+      paddingTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2,
+      width: '100%'
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit
+    }
+  };
+})(PassageComponent);
+
+exports["default"] = _default;
+//# sourceMappingURL=passage.js.map

package/configure/lib/passage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/passage.jsx"],"names":["PassageComponent","props","fieldName","value","model","onModelChanged","passageIndex","passages","length","updatedPassages","classes","configuration","imageSupport","uploadSoundSupport","maxImageWidth","maxImageHeight","mathMlOptions","baseInputConfiguration","teacherInstructions","title","subtitle","text","author","errors","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","authorEnabled","textEnabled","passagesErrors","teacherInstructionsError","titleError","subtitleError","authorError","textError","defaultImageMaxWidth","prompt","defaultImageMaxHeight","getPluginProps","customConfiguration","label","inputContainer","ALL_PLUGINS","handleChange","language","inputConfiguration","errorText","React","Component","PropTypes","object","func","isRequired","number","theme","paddingTop","spacing","unit","marginBottom","width","fontSize","typography","color","palette","error","main"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { InputContainer } from '@pie-lib/pie-toolbox/config-ui';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nexport class PassageComponent extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onModelChanged: PropTypes.func.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    passageIndex: PropTypes.number.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    passageIndex: 0,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  handleChange = (fieldName, value) => {\n    const { model, onModelChanged, passageIndex } = this.props;\n\n    if (!model.passages || passageIndex < 0 || passageIndex >= model.passages.length) {\n      return;\n    }\n\n    const updatedPassages = [...model.passages];\n    updatedPassages[passageIndex] = { ...updatedPassages[passageIndex], [fieldName]: value };\n\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, passageIndex, uploadSoundSupport } = this.props;\n    const {\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n      teacherInstructions = {},\n      title = {},\n      subtitle = {},\n      text = {},\n      author = {},\n    } = configuration || {};\n    const {\n      errors = {},\n      passages = [],\n      teacherInstructionsEnabled,\n      titleEnabled,\n      subtitleEnabled,\n      authorEnabled,\n      textEnabled,\n    } = model || {};\n\n    const { passages: passagesErrors } = errors || {};\n    const {\n      teacherInstructions: teacherInstructionsError,\n      title: titleError,\n      subtitle: subtitleError,\n      author: authorError,\n      text: textError,\n    } = (passagesErrors && passagesErrors[passageIndex]) || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const getPluginProps = (customConfiguration) => ({...baseInputConfiguration,...customConfiguration});\n\n    return (\n      <React.Fragment>\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].teacherInstructions || ''}\n              onChange={(value) => this.handleChange('teacherInstructions', value)}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {titleEnabled && (\n          <InputContainer label={title.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].title || ''}\n              onChange={(value) => this.handleChange('title', value)}\n              nonEmpty={false}\n              error={titleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(title?.inputConfiguration)}\n            />\n            {titleError && <div className={classes.errorText}>{titleError}</div>}\n          </InputContainer>\n        )}\n\n        {subtitleEnabled && (\n          <InputContainer label={subtitle.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].subtitle || ''}\n              onChange={(value) => this.handleChange('subtitle', value)}\n              nonEmpty={false}\n              error={subtitleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(subtitle?.inputConfiguration)}\n            />\n            {subtitleError && <div className={classes.errorText}>{subtitleError}</div>}\n          </InputContainer>\n        )}\n\n        {authorEnabled && (\n          <InputContainer label={author.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].author || ''}\n              onChange={(value) => this.handleChange('author', value)}\n              nonEmpty={false}\n              error={authorError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(author?.inputConfiguration)}\n            />\n            {authorError && <div className={classes.errorText}>{authorError}</div>}\n          </InputContainer>\n        )}\n\n        {textEnabled && (\n          <InputContainer label={text.label} className={classes.inputContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].text || ''}\n              onChange={(value) => this.handleChange('text', value)}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              nonEmpty={false}\n              error={textError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.text) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.text) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(text?.inputConfiguration)}\n            />\n            {textError && <div className={classes.errorText}>{textError}</div>}\n          </InputContainer>\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  inputContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n}))(PassageComponent);\n"],"file":"passage.js"}

package/configure/package.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.14.6",
+    "@pie-lib/pie-toolbox": "2.16.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/lib/index.js

@@ -108,12 +108,6 @@ var validate = function validate() {
   var errors = {};
   var passagesErrors = {};
   (model.passages || []).forEach(function (passage, index) {
-    // validate only the first passage
-    // TODO: remove when authoring is updated to support multiple passages
-    if (index !== 0) {
-      return;
-    }
-
     var err = {};
     ['teacherInstructions', 'title', 'subtitle', 'author', 'text'].forEach(function (field) {
       var _config$field;

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["getContent","html","replace","checkNullish","value","undefined","isEnabled","defaultValue","createDefaultModel","model","Promise","resolve","defaults","normalize","question","normalizeTeacherInstructions","instructions","env","role","mode","session","normalizedQuestion","normalizedPassages","passages","map","passage","index","teacherInstructions","teacherInstructionsEnabled","label","title","titleEnabled","subtitle","subtitleEnabled","author","authorEnabled","text","textEnabled","validate","config","errors","passagesErrors","forEach","err","field","required"],"mappings":"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","sourcesContent":["import isEmpty from 'lodash/isEmpty';\n\nimport defaults from './defaults';\n\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');\n\nconst checkNullish = (value) => value !== null && value !== undefined;\n\nconst isEnabled = (value, defaultValue) => (checkNullish(value) ? value : defaultValue);\n\nexport function createDefaultModel(model = {}) {\n  return new Promise((resolve) => {\n    resolve({ ...defaults, ...model });\n  });\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nconst normalizeTeacherInstructions = (instructions, env) => {\n  const { role, mode } = env;\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    return instructions || '';\n  }\n\n  return '';\n};\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = normalize(question);\n\n  const normalizedPassages = normalizedQuestion.passages.map((passage, index) => ({\n    teacherInstructions: isEnabled(passage.teacherInstructionsEnabled, normalizedQuestion.teacherInstructionsEnabled)\n      ? normalizeTeacherInstructions(passage.teacherInstructions, env)\n      : '',\n    label: getContent(passage.title) ? passage.title : `Passage ${index + 1}`,\n    title: isEnabled(passage.titleEnabled, normalizedQuestion.titleEnabled) ? passage.title || '' : '',\n    subtitle: isEnabled(passage.subtitleEnabled, normalizedQuestion.subtitleEnabled) ? passage.subtitle || '' : '',\n    author: isEnabled(passage.authorEnabled, normalizedQuestion.authorEnabled) ? passage.author || '' : '',\n    text: isEnabled(passage.textEnabled, normalizedQuestion.textEnabled) ? passage.text || '' : '',\n  }));\n\n  return {\n    ...normalizedQuestion,\n    passages: normalizedPassages,\n  };\n}\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n  const passagesErrors = {};\n\n  (model.passages || []).forEach((passage, index) => {\n    // validate only the first passage\n    // TODO: remove when authoring is updated to support multiple passages\n    if (index !== 0) {\n      return;\n    }\n\n    const err = {};\n\n    ['teacherInstructions', 'title', 'subtitle', 'author', 'text'].forEach((field) => {\n      if (config[field]?.required && !getContent(passage[field])) {\n        err[field] = 'This field is required.';\n      }\n    });\n\n    if (!isEmpty(err)) {\n      passagesErrors[index] = err;\n    }\n  });\n\n  if (!isEmpty(passagesErrors)) {\n    errors.passages = passagesErrors;\n  }\n\n  return errors;\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["getContent","html","replace","checkNullish","value","undefined","isEnabled","defaultValue","createDefaultModel","model","Promise","resolve","defaults","normalize","question","normalizeTeacherInstructions","instructions","env","role","mode","session","normalizedQuestion","normalizedPassages","passages","map","passage","index","teacherInstructions","teacherInstructionsEnabled","label","title","titleEnabled","subtitle","subtitleEnabled","author","authorEnabled","text","textEnabled","validate","config","errors","passagesErrors","forEach","err","field","required"],"mappings":"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","sourcesContent":["import isEmpty from 'lodash/isEmpty';\n\nimport defaults from './defaults';\n\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');\n\nconst checkNullish = (value) => value !== null && value !== undefined;\n\nconst isEnabled = (value, defaultValue) => (checkNullish(value) ? value : defaultValue);\n\nexport function createDefaultModel(model = {}) {\n  return new Promise((resolve) => {\n    resolve({ ...defaults, ...model });\n  });\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nconst normalizeTeacherInstructions = (instructions, env) => {\n  const { role, mode } = env;\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    return instructions || '';\n  }\n\n  return '';\n};\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = normalize(question);\n\n  const normalizedPassages = normalizedQuestion.passages.map((passage, index) => ({\n    teacherInstructions: isEnabled(passage.teacherInstructionsEnabled, normalizedQuestion.teacherInstructionsEnabled)\n      ? normalizeTeacherInstructions(passage.teacherInstructions, env)\n      : '',\n    label: getContent(passage.title) ? passage.title : `Passage ${index + 1}`,\n    title: isEnabled(passage.titleEnabled, normalizedQuestion.titleEnabled) ? passage.title || '' : '',\n    subtitle: isEnabled(passage.subtitleEnabled, normalizedQuestion.subtitleEnabled) ? passage.subtitle || '' : '',\n    author: isEnabled(passage.authorEnabled, normalizedQuestion.authorEnabled) ? passage.author || '' : '',\n    text: isEnabled(passage.textEnabled, normalizedQuestion.textEnabled) ? passage.text || '' : '',\n  }));\n\n  return {\n    ...normalizedQuestion,\n    passages: normalizedPassages,\n  };\n}\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n  const passagesErrors = {};\n\n  (model.passages || []).forEach((passage, index) => {\n    const err = {};\n\n    ['teacherInstructions', 'title', 'subtitle', 'author', 'text'].forEach((field) => {\n      if (config[field]?.required && !getContent(passage[field])) {\n        err[field] = 'This field is required.';\n      }\n    });\n\n    if (!isEmpty(err)) {\n      passagesErrors[index] = err;\n    }\n  });\n\n  if (!isEmpty(passagesErrors)) {\n    errors.passages = passagesErrors;\n  }\n\n  return errors;\n};\n"],"file":"index.js"}

package/lib/stimulus-tabs.js

@@ -44,7 +44,14 @@ var styles = function styles(theme) {
     passages: {
       flexGrow: 1,
       backgroundColor: _renderUi.color.background(),
-      color: _renderUi.color.text()
+      color: _renderUi.color.text(),
+      '&:not(.MathJax) table': {
+        borderCollapse: 'collapse'
+      },
+      '&:not(.MathJax) table td, &:not(.MathJax) table th': {
+        padding: '.6em 1em',
+        textAlign: 'left'
+      }
     },
     passage: {
       backgroundColor: _renderUi.color.background(),

package/lib/stimulus-tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","passage","padding","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}
+{"version":3,"sources":["../src/stimulus-tabs.jsx"],"names":["styles","theme","passages","flexGrow","backgroundColor","color","background","text","borderCollapse","padding","textAlign","passage","spacing","unit","passageTitle","fontSize","passageSubtitle","passageAuthor","passageText","stickyTabs","position","top","tab","palette","common","white","black","tabButton","teacherInstructions","marginBottom","StimulusTabs","activeTab","event","setState","setTimeout","tabChangeEvent","CustomEvent","detail","window","dispatchEvent","currentTabId","key","tabs","props","newTabIndex","currentIndex","findIndex","id","length","preventDefault","handleChange","document","getElementById","focus","div","createElement","innerHTML","replace","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","disabledTabs","teacherInstructionsDiv","hidden","visible","classes","renderInstructions","title","subtitle","__html","parsedText","author","model","state","extraCSSRules","selectedTab","find","map","renderTab","root","flexContainer","label","handleKeyDown","React","Component","propTypes","PropTypes","object","isRequired","arrayOf","shape","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Collapsible, color, PreviewPrompt, Purpose, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  passages: {\n    flexGrow: 1,\n    backgroundColor: color.background(),\n    color: color.text(),\n    '&:not(.MathJax) table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n  },\n  passage: {\n    backgroundColor: color.background(),\n    color: color.text(),\n    padding: theme.spacing.unit * 2,\n  },\n  passageTitle: {\n    fontSize: '1.75rem',\n  },\n  passageSubtitle: {\n    fontSize: '1.5rem',\n  },\n  passageAuthor: {\n    fontSize: '1.25rem',\n  },\n  passageText: {},\n  stickyTabs: {\n    background: color.background(),\n    position: 'sticky',\n    top: 0,\n  },\n  tab: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n    fontSize: 'inherit',\n    color: theme.palette.common.black, // remove when PD-2801 is DONE\n  },\n  tabButton: {\n    background: theme.palette.common.white, // replace with color.background() once PD-2801 is DONE\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n});\n\nclass StimulusTabs extends React.Component {\n  state = {\n    activeTab: 0,\n  };\n\n  handleChange = (event, activeTab) => {\n    this.setState(() => ({ activeTab }));\n\n    setTimeout(() => {\n      const tabChangeEvent = new CustomEvent('pie-ui-passage-tabChanged', {\n        detail: { tab: activeTab },\n      });\n\n      window.dispatchEvent(tabChangeEvent);\n    });\n  };\n\n  handleKeyDown = (event, currentTabId) => {\n    const { key } = event;\n    const { tabs } = this.props;\n\n    let newTabIndex = -1;\n    const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);\n\n    switch (key) {\n      case 'ArrowRight':\n        // Move to the next tab\n        newTabIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n        // Move to the previous tab\n        newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      // Commented out ArrowDown and ArrowUp for future vertical tab navigation\n      // case 'ArrowDown':\n      //   // Move to the next tab (for vertical alignment)\n      //   newTabIndex = (currentIndex + 1) % tabs.length;\n      //   break;\n      // case 'ArrowUp':\n      //   // Move to the previous tab (for vertical alignment)\n      //   newTabIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      //   break;\n      case 'Home':\n        // Move to the first tab\n        newTabIndex = 0;\n        break;\n      case 'End':\n        // Move to the last tab\n        newTabIndex = tabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        // Activate the current tab\n        newTabIndex = currentIndex;\n        break;\n      default:\n        break;\n    }\n\n    if (newTabIndex !== -1) {\n      event.preventDefault();\n      this.handleChange(event, tabs[newTabIndex].id);\n      document.getElementById(`button-${tabs[newTabIndex].id}`).focus();\n    }\n  };\n\n  parsedText = (text = '') => {\n    // fix imported audio content for Safari PD-1391\n    const div = document.createElement('div');\n    div.innerHTML = text.replace(/(<br\\/>\\n)/g, '<br/>');\n\n    const audio = div.querySelector('audio');\n\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.appendChild(source);\n    }\n\n    return div.innerHTML;\n  };\n\n  renderInstructions(teacherInstructions, disabledTabs = false) {\n    if (!teacherInstructions) {\n      return;\n    }\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    if (disabledTabs) {\n      return teacherInstructionsDiv;\n    }\n\n    return (\n      <Collapsible\n        labels={{\n          hidden: 'Show Teacher Instructions',\n          visible: 'Hide Teacher Instructions',\n        }}\n      >\n        {teacherInstructionsDiv}\n      </Collapsible>\n    );\n  }\n\n  renderTab(tab, disabledTabs) {\n    const { classes } = this.props;\n\n    return (\n      <div\n        className={classNames(classes.passage, 'passage')}\n        key={tab.id}\n        id={`tabpanel-${tab.id}`}\n        role=\"tabpanel\"\n        aria-labelledby={`button-${tab.id}`}\n      >\n        {this.renderInstructions(tab.teacherInstructions, disabledTabs)}\n\n        {(tab.title || tab.subtitle) && (\n          <h2>\n            {tab.title && (\n              <Purpose purpose=\"passage-title\">\n                <div\n                  className={classNames(classes.passageTitle, 'title')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.title) }}\n                />\n              </Purpose>\n            )}\n            {tab.subtitle && (\n              <Purpose purpose=\"passage-subtitle\">\n                <div\n                  className={classNames(classes.passageSubtitle, 'subtitle')}\n                  dangerouslySetInnerHTML={{ __html: this.parsedText(tab.subtitle) }}\n                />\n              </Purpose>\n            )}\n          </h2>\n        )}\n\n        {tab.author && (\n          <Purpose purpose=\"passage-author\">\n            <div\n              className={classNames(classes.passageAuthor, 'author')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.author) }}\n            />\n          </Purpose>\n        )}\n\n        {tab.text && (\n          <Purpose purpose=\"passage-text\">\n            <div\n              key={tab.id}\n              className={classNames(classes.passageText, 'text')}\n              dangerouslySetInnerHTML={{ __html: this.parsedText(tab.text) }}\n            />\n          </Purpose>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const { classes, model, tabs, disabledTabs } = this.props;\n    const { activeTab } = this.state;\n\n    if (!tabs?.length) {\n      return;\n    }\n\n    const { extraCSSRules } = model || {};\n    const selectedTab = (tabs || []).find((tab) => tab.id === activeTab);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classNames(classes.passages, 'passages')}>\n        {disabledTabs || tabs.length === 1 ? (\n          tabs.map((tab) => this.renderTab(tab, disabledTabs))\n        ) : (\n          <>\n            <Tabs\n              classes={{\n                root: classes.stickyTabs,\n                flexContainer: classes.tabButton,\n              }}\n              value={activeTab}\n              onChange={this.handleChange}\n            >\n              {tabs.map((tab) => (\n                <Tab\n                  className={classes.tab}\n                  key={tab.id}\n                  id={`button-${tab.id}`}\n                  label={\n                    <Purpose purpose=\"passage-label\">\n                      <span dangerouslySetInnerHTML={{ __html: this.parsedText(tab.label) }} />\n                    </Purpose>\n                  }\n                  value={tab.id}\n                  tabIndex={activeTab === tab.id ? 0 : -1}\n                  aria-controls={`tabpanel-${tab.id}`}\n                  aria-selected={activeTab === tab.id}\n                  onFocus={() => this.handleChange(null, tab.id)}\n                  onKeyDown={(event) => this.handleKeyDown(event, tab.id)}\n                />\n              ))}\n            </Tabs>\n            {selectedTab ? this.renderTab(selectedTab, disabledTabs) : null}\n          </>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nStimulusTabs.propTypes = {\n  classes: PropTypes.object.isRequired,\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number.isRequired,\n      label: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string,\n      author: PropTypes.string,\n      text: PropTypes.string.isRequired,\n      teacherInstructions: PropTypes.string,\n    }).isRequired,\n  ).isRequired,\n  disabledTabs: PropTypes.bool,\n};\n\nexport default withStyles(styles)(StimulusTabs);\n"],"file":"stimulus-tabs.js"}