@pie-element/select-text 6.5.16 → 6.5.20

package/docs/demo/generate.js

@@ -132,10 +132,6 @@ And say, now, how does it seem to you?</p>`,
   );
 };
 
-exports.model = (id, element) => {
-  return Object.assign({}, { id, element }, base({}));
-};
-
 exports.mathSample = (id, element) => {
   return Object.assign({}, { id, element }, mathSample({}));
 };
@@ -209,3 +205,418 @@ exports.htmlAscii = (id, element) => ({
     }]
   }
 );
+
+const simpleItem = {
+  "text": "A. Almost never\n\nB. Once in a while\n\nC. Sometimes\n\nD. Often\n\nE. Almost all the time",
+  "tokens": [
+    {
+      "text": "A. Almost never",
+      "end": 15,
+      "start": 0,
+      "correct": true
+    },
+    {
+      "start": 17,
+      "end": 35,
+      "correct": false,
+      "text": "B. Once in a while"
+    },
+    {
+      "correct": false,
+      "end": 49,
+      "start": 37,
+      "text": "C. Sometimes"
+    },
+    {
+      "text": "D. Often",
+      "correct": false,
+      "end": 59,
+      "start": 51
+    },
+    {
+      "start": 61,
+      "correct": false,
+      "end": 83,
+      "text": "E. Almost all the time"
+    }
+  ],
+  "rationale": "<p>answers vary</p>",
+  "partialScoring": true,
+  "teacherInstructions": "",
+  "prompt": "<p>I got my work done right away instead of waiting until the last minute.</p>",
+  "maxSelections": 1,
+};
+
+exports.model = (id, element) => {
+  return Object.assign({}, { id, element }, base(     {
+    "partialScoring": true,
+    "tokens": [
+      {
+        "correct": false,
+        "start": 3,
+        "end": 6,
+        "text": "Our"
+      },
+      {
+        "correct": false,
+        "start": 7,
+        "end": 16,
+        "text": "challenge"
+      },
+      {
+        "correct": false,
+        "start": 18,
+        "end": 21,
+        "text": "not"
+      },
+      {
+        "correct": false,
+        "start": 22,
+        "end": 30,
+        "text": "tomorrow"
+      },
+      {
+        "correct": false,
+        "start": 31,
+        "end": 34,
+        "text": "but"
+      },
+      {
+        "correct": false,
+        "start": 35,
+        "end": 40,
+        "text": "today"
+      },
+      {
+        "correct": false,
+        "start": 42,
+        "end": 44,
+        "text": "is"
+      },
+      {
+        "correct": false,
+        "start": 45,
+        "end": 47,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 48,
+        "end": 58,
+        "text": "accomplish"
+      },
+      {
+        "correct": false,
+        "start": 59,
+        "end": 69,
+        "text": "objectives"
+      },
+      {
+        "correct": false,
+        "start": 70,
+        "end": 75,
+        "text": "which"
+      },
+      {
+        "correct": false,
+        "start": 76,
+        "end": 80,
+        "text": "have"
+      },
+      {
+        "correct": false,
+        "start": 81,
+        "end": 87,
+        "text": "eluded"
+      },
+      {
+        "correct": false,
+        "start": 88,
+        "end": 95,
+        "text": "mankind"
+      },
+      {
+        "correct": false,
+        "start": 96,
+        "end": 101,
+        "text": "since"
+      },
+      {
+        "correct": false,
+        "start": 102,
+        "end": 105,
+        "text": "the"
+      },
+      {
+        "correct": false,
+        "start": 106,
+        "end": 115,
+        "text": "beginning"
+      },
+      {
+        "correct": false,
+        "start": 116,
+        "end": 118,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 119,
+        "end": 123,
+        "text": "time"
+      },
+      {
+        "correct": false,
+        "start": 125,
+        "end": 127,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 128,
+        "end": 132,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 133,
+        "end": 138,
+        "text": "bring"
+      },
+      {
+        "correct": false,
+        "start": 139,
+        "end": 144,
+        "text": "equal"
+      },
+      {
+        "correct": false,
+        "start": 145,
+        "end": 152,
+        "text": "justice"
+      },
+      {
+        "correct": false,
+        "start": 153,
+        "end": 155,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 156,
+        "end": 159,
+        "text": "all"
+      },
+      {
+        "correct": false,
+        "start": 160,
+        "end": 163,
+        "text": "our"
+      },
+      {
+        "correct": false,
+        "start": 164,
+        "end": 172,
+        "text": "citizens"
+      },
+      {
+        "correct": false,
+        "start": 174,
+        "end": 176,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 177,
+        "end": 181,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 182,
+        "end": 189,
+        "text": "abolish"
+      },
+      {
+        "correct": false,
+        "start": 190,
+        "end": 195,
+        "text": "human"
+      },
+      {
+        "correct": true,
+        "start": 196,
+        "end": 203,
+        "text": "poverty"
+      },
+      {
+        "correct": false,
+        "start": 205,
+        "end": 207,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 208,
+        "end": 212,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 213,
+        "end": 222,
+        "text": "eradicate"
+      },
+      {
+        "correct": false,
+        "start": 223,
+        "end": 230,
+        "text": "killing"
+      },
+      {
+        "correct": false,
+        "start": 231,
+        "end": 234,
+        "text": "and"
+      },
+      {
+        "correct": false,
+        "start": 235,
+        "end": 244,
+        "text": "crippling"
+      },
+      {
+        "correct": true,
+        "start": 245,
+        "end": 252,
+        "text": "disease"
+      },
+      {
+        "correct": false,
+        "start": 253,
+        "end": 256,
+        "text": "and"
+      },
+      {
+        "correct": false,
+        "start": 257,
+        "end": 265,
+        "text": "lengthen"
+      },
+      {
+        "correct": false,
+        "start": 266,
+        "end": 269,
+        "text": "the"
+      },
+      {
+        "correct": false,
+        "start": 270,
+        "end": 274,
+        "text": "span"
+      },
+      {
+        "correct": false,
+        "start": 275,
+        "end": 277,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 278,
+        "end": 282,
+        "text": "life"
+      },
+      {
+        "correct": false,
+        "start": 283,
+        "end": 285,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 286,
+        "end": 289,
+        "text": "100"
+      },
+      {
+        "correct": false,
+        "start": 290,
+        "end": 292,
+        "text": "or"
+      },
+      {
+        "correct": false,
+        "start": 293,
+        "end": 296,
+        "text": "200"
+      },
+      {
+        "correct": false,
+        "start": 297,
+        "end": 302,
+        "text": "years"
+      },
+      {
+        "correct": false,
+        "start": 304,
+        "end": 306,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 307,
+        "end": 311,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 312,
+        "end": 321,
+        "text": "eliminate"
+      },
+      {
+        "correct": true,
+        "start": 322,
+        "end": 332,
+        "text": "illiteracy"
+      },
+      {
+        "correct": false,
+        "start": 333,
+        "end": 338,
+        "text": "among"
+      },
+      {
+        "correct": false,
+        "start": 339,
+        "end": 342,
+        "text": "all"
+      },
+      {
+        "correct": false,
+        "start": 343,
+        "end": 345,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 346,
+        "end": 349,
+        "text": "our"
+      },
+      {
+        "correct": false,
+        "start": 350,
+        "end": 356,
+        "text": "people"
+      }
+    ],
+    // "id": "0",
+    "text": "<p>Our challenge, not tomorrow but today, is to accomplish objectives which have eluded mankind since the beginning of time. We must bring equal justice to all our citizens. We must abolish human poverty. We must eradicate killing and crippling disease and lengthen the span of life to 100 or 200 years. We must eliminate illiteracy among all of our people.</p>\n",
+    "prompt": "<p>Select the <span class=\"relative-emphasis\">three</span> words from below that specifically describe the &#8220;enemies&#8221; which Johnson wants to eliminate.</p>",
+    "rationale": "<p>In paragraph 6, Johnson refers to the &#8220;ancient enemies&#8221;&#8212;which he defines as poverty, disease, illiteracy, strife, and bigotry. In paragraph 3, he talks about this idea by explaining that he wants to &#8220;accomplish objectives which have eluded mankind;&#8221; that is, to eliminate these enemies.</p>",
+    // "element": "select-text",
+    "maxSelections": 3
+  }  ));
+};

package/lib/main.js

@@ -33,6 +33,8 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _styles = require("@material-ui/core/styles");
 
+var _utils = _interopRequireDefault(require("./utils"));
+
 var _debug = _interopRequireDefault(require("debug"));
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -71,47 +73,37 @@ var Main = /*#__PURE__*/function (_React$Component) {
         return t.correct;
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateText", function () {
-      var model = _this.props.model;
-
-      var oldModel = _objectSpread({}, model);
-
-      var newText = (0, _textSelect.prepareText)(oldModel.text);
-      model.unpreparedText = oldModel.text;
-      model.text = newText;
-    });
     _this.state = {
-      showCorrectAnswer: false
+      showCorrectAnswer: _this.props.model.alwaysShowCorrect || false,
+      model: (0, _utils["default"])(props.model)
     };
     return _this;
   }
 
   (0, _createClass2["default"])(Main, [{
     key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps() {
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
-        showCorrectAnswer: false
+        showCorrectAnswer: !!nextProps.model.alwaysShowCorrect,
+        model: (0, _utils["default"])(nextProps.model)
       });
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          model = _this$props.model,
           session = _this$props.session,
           onSelectionChange = _this$props.onSelectionChange,
           classes = _this$props.classes;
-      var showCorrectAnswer = this.state.showCorrectAnswer;
-
-      if (!model.unpreparedText) {
-        this.updateText();
-      }
+      var _this$state = this.state,
+          showCorrectAnswer = _this$state.showCorrectAnswer,
+          model = _this$state.model; // const model = generateTokens(this.props.model)
 
       var selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;
       log('[render] selectedTokens:', selectedTokens);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.mainContainer
-      }, model.teacherInstructions && (0, _renderUi.hasText)(model.teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      }, model.teacherInstructions && (0, _renderUi.hasText)(model.teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !model.animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
         labels: {
           hidden: 'Show Teacher Instructions',
           visible: 'Hide Teacher Instructions'
@@ -119,11 +111,13 @@ var Main = /*#__PURE__*/function (_React$Component) {
         className: classes.collapsible
       }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
         prompt: model.teacherInstructions
-      })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement("div", {
+      })) : /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: model.teacherInstructions
+      }), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.prompt
       }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
         prompt: model.prompt
-      })), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
+      })), !model.alwaysShowCorrect && /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
         show: model.disabled && model.incorrect,
         toggled: showCorrectAnswer,
         onToggle: this.toggleShowCorrect
@@ -135,14 +129,17 @@ var Main = /*#__PURE__*/function (_React$Component) {
         selectedTokens: selectedTokens,
         onChange: onSelectionChange,
         highlightChoices: model.highlightChoices,
-        maxNoOfSelections: model.maxSelections
-      }), model.rationale && (0, _renderUi.hasText)(model.rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        maxNoOfSelections: model.maxSelections,
+        animationsDisabled: model.animationsDisabled
+      }), model.rationale && (0, _renderUi.hasText)(model.rationale) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !model.animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, (0, _defineProperty2["default"])({
         labels: {
           hidden: 'Show Rationale',
           visible: 'Hide Rationale'
         },
         className: classes.collapsible
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+      }, "className", classes.collapsible), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: model.rationale
+      })) : /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
         prompt: model.rationale
       })), model.correctness && model.feedback && !showCorrectAnswer && /*#__PURE__*/_react["default"].createElement(_renderUi.Feedback, {
         correctness: model.correctness,
@@ -222,9 +219,9 @@ var Stateful = /*#__PURE__*/function (_React$Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _this$state = this.state,
-          model = _this$state.model,
-          session = _this$state.session;
+      var _this$state2 = this.state,
+          model = _this$state2.model,
+          session = _this$state2.session;
       return /*#__PURE__*/_react["default"].createElement(StyledMain, {
         model: model,
         session: session,

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["log","Types","model","PropTypes","object","session","onSelectionChange","func","isRequired","Main","props","setState","showCorrectAnswer","state","tokens","filter","t","correct","oldModel","newText","text","unpreparedText","classes","updateText","selectedTokens","correctAnswer","mainContainer","teacherInstructions","hidden","visible","collapsible","prompt","disabled","incorrect","toggleShowCorrect","textSelect","highlightChoices","maxSelections","rationale","correctness","feedback","React","Component","StyledMain","theme","paddingLeft","spacing","unit","paddingRight","paddingBottom","color","backgroundColor","background","marginBottom","marginTop","whiteSpace","verticalAlign","paddingTop","Stateful","nextProps","change"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TextSelect, prepareText } from '@pie-lib/text-select';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport {color, Feedback, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:select-text');\n\nconst Types = {\n  model: PropTypes.object,\n  session: PropTypes.object,\n  onSelectionChange: PropTypes.func.isRequired\n};\n\nexport class Main extends React.Component {\n  static propTypes = { ...Types, classes: PropTypes.object.isRequired };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrectAnswer: false\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ showCorrectAnswer: false });\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  correctAnswer = () => {\n    const { model } = this.props;\n\n    return model.tokens.filter(t => t.correct);\n  };\n\n  updateText = () => {\n    const { model } = this.props;\n\n    const oldModel = {\n      ...model\n    };\n    const newText = prepareText(oldModel.text);\n\n    model.unpreparedText = oldModel.text;\n    model.text = newText;\n  };\n\n  render() {\n    const { model, session, onSelectionChange, classes } = this.props;\n    const { showCorrectAnswer } = this.state;\n\n    if(!model.unpreparedText) {\n      this.updateText();\n    }\n\n    const selectedTokens = showCorrectAnswer\n      ? this.correctAnswer()\n      : session.selectedTokens;\n\n    log('[render] selectedTokens:', selectedTokens);\n\n    return (\n      <div className={classes.mainContainer}>\n        {\n          model.teacherInstructions && hasText(model.teacherInstructions) && (\n            <React.Fragment>\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                <PreviewPrompt prompt={model.teacherInstructions} />\n              </Collapsible>\n              <br />\n            </React.Fragment>\n          )\n        }\n        <div className={classes.prompt}>\n          <PreviewPrompt prompt={model.prompt} />\n        </div>\n        <CorrectAnswerToggle\n          show={model.disabled && model.incorrect}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />\n        <TextSelect\n          className={classes.textSelect}\n          disabled={model.disabled}\n          text={model.text}\n          tokens={model.tokens}\n          selectedTokens={selectedTokens}\n          onChange={onSelectionChange}\n          highlightChoices={model.highlightChoices}\n          maxNoOfSelections={model.maxSelections}\n        />\n        {\n          model.rationale && hasText(model.rationale) && (\n            <Collapsible\n              labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.rationale} />\n            </Collapsible>\n          )\n        }\n        {model.correctness && model.feedback && !showCorrectAnswer && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledMain = withStyles(theme => ({\n  mainContainer: {\n    paddingLeft: theme.spacing.unit,\n    paddingRight: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  },\n  textSelect: {\n    marginBottom: theme.spacing.unit,\n    marginTop: theme.spacing.unit,\n    whiteSpace: 'normal'\n  },\n  prompt: {\n    verticalAlign: 'middle',\n    marginBottom: theme.spacing.unit\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 3\n  }\n}))(Main);\n\nexport default class Stateful extends React.Component {\n  static propTypes = Types;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      model: props.model,\n      session: props.session\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({ model: nextProps.model, session: nextProps.session });\n  }\n\n  change = selectedTokens => {\n    const session = { ...this.state.session, selectedTokens };\n    this.setState({ session }, () => {\n      this.props.onSelectionChange(this.state.session.selectedTokens);\n    });\n  };\n\n  render() {\n    const { model, session } = this.state;\n    return (\n      <StyledMain\n        model={model}\n        session={session}\n        onSelectionChange={this.change}\n      />\n    );\n  }\n}\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["log","Types","model","PropTypes","object","session","onSelectionChange","func","isRequired","Main","props","setState","showCorrectAnswer","state","tokens","filter","t","correct","alwaysShowCorrect","nextProps","classes","selectedTokens","correctAnswer","mainContainer","teacherInstructions","animationsDisabled","hidden","visible","collapsible","prompt","disabled","incorrect","toggleShowCorrect","textSelect","text","highlightChoices","maxSelections","rationale","correctness","feedback","React","Component","StyledMain","theme","paddingLeft","spacing","unit","paddingRight","paddingBottom","color","backgroundColor","background","marginBottom","marginTop","whiteSpace","verticalAlign","paddingTop","Stateful","change"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TextSelect } from '@pie-lib/text-select';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Feedback, Collapsible, hasText, PreviewPrompt } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport generateModel from './utils';\n\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:select-text');\n\nconst Types = {\n  model: PropTypes.object,\n  session: PropTypes.object,\n  onSelectionChange: PropTypes.func.isRequired\n};\n\nexport class Main extends React.Component {\n  static propTypes = { ...Types, classes: PropTypes.object.isRequired };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrectAnswer: this.props.model.alwaysShowCorrect || false,\n      model: generateModel(props.model)\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({\n      showCorrectAnswer: !!nextProps.model.alwaysShowCorrect,\n      model: generateModel(nextProps.model)\n    });\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  correctAnswer = () => {\n    const { model } = this.props;\n\n    return model.tokens.filter(t => t.correct);\n  };\n\n  render() {\n    const { session, onSelectionChange, classes } = this.props;\n    const { showCorrectAnswer, model } = this.state;\n\n    // const model = generateTokens(this.props.model)\n\n    const selectedTokens = showCorrectAnswer\n      ? this.correctAnswer()\n      : session.selectedTokens;\n\n    log('[render] selectedTokens:', selectedTokens);\n\n    return (\n      <div className={classes.mainContainer}>\n        {\n          model.teacherInstructions && hasText(model.teacherInstructions) && (\n            <React.Fragment>\n              {!model.animationsDisabled ? <Collapsible\n                  labels={{hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions'}}\n                  className={classes.collapsible}\n                >\n                  <PreviewPrompt prompt={model.teacherInstructions}/>\n\n                </Collapsible>\n                : <PreviewPrompt prompt={model.teacherInstructions}/>}\n\n                <br />\n                </React.Fragment>\n          )\n        }\n        <div className={classes.prompt}>\n          <PreviewPrompt prompt={model.prompt}/>\n        </div>\n        {!model.alwaysShowCorrect && (\n          <CorrectAnswerToggle\n            show={model.disabled && model.incorrect}\n            toggled={showCorrectAnswer}\n            onToggle={this.toggleShowCorrect}\n          />\n        )}\n        <TextSelect\n          className={classes.textSelect}\n          disabled={model.disabled}\n          text={model.text}\n          tokens={model.tokens}\n          selectedTokens={selectedTokens}\n          onChange={onSelectionChange}\n          highlightChoices={model.highlightChoices}\n          maxNoOfSelections={model.maxSelections}\n          animationsDisabled={model.animationsDisabled}\n        />\n        {\n          model.rationale && hasText(model.rationale) && (\n            <React.Fragment>\n              {!model.animationsDisabled ? <Collapsible\n                  labels={{hidden: 'Show Rationale', visible: 'Hide Rationale'}} className={classes.collapsible}\n                  className={classes.collapsible}\n                >\n                  <PreviewPrompt prompt={model.rationale}/>\n                </Collapsible>\n                : <PreviewPrompt prompt={model.rationale}/>\n              }\n            </React.Fragment>)\n        }\n        {model.correctness && model.feedback && !showCorrectAnswer && (\n          <Feedback correctness={model.correctness} feedback={model.feedback}/>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledMain = withStyles(theme => ({\n  mainContainer: {\n    paddingLeft: theme.spacing.unit,\n    paddingRight: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  },\n  textSelect: {\n    marginBottom: theme.spacing.unit,\n    marginTop: theme.spacing.unit,\n    whiteSpace: 'normal'\n  },\n  prompt: {\n    verticalAlign: 'middle',\n    marginBottom: theme.spacing.unit\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 3\n  }\n}))(Main);\n\nexport default class Stateful extends React.Component {\n  static propTypes = Types;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      model: props.model,\n      session: props.session\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({ model: nextProps.model, session: nextProps.session });\n  }\n\n  change = selectedTokens => {\n    const session = { ...this.state.session, selectedTokens };\n    this.setState({ session }, () => {\n      this.props.onSelectionChange(this.state.session.selectedTokens);\n    });\n  };\n\n  render() {\n    const { model, session } = this.state;\n    return (\n      <StyledMain\n        model={model}\n        session={session}\n        onSelectionChange={this.change}\n      />\n    );\n  }\n}\n"],"file":"main.js"}