@pie-element/select-text 7.6.1-beta.1 → 7.6.1-beta.4

package/lib/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _main = _interopRequireDefault(require("./main"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _utils = _interopRequireDefault(require("./utils"));
+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 SelectText = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(SelectText, _HTMLElement);
+  var _super = _createSuper(SelectText);
+  function SelectText() {
+    (0, _classCallCheck2["default"])(this, SelectText);
+    return _super.call(this);
+  }
+  (0, _createClass2["default"])(SelectText, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+      this.render();
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+      if (this._model) {
+        var generatedModel = (0, _utils["default"])(this._model) || {};
+        var tokens = generatedModel.tokens;
+        var _ref = s || {},
+          selectedTokens = _ref.selectedTokens;
+        selectedTokens = selectedTokens || [];
+
+        // This case was introduced mostly for createCorrectSession:
+        // make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)
+        var selectedTokenExistsInGeneratedTokens = function selectedTokenExistsInGeneratedTokens(s) {
+          return tokens.find(function (_ref2) {
+            var tStart = _ref2.start,
+              tEnd = _ref2.end;
+            return s.start === tStart && s.end === tEnd;
+          });
+        };
+
+        // check if ALL the selectedTokens have the correct start and end
+        var allAreCorrect = selectedTokens.reduce(function (acc, selectedToken) {
+          return acc && selectedTokenExistsInGeneratedTokens(selectedToken);
+        }, true);
+        if (!allAreCorrect) {
+          // otherwise, make sure to parse selectedTokens as well
+          var _generatedModel = (0, _utils["default"])(_objectSpread(_objectSpread({}, this._model), {}, {
+            tokens: selectedTokens
+          })) || {};
+          var _tokens = _generatedModel.tokens;
+          if (_tokens) {
+            this._session.selectedTokens = _tokens;
+          }
+        }
+      }
+      if (!Array.isArray(this._session.selectedTokens)) {
+        this._session.selectedTokens = [];
+      }
+      this.render();
+    }
+  }, {
+    key: "isSessionComplete",
+    value: function isSessionComplete() {
+      var _ref3 = this._session || {},
+        selectedTokens = _ref3.selectedTokens;
+      return Array.isArray(selectedTokens) && selectedTokens.length > 0;
+    }
+  }, {
+    key: "selectionChanged",
+    value: function selectionChanged(selection) {
+      this._session.selectedTokens = selection;
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this.render();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+      if (this._model && this._session) {
+        var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          model: this._model,
+          session: this._session,
+          onSelectionChange: this.selectionChanged.bind(this)
+        });
+        _reactDom["default"].render(el, this, function () {
+          (0, _mathRendering.renderMath)(_this);
+        });
+      }
+    }
+  }]);
+  return SelectText;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = SelectText;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_piePlayerEvents","_main","_mathRendering","_utils","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","SelectText","_HTMLElement","_inherits2","_super","_classCallCheck2","_createClass2","set","m","_model","render","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","get","_session","s","generatedModel","generateModel","tokens","_ref","selectedTokens","selectedTokenExistsInGeneratedTokens","find","_ref2","tStart","start","tEnd","end","allAreCorrect","reduce","acc","selectedToken","Array","isArray","value","_ref3","selectionChanged","selection","SessionChangedEvent","connectedCallback","_this","el","React","createElement","Main","model","session","onSelectionChange","bind","ReactDOM","renderMath","_wrapNativeSuper2","HTMLElement","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport generateModel from './utils';\n\nexport default class SelectText extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  set session(s) {\n    this._session = s;\n\n    if (this._model) {\n      const generatedModel = generateModel(this._model) || {};\n      const { tokens } = generatedModel;\n      let { selectedTokens } = s || {};\n\n      selectedTokens = selectedTokens || [];\n\n      // This case was introduced mostly for createCorrectSession:\n      // make sure initial session tokens are parsed and have correct start and end (according to the regenerated model)\n      const selectedTokenExistsInGeneratedTokens = (s) =>\n        tokens.find(({ start: tStart, end: tEnd }) => s.start === tStart && s.end === tEnd);\n\n      // check if ALL the selectedTokens have the correct start and end\n      const allAreCorrect = selectedTokens.reduce(\n        (acc, selectedToken) => acc && selectedTokenExistsInGeneratedTokens(selectedToken),\n        true,\n      );\n\n      if (!allAreCorrect) {\n        // otherwise, make sure to parse selectedTokens as well\n        const generatedModel = generateModel({ ...this._model, tokens: selectedTokens }) || {};\n        const { tokens } = generatedModel;\n\n        if (tokens) {\n          this._session.selectedTokens = tokens;\n        }\n      }\n    }\n\n    if (!Array.isArray(this._session.selectedTokens)) {\n      this._session.selectedTokens = [];\n    }\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    const { selectedTokens } = this._session || {};\n    return Array.isArray(selectedTokens) && selectedTokens.length > 0;\n  }\n\n  selectionChanged(selection) {\n    this._session.selectedTokens = selection;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSelectionChange: this.selectionChanged.bind(this),\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"mappings":"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"}

package/lib/main.js

@@ -0,0 +1,217 @@
+"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"));
+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 _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
+};
+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
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "correctAnswer", function () {
+      var model = _this.state.model;
+      return model.tokens.filter(function (t) {
+        return t.correct;
+      });
+    });
+    _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 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, !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(_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
+      })), !model.alwaysShowCorrect && /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
+        show: model.disabled && model.incorrect,
+        toggled: showCorrectAnswer,
+        onToggle: this.toggleShowCorrect
+      }), /*#__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 (_ref) {
+              var start = _ref.start,
+                end = _ref.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
+      }), 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
+      }, "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,
+        feedback: model.feedback
+      }));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+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: {
+      paddingLeft: theme.spacing.unit,
+      paddingRight: theme.spacing.unit,
+      paddingBottom: theme.spacing.unit,
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background()
+    },
+    textSelect: {
+      marginBottom: theme.spacing.unit,
+      marginTop: theme.spacing.unit,
+      whiteSpace: 'normal'
+    },
+    prompt: {
+      verticalAlign: 'middle',
+      marginBottom: theme.spacing.unit
+    },
+    collapsible: {
+      paddingTop: theme.spacing.unit * 2,
+      paddingBottom: theme.spacing.unit * 3
+    }
+  };
+})(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);
+      });
+    });
+    _this2.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);
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_textSelect","_correctAnswerToggle","_renderUi","_styles","_utils","_debug","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","Types","model","PropTypes","session","onSelectionChange","func","isRequired","Main","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_assertThisInitialized2","setState","showCorrectAnswer","state","tokens","t","correct","alwaysShowCorrect","generateModel","_createClass2","value","UNSAFE_componentWillReceiveProps","nextProps","render","_this$props","classes","_this$state","selectedTokens","correctAnswer","createElement","className","mainContainer","teacherInstructions","hasText","Fragment","animationsDisabled","Collapsible","labels","hidden","visible","collapsible","PreviewPrompt","prompt","show","disabled","incorrect","toggled","onToggle","toggleShowCorrect","TextSelect","textSelect","text","onChange","selection","newSelections","map","select","token","find","_ref","start","end","highlightChoices","maxNoOfSelections","maxSelections","rationale","correctness","feedback","Feedback","React","Component","exports","StyledMain","withStyles","theme","paddingLeft","spacing","unit","paddingRight","paddingBottom","color","backgroundColor","background","marginBottom","marginTop","whiteSpace","verticalAlign","paddingTop","Stateful","_React$Component2","_super2","_this2","_this$state2","change"],"sources":["../src/main.jsx"],"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.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\n    const selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;\n\n    log('[render] selectedTokens:', selectedTokens);\n\n    return (\n      <div className={classes.mainContainer}>\n        {model.teacherInstructions && hasText(model.teacherInstructions) && (\n          <React.Fragment>\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              <PreviewPrompt prompt={model.teacherInstructions} />\n            )}\n\n            <br />\n          </React.Fragment>\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={(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        {model.rationale && hasText(model.rationale) && (\n          <React.Fragment>\n            {!model.animationsDisabled ? (\n              <Collapsible\n                labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n                className={classes.collapsible}\n                className={classes.collapsible}\n              >\n                <PreviewPrompt prompt={model.rationale} />\n              </Collapsible>\n            ) : (\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 <StyledMain model={model} session={session} onSelectionChange={this.change} />;\n  }\n}\n"],"mappings":"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"}

package/lib/print.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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"));
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _main = _interopRequireDefault(require("./main"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _debug = _interopRequireDefault(require("debug"));
+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-element:select-text:print');
+
+/**
+ * Live in same package as main element - so we can access some of the shared comps!
+ *
+ * - update pslb to build print if src/print.js is there
+ * - update demo el
+ * - get configure/controller building
+ */
+
+var preparePrintModel = function preparePrintModel(model, opts) {
+  var instr = opts.role === 'instructor';
+  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
+  model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
+  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;
+  model.showTeacherInstructions = instr;
+  model.alwaysShowCorrect = instr;
+  model.mode = instr ? 'evaluate' : model.mode;
+  model.disabled = true;
+  model.animationsDisabled = true;
+  model.highlightChoices = true;
+  model.feedback = undefined;
+  return model;
+};
+var SelectTextPrint = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(SelectTextPrint, _HTMLElement);
+  var _super = _createSuper(SelectTextPrint);
+  function SelectTextPrint() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SelectTextPrint);
+    _this = _super.call(this);
+    _this._options = null;
+    _this._model = null;
+    _this._session = {};
+    _this._session.selectedTokens = [];
+    _this._rerender = (0, _debounce["default"])(function () {
+      if (_this._model && _this._session) {
+        var printModel = preparePrintModel(_this._model, _this._options);
+        var element = _this._options && /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          model: printModel,
+          session: {
+            selectedTokens: []
+          },
+          onSelectionChange: function onSelectionChange() {}
+        });
+        _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
+          log('render complete - render math');
+          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+        });
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(SelectTextPrint, [{
+    key: "options",
+    set: function set(o) {
+      this._options = o;
+    }
+  }, {
+    key: "model",
+    set: function set(s) {
+      this._model = s;
+      this._rerender();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {}
+  }]);
+  return SelectTextPrint;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = SelectTextPrint;
+//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","names":["_react","_interopRequireDefault","require","_reactDom","_debounce","_main","_mathRendering","_debug","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","preparePrintModel","model","opts","instr","role","prompt","promptEnabled","undefined","teacherInstructions","teacherInstructionsEnabled","rationale","rationaleEnabled","showTeacherInstructions","alwaysShowCorrect","mode","disabled","animationsDisabled","highlightChoices","feedback","SelectTextPrint","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_options","_model","_session","selectedTokens","_rerender","debounce","printModel","element","React","createElement","Main","session","onSelectionChange","ReactDOM","render","_assertThisInitialized2","renderMath","leading","trailing","_createClass2","key","set","o","s","value","connectedCallback","_wrapNativeSuper2","HTMLElement","exports"],"sources":["../src/print.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:select-text:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.highlightChoices = true;\n  model.feedback = undefined;\n\n  return model;\n};\n\nexport default class SelectTextPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = {};\n    this._session.selectedTokens = [];\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: { selectedTokens: [] },\n              onSelectionChange: () => {},\n            });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n}\n"],"mappings":"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"}

package/lib/utils.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+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; }
+var createElementFromHTML = function createElementFromHTML() {
+  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+var parseParagraph = function parseParagraph(paragraph, end) {
+  if (end) {
+    return paragraph.innerHTML;
+  }
+  return ''.concat(paragraph.innerHTML, '\n\n');
+};
+var parseParagraphs = function parseParagraphs(dom) {
+  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed
+
+  var str = '';
+  paragraphs.forEach(function (par, index) {
+    str += parseParagraph(par, index === paragraphs.length - 1);
+  });
+  return str || null;
+};
+var prepareText = function prepareText(text) {
+  var txtDom = createElementFromHTML(text);
+  var div = document.createElement('div');
+  div.innerHTML = "<div separator='true'>".concat(txtDom.innerHTML, '</div>');
+  txtDom = div;
+  var allDomElements = Array.from(txtDom.querySelectorAll('*'));
+  if (allDomElements.length === 0) {
+    return text;
+  }
+  return parseParagraphs(txtDom);
+};
+var _default = function _default(model) {
+  if (!model) return model;
+
+  // parsing
+  var modelText = prepareText(model.text || '');
+  var newTokens = (model.tokens || []).reduce(function (acc) {
+    var token = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var tokenText = prepareText((model.text || '').slice(token.start, token.end));
+    if (!tokenText) {
+      return [].concat((0, _toConsumableArray2["default"])(acc), [token]);
+    }
+    var getStartIndex = function getStartIndex(start) {
+      var length = start;
+      while (length >= 0) {
+        var newStartIndex = modelText.slice(length).indexOf(tokenText);
+        if (newStartIndex >= 0) {
+          return newStartIndex + length;
+        }
+        length--;
+      }
+      return 0;
+    };
+    var lastToken = acc[acc.length - 1];
+    var newStart = getStartIndex(lastToken ? lastToken.end : token.start);
+    var newEnd = newStart + tokenText.length;
+    return [].concat((0, _toConsumableArray2["default"])(acc), [_objectSpread(_objectSpread({}, token), {}, {
+      text: tokenText,
+      start: newStart,
+      end: newEnd,
+      // needed for getScore when tokens position is recalculated
+      oldStart: token.start,
+      oldEnd: token.end
+    })]);
+  }, []);
+  return _objectSpread(_objectSpread({}, model), {}, {
+    tokens: newTokens,
+    text: modelText
+  });
+};
+exports["default"] = _default;
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_react","_interopRequireDefault","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","createElementFromHTML","htmlString","undefined","div","document","createElement","innerHTML","trim","parseParagraph","paragraph","end","concat","parseParagraphs","dom","paragraphs","querySelectorAll","str","par","index","prepareText","text","txtDom","allDomElements","Array","from","_default","model","modelText","newTokens","tokens","reduce","acc","token","tokenText","slice","start","_toConsumableArray2","getStartIndex","newStartIndex","indexOf","lastToken","newStart","newEnd","oldStart","oldEnd","exports"],"sources":["../src/utils.js"],"sourcesContent":["import React from 'react';\n\nvar createElementFromHTML = function createElementFromHTML() {\n  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n  var div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n  return div;\n};\n\nvar parseParagraph = function parseParagraph(paragraph, end) {\n  if (end) {\n    return paragraph.innerHTML;\n  }\n\n  return ''.concat(paragraph.innerHTML, '\\n\\n');\n};\n\nvar parseParagraphs = function parseParagraphs(dom) {\n  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed\n\n  var str = '';\n  paragraphs.forEach(function (par, index) {\n    str += parseParagraph(par, index === paragraphs.length - 1);\n  });\n  return str || null;\n};\n\nvar prepareText = function prepareText(text) {\n  var txtDom = createElementFromHTML(text);\n\n  var div = document.createElement('div');\n  div.innerHTML = \"<div separator='true'>\".concat(txtDom.innerHTML, '</div>');\n  txtDom = div;\n\n  var allDomElements = Array.from(txtDom.querySelectorAll('*'));\n\n  if (allDomElements.length === 0) {\n    return text;\n  }\n\n  return parseParagraphs(txtDom);\n};\n\nexport default (model) => {\n  if (!model) return model;\n\n  // parsing\n  const modelText = prepareText(model.text || '');\n\n  const newTokens = (model.tokens || []).reduce((acc, token = {}) => {\n    const tokenText = prepareText((model.text || '').slice(token.start, token.end));\n\n    if (!tokenText) {\n      return [...acc, token];\n    }\n\n    const getStartIndex = (start) => {\n      let length = start;\n\n      while (length >= 0) {\n        let newStartIndex = modelText.slice(length).indexOf(tokenText);\n\n        if (newStartIndex >= 0) {\n          return newStartIndex + length;\n        }\n\n        length--;\n      }\n\n      return 0;\n    };\n\n    const lastToken = acc[acc.length - 1];\n    const newStart = getStartIndex(lastToken ? lastToken.end : token.start);\n    const newEnd = newStart + tokenText.length;\n\n    return [\n      ...acc,\n      {\n        ...token,\n        text: tokenText,\n        start: newStart,\n        end: newEnd,\n        // needed for getScore when tokens position is recalculated\n        oldStart: token.start,\n        oldEnd: token.end,\n      },\n    ];\n  }, []);\n\n  return {\n    ...model,\n    tokens: newTokens,\n    text: modelText,\n  };\n};\n"],"mappings":"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"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.6.1-beta.1+73223f303",
+  "version": "7.6.1-beta.4+4157b2b34",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
@@ -20,7 +20,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "73223f303ea31ca510b096d77e6fb06382b0f0c6",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },