@pie-element/select-text 11.3.4-next.3 → 12.0.0-beta.0

package/lib/main.js

@@ -1,264 +1,191 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Main = void 0;
-
-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"));
-
+exports.default = exports.Main = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _textSelect = require("@pie-lib/text-select");
-
 var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/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); 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 log = (0, _debug["default"])('@pie-ui:select-text');
-var Types = {
-  model: _propTypes["default"].object,
-  session: _propTypes["default"].object,
-  onSelectionChange: _propTypes["default"].func.isRequired
+const log = (0, _debug.default)('@pie-ui:select-text');
+const StyledUiLayout = (0, _styles.styled)(_renderUi.UiLayout)({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background()
+});
+const StyledTextSelect = (0, _styles.styled)(_textSelect.TextSelect)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(1),
+  marginTop: theme.spacing(2),
+  whiteSpace: 'normal'
+}));
+const Prompt = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  verticalAlign: 'middle',
+  marginBottom: theme.spacing(1)
+}));
+const StyledCollapsible = (0, _styles.styled)(_renderUi.Collapsible)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+const Types = {
+  model: _propTypes.default.object,
+  session: _propTypes.default.object,
+  onSelectionChange: _propTypes.default.func.isRequired
 };
-
-var Main = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Main, _React$Component);
-
-  var _super = _createSuper(Main);
-
-  function Main(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Main);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleShowCorrect", function () {
-      _this.setState({
-        showCorrectAnswer: !_this.state.showCorrectAnswer
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "toggleShowCorrect", () => {
+      this.setState({
+        showCorrectAnswer: !this.state.showCorrectAnswer
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "correctAnswer", function () {
-      var model = _this.state.model;
-      return model.tokens.filter(function (t) {
-        return t.correct;
-      });
+    (0, _defineProperty2.default)(this, "correctAnswer", () => {
+      const {
+        model
+      } = this.state;
+      return model.tokens.filter(t => t.correct);
     });
-    _this.state = {
-      showCorrectAnswer: _this.props.model.alwaysShowCorrect || false,
-      model: (0, _utils["default"])(props.model)
+    this.state = {
+      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(nextProps) {
-      this.setState({
-        showCorrectAnswer: !!nextProps.model.alwaysShowCorrect,
-        model: (0, _utils["default"])(nextProps.model)
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          session = _this$props.session,
-          onSelectionChange = _this$props.onSelectionChange,
-          classes = _this$props.classes;
-      var _this$state = this.state,
-          showCorrectAnswer = _this$state.showCorrectAnswer,
-          model = _this$state.model;
-      var env = model.env,
-          extraCSSRules = model.extraCSSRules;
-
-      var _ref = env || {},
-          mode = _ref.mode;
-
-      var selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;
-      var showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
-      var showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
-      log('[render] selectedTokens:', selectedTokens);
-      return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
-        extraCSSRules: extraCSSRules,
-        className: classes.mainContainer
-      }, showTeacherInstructions && (!model.animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Teacher Instructions',
-          visible: 'Hide Teacher Instructions'
-        },
-        className: classes.collapsible
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.teacherInstructions
-      })) : /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.prompt
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.teacherInstructions
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.prompt
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.prompt
-      })), !model.alwaysShowCorrect && /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
-        show: model.disabled && model.incorrect,
-        toggled: showCorrectAnswer,
-        onToggle: this.toggleShowCorrect,
-        language: model.language
-      }), /*#__PURE__*/_react["default"].createElement(_textSelect.TextSelect, {
-        className: classes.textSelect,
-        disabled: model.disabled,
-        text: model.text,
-        tokens: model.tokens,
-        selectedTokens: selectedTokens,
-        onChange: function onChange(selection) {
-          var newSelections = selection.map(function (select) {
-            var token = model.tokens.find(function (_ref2) {
-              var start = _ref2.start,
-                  end = _ref2.end;
-              return select.start === start && select.end === end;
-            }); // needed for getScore when tokens position is recalculated, to keep oldStart and oldEnd
-
-            if (token) {
-              return token;
-            }
-
-            return select;
-          });
-          onSelectionChange(newSelections);
-        },
-        highlightChoices: model.highlightChoices,
-        maxNoOfSelections: model.maxSelections,
-        animationsDisabled: model.animationsDisabled
-      }), mode === 'evaluate' && /*#__PURE__*/_react["default"].createElement(_textSelect.Legend, {
-        language: model.language,
-        showOnlyCorrect: showCorrectAnswer
-      }), showRationale && (!model.animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Rationale',
-          visible: 'Hide Rationale'
-        },
-        className: classes.collapsible
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.rationale
-      })) : /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.prompt
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.rationale
-      }))), model.correctness && model.feedback && !showCorrectAnswer && /*#__PURE__*/_react["default"].createElement(_renderUi.Feedback, {
-        correctness: model.correctness,
-        feedback: model.feedback
-      }));
-    }
-  }]);
-  return Main;
-}(_react["default"].Component);
-
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      showCorrectAnswer: !!nextProps.model.alwaysShowCorrect,
+      model: (0, _utils.default)(nextProps.model)
+    });
+  }
+  render() {
+    const {
+      session,
+      onSelectionChange
+    } = this.props;
+    const {
+      showCorrectAnswer,
+      model
+    } = this.state;
+    const {
+      env,
+      extraCSSRules
+    } = model;
+    const {
+      mode
+    } = env || {};
+    const selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;
+    const showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
+    const showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
+    log('[render] selectedTokens:', selectedTokens);
+    return /*#__PURE__*/_react.default.createElement(StyledUiLayout, {
+      extraCSSRules: extraCSSRules
+    }, showTeacherInstructions && (!model.animationsDisabled ? /*#__PURE__*/_react.default.createElement(StyledCollapsible, {
+      labels: {
+        hidden: 'Show Teacher Instructions',
+        visible: 'Hide Teacher Instructions'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.teacherInstructions
+    })) : /*#__PURE__*/_react.default.createElement(Prompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.teacherInstructions
+    }))), /*#__PURE__*/_react.default.createElement(Prompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.prompt
+    })), !model.alwaysShowCorrect && /*#__PURE__*/_react.default.createElement(_correctAnswerToggle.default, {
+      show: model.disabled && model.incorrect,
+      toggled: showCorrectAnswer,
+      onToggle: this.toggleShowCorrect,
+      language: model.language
+    }), /*#__PURE__*/_react.default.createElement(StyledTextSelect, {
+      disabled: model.disabled,
+      text: model.text,
+      tokens: model.tokens,
+      selectedTokens: selectedTokens,
+      onChange: selection => {
+        const newSelections = selection.map(select => {
+          const token = model.tokens.find(({
+            start,
+            end
+          }) => select.start === start && select.end === end);
+
+          // needed for getScore when tokens position is recalculated, to keep oldStart and oldEnd
+          if (token) {
+            return token;
+          }
+          return select;
+        });
+        onSelectionChange(newSelections);
+      },
+      highlightChoices: model.highlightChoices,
+      maxNoOfSelections: model.maxSelections,
+      animationsDisabled: model.animationsDisabled
+    }), mode === 'evaluate' && /*#__PURE__*/_react.default.createElement(_textSelect.Legend, {
+      language: model.language,
+      showOnlyCorrect: showCorrectAnswer
+    }), showRationale && (!model.animationsDisabled ? /*#__PURE__*/_react.default.createElement(StyledCollapsible, {
+      labels: {
+        hidden: 'Show Rationale',
+        visible: 'Hide Rationale'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.rationale
+    })) : /*#__PURE__*/_react.default.createElement(Prompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: model.rationale
+    }))), model.correctness && model.feedback && !showCorrectAnswer && /*#__PURE__*/_react.default.createElement(_renderUi.Feedback, {
+      correctness: model.correctness,
+      feedback: model.feedback
+    }));
+  }
+}
 exports.Main = Main;
-(0, _defineProperty2["default"])(Main, "propTypes", _objectSpread(_objectSpread({}, Types), {}, {
-  classes: _propTypes["default"].object.isRequired
-}));
-(0, _defineProperty2["default"])(Main, "defaultProps", {});
-var StyledMain = (0, _styles.withStyles)(function (theme) {
-  return {
-    mainContainer: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background()
-    },
-    textSelect: {
-      marginBottom: theme.spacing.unit,
-      marginTop: theme.spacing.unit * 2,
-      whiteSpace: 'normal'
-    },
-    prompt: {
-      verticalAlign: 'middle',
-      marginBottom: theme.spacing.unit
-    },
-    collapsible: {
-      marginBottom: theme.spacing.unit * 2
-    }
-  };
-})(Main);
-
-var Stateful = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Stateful, _React$Component2);
-
-  var _super2 = _createSuper(Stateful);
-
-  function Stateful(props) {
-    var _this2;
-
-    (0, _classCallCheck2["default"])(this, Stateful);
-    _this2 = _super2.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "change", function (selectedTokens) {
-      var session = _objectSpread(_objectSpread({}, _this2.state.session), {}, {
-        selectedTokens: selectedTokens
-      });
-
-      _this2.setState({
-        session: session
-      }, function () {
-        _this2.props.onSelectionChange(_this2.state.session.selectedTokens);
+(0, _defineProperty2.default)(Main, "propTypes", Types);
+(0, _defineProperty2.default)(Main, "defaultProps", {});
+class Stateful extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "change", selectedTokens => {
+      const session = {
+        ...this.state.session,
+        selectedTokens
+      };
+      this.setState({
+        session
+      }, () => {
+        this.props.onSelectionChange(this.state.session.selectedTokens);
       });
     });
-    _this2.state = {
+    this.state = {
       model: props.model,
       session: props.session
     };
-    return _this2;
   }
-
-  (0, _createClass2["default"])(Stateful, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      this.setState({
-        model: nextProps.model,
-        session: nextProps.session
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state2 = this.state,
-          model = _this$state2.model,
-          session = _this$state2.session;
-      return /*#__PURE__*/_react["default"].createElement(StyledMain, {
-        model: model,
-        session: session,
-        onSelectionChange: this.change
-      });
-    }
-  }]);
-  return Stateful;
-}(_react["default"].Component);
-
-exports["default"] = Stateful;
-(0, _defineProperty2["default"])(Stateful, "propTypes", Types);
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      model: nextProps.model,
+      session: nextProps.session
+    });
+  }
+  render() {
+    const {
+      model,
+      session
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(Main, {
+      model: model,
+      session: session,
+      onSelectionChange: this.change
+    });
+  }
+}
+exports.default = Stateful;
+(0, _defineProperty2.default)(Stateful, "propTypes", Types);
 //# sourceMappingURL=main.js.map

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","alwaysShowCorrect","nextProps","classes","env","extraCSSRules","mode","selectedTokens","correctAnswer","showRationale","rationale","showTeacherInstructions","teacherInstructions","mainContainer","animationsDisabled","hidden","visible","collapsible","prompt","disabled","incorrect","toggleShowCorrect","language","textSelect","text","selection","newSelections","map","select","token","find","start","end","highlightChoices","maxSelections","correctness","feedback","React","Component","StyledMain","theme","color","backgroundColor","background","marginBottom","spacing","unit","marginTop","whiteSpace","verticalAlign","Stateful","change"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TextSelect, Legend } from '@pie-lib/text-select';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Feedback, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } 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.state;\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    const { env, extraCSSRules } = model;\n    const { mode } = env || {};\n\n    const selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    log('[render] selectedTokens:', selectedTokens);\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classes.mainContainer}>\n        {showTeacherInstructions &&\n          (!model.animationsDisabled ? (\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          ) : (\n            <div className={classes.prompt}>\n              <PreviewPrompt prompt={model.teacherInstructions} />\n            </div>\n          ))}\n\n        <div className={classes.prompt}>\n          <PreviewPrompt prompt={model.prompt} />\n        </div>\n\n        {!model.alwaysShowCorrect && (\n          <CorrectAnswerToggle\n            show={model.disabled && model.incorrect}\n            toggled={showCorrectAnswer}\n            onToggle={this.toggleShowCorrect}\n            language={model.language}\n          />\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={(selection) => {\n            const newSelections = selection.map((select) => {\n              const token = model.tokens.find(({ start, end }) => select.start === start && select.end === end);\n\n              // needed for getScore when tokens position is recalculated, to keep oldStart and oldEnd\n              if (token) {\n                return token;\n              }\n\n              return select;\n            });\n\n            onSelectionChange(newSelections);\n          }}\n          highlightChoices={model.highlightChoices}\n          maxNoOfSelections={model.maxSelections}\n          animationsDisabled={model.animationsDisabled}\n        />\n        {mode === 'evaluate' && <Legend language={model.language} showOnlyCorrect={showCorrectAnswer} />}\n\n        {showRationale &&\n          (!model.animationsDisabled ? (\n            <Collapsible\n              labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.rationale} />\n            </Collapsible>\n          ) : (\n            <div className={classes.prompt}>\n              <PreviewPrompt prompt={model.rationale} />\n            </div>\n          ))}\n\n        {model.correctness && model.feedback && !showCorrectAnswer && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nconst StyledMain = withStyles((theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  textSelect: {\n    marginBottom: theme.spacing.unit,\n    marginTop: theme.spacing.unit * 2,\n    whiteSpace: 'normal',\n  },\n  prompt: {\n    verticalAlign: 'middle',\n    marginBottom: theme.spacing.unit,\n  },\n  collapsible: {\n    marginBottom: theme.spacing.unit * 2,\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 <StyledMain model={model} session={session} onSelectionChange={this.change} />;\n  }\n}\n"],"file":"main.js"}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_textSelect","_correctAnswerToggle","_renderUi","_styles","_utils","_debug","log","debug","StyledUiLayout","styled","UiLayout","color","text","backgroundColor","background","StyledTextSelect","TextSelect","theme","marginBottom","spacing","marginTop","whiteSpace","Prompt","verticalAlign","StyledCollapsible","Collapsible","Types","model","PropTypes","object","session","onSelectionChange","func","isRequired","Main","React","Component","constructor","props","_defineProperty2","default","setState","showCorrectAnswer","state","tokens","filter","t","correct","alwaysShowCorrect","generateModel","UNSAFE_componentWillReceiveProps","nextProps","render","env","extraCSSRules","mode","selectedTokens","correctAnswer","showRationale","rationale","hasText","hasMedia","showTeacherInstructions","teacherInstructions","createElement","animationsDisabled","labels","hidden","visible","PreviewPrompt","prompt","show","disabled","incorrect","toggled","onToggle","toggleShowCorrect","language","onChange","selection","newSelections","map","select","token","find","start","end","highlightChoices","maxNoOfSelections","maxSelections","Legend","showOnlyCorrect","correctness","feedback","Feedback","exports","Stateful","change"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TextSelect, Legend } from '@pie-lib/text-select';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Feedback, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/render-ui';\nimport { styled } from '@mui/material/styles';\nimport generateModel from './utils';\n\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:select-text');\n\nconst StyledUiLayout = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n});\n\nconst StyledTextSelect = styled(TextSelect)(({ theme }) => ({\n  marginBottom: theme.spacing(1),\n  marginTop: theme.spacing(2),\n  whiteSpace: 'normal',\n}));\n\nconst Prompt = styled('div')(({ theme }) => ({\n  verticalAlign: 'middle',\n  marginBottom: theme.spacing(1),\n}));\n\nconst StyledCollapsible = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\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;\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.state;\n\n    return model.tokens.filter((t) => t.correct);\n  };\n\n  render() {\n    const { session, onSelectionChange } = this.props;\n    const { showCorrectAnswer, model } = this.state;\n    const { env, extraCSSRules } = model;\n    const { mode } = env || {};\n\n    const selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    log('[render] selectedTokens:', selectedTokens);\n\n    return (\n      <StyledUiLayout extraCSSRules={extraCSSRules}>\n        {showTeacherInstructions &&\n          (!model.animationsDisabled ? (\n            <StyledCollapsible\n              labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n            >\n              <PreviewPrompt prompt={model.teacherInstructions} />\n            </StyledCollapsible>\n          ) : (\n            <Prompt>\n              <PreviewPrompt prompt={model.teacherInstructions} />\n            </Prompt>\n          ))}\n\n        <Prompt>\n          <PreviewPrompt prompt={model.prompt} />\n        </Prompt>\n\n        {!model.alwaysShowCorrect && (\n          <CorrectAnswerToggle\n            show={model.disabled && model.incorrect}\n            toggled={showCorrectAnswer}\n            onToggle={this.toggleShowCorrect}\n            language={model.language}\n          />\n        )}\n\n        <StyledTextSelect\n          disabled={model.disabled}\n          text={model.text}\n          tokens={model.tokens}\n          selectedTokens={selectedTokens}\n          onChange={(selection) => {\n            const newSelections = selection.map((select) => {\n              const token = model.tokens.find(({ start, end }) => select.start === start && select.end === end);\n\n              // needed for getScore when tokens position is recalculated, to keep oldStart and oldEnd\n              if (token) {\n                return token;\n              }\n\n              return select;\n            });\n\n            onSelectionChange(newSelections);\n          }}\n          highlightChoices={model.highlightChoices}\n          maxNoOfSelections={model.maxSelections}\n          animationsDisabled={model.animationsDisabled}\n        />\n        {mode === 'evaluate' && <Legend language={model.language} showOnlyCorrect={showCorrectAnswer} />}\n\n        {showRationale &&\n          (!model.animationsDisabled ? (\n            <StyledCollapsible\n              labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n            >\n              <PreviewPrompt prompt={model.rationale} />\n            </StyledCollapsible>\n          ) : (\n            <Prompt>\n              <PreviewPrompt prompt={model.rationale} />\n            </Prompt>\n          ))}\n\n        {model.correctness && model.feedback && !showCorrectAnswer && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n      </StyledUiLayout>\n    );\n  }\n}\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 <Main model={model} session={session} onSelectionChange={this.change} />;\n  }\n}\n"],"mappings":"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","ignoreList":[]}