@pie-lib/text-select 2.1.0-next.4 → 2.1.1-next.0

package/lib/tokenizer/controls.js

@@ -0,0 +1,108 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Controls = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _styles = require("@mui/material/styles");
+var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _renderUi = require("@pie-lib/render-ui");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledControls = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  };
+});
+var StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    marginRight: theme.spacing(1)
+  };
+});
+var StyledSwitch = (0, _styles.styled)(_Switch["default"])(function () {
+  return {
+    '& .MuiSwitch-thumb': {
+      '&.Mui-checked': {
+        color: "".concat(_renderUi.color.tertiary(), " !important")
+      }
+    },
+    '& .MuiSwitch-track': {
+      '&.Mui-checked': {
+        backgroundColor: "".concat(_renderUi.color.tertiaryLight(), " !important")
+      }
+    }
+  };
+});
+var Controls = exports.Controls = /*#__PURE__*/function (_React$Component) {
+  function Controls() {
+    (0, _classCallCheck2["default"])(this, Controls);
+    return _callSuper(this, Controls, arguments);
+  }
+  (0, _inherits2["default"])(Controls, _React$Component);
+  return (0, _createClass2["default"])(Controls, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        onClear = _this$props.onClear,
+        onWords = _this$props.onWords,
+        onSentences = _this$props.onSentences,
+        onParagraphs = _this$props.onParagraphs,
+        setCorrectMode = _this$props.setCorrectMode,
+        onToggleCorrectMode = _this$props.onToggleCorrectMode;
+      return /*#__PURE__*/_react["default"].createElement(StyledControls, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        onClick: onWords,
+        size: "small",
+        color: "primary",
+        disabled: setCorrectMode
+      }, "Words"), /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        onClick: onSentences,
+        size: "small",
+        color: "primary",
+        disabled: setCorrectMode
+      }, "Sentences"), /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        onClick: onParagraphs,
+        size: "small",
+        color: "primary",
+        disabled: setCorrectMode
+      }, "Paragraphs"), /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        size: "small",
+        color: "secondary",
+        onClick: onClear,
+        disabled: setCorrectMode
+      }, "Clear")), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
+          checked: setCorrectMode,
+          onChange: onToggleCorrectMode
+        }),
+        label: "Set correct answers"
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Controls, "propTypes", {
+  onClear: _propTypes["default"].func.isRequired,
+  onWords: _propTypes["default"].func.isRequired,
+  onSentences: _propTypes["default"].func.isRequired,
+  onParagraphs: _propTypes["default"].func.isRequired,
+  setCorrectMode: _propTypes["default"].bool.isRequired,
+  onToggleCorrectMode: _propTypes["default"].func.isRequired
+});
+(0, _defineProperty2["default"])(Controls, "defaultProps", {});
+var _default = exports["default"] = Controls;
+//# sourceMappingURL=controls.js.map

package/lib/tokenizer/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_styles","_Switch","_FormControlLabel","_renderUi","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledControls","styled","display","alignItems","justifyContent","StyledButton","Button","_ref","theme","marginRight","spacing","StyledSwitch","Switch","color","concat","tertiary","backgroundColor","tertiaryLight","Controls","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","onClear","onWords","onSentences","onParagraphs","setCorrectMode","onToggleCorrectMode","createElement","onClick","size","disabled","control","checked","onChange","label","React","Component","_defineProperty2","PropTypes","func","isRequired","bool","_default"],"sources":["../../src/tokenizer/controls.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport Switch from '@mui/material/Switch';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledControls = styled('div')(() => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n}));\n\nconst StyledButton = styled(Button)(({ theme }) => ({\n  marginRight: theme.spacing(1),\n}));\n\nconst StyledSwitch = styled(Switch)(() => ({\n  '& .MuiSwitch-thumb': {\n    '&.Mui-checked': {\n      color: `${color.tertiary()} !important`,\n    },\n  },\n  '& .MuiSwitch-track': {\n    '&.Mui-checked': {\n      backgroundColor: `${color.tertiaryLight()} !important`,\n    },\n  },\n}));\n\nexport class Controls extends React.Component {\n  static propTypes = {\n    onClear: PropTypes.func.isRequired,\n    onWords: PropTypes.func.isRequired,\n    onSentences: PropTypes.func.isRequired,\n    onParagraphs: PropTypes.func.isRequired,\n    setCorrectMode: PropTypes.bool.isRequired,\n    onToggleCorrectMode: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { onClear, onWords, onSentences, onParagraphs, setCorrectMode, onToggleCorrectMode } = this.props;\n\n    return (\n      <StyledControls>\n        <div>\n          <StyledButton onClick={onWords} size=\"small\" color=\"primary\" disabled={setCorrectMode}>\n            Words\n          </StyledButton>\n          <StyledButton\n            onClick={onSentences}\n            size=\"small\"\n            color=\"primary\"\n            disabled={setCorrectMode}\n          >\n            Sentences\n          </StyledButton>\n          <StyledButton\n            onClick={onParagraphs}\n            size=\"small\"\n            color=\"primary\"\n            disabled={setCorrectMode}\n          >\n            Paragraphs\n          </StyledButton>\n          <StyledButton size=\"small\" color=\"secondary\" onClick={onClear} disabled={setCorrectMode}>\n            Clear\n          </StyledButton>\n        </div>\n        <FormControlLabel\n          control={\n            <StyledSwitch\n              checked={setCorrectMode}\n              onChange={onToggleCorrectMode}\n            />\n          }\n          label=\"Set correct answers\"\n        />\n      </StyledControls>\n    );\n  }\n}\nexport default Controls;\n"],"mappings":"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","ignoreList":[]}

package/lib/tokenizer/index.js

@@ -0,0 +1,162 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Tokenizer = void 0;
+require("core-js/modules/es.array.find-index.js");
+require("core-js/modules/es.array.splice.js");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _controls = _interopRequireDefault(require("./controls"));
+var _styles = require("@mui/material/styles");
+var _builder = require("./builder");
+var _clone = _interopRequireDefault(require("lodash/clone"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _differenceWith = _interopRequireDefault(require("lodash/differenceWith"));
+var _styleUtils = require("@pie-lib/style-utils");
+var _tokenText = _interopRequireDefault(require("./token-text"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledText = (0, _styles.styled)('div')(function (_ref) {
+  var disabled = _ref.disabled;
+  return _objectSpread({
+    whiteSpace: 'pre-wrap'
+  }, disabled && _objectSpread({}, (0, _styleUtils.noSelect)()));
+});
+var Tokenizer = exports.Tokenizer = /*#__PURE__*/function (_React$Component) {
+  function Tokenizer(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Tokenizer);
+    _this = _callSuper(this, Tokenizer, [props]);
+    (0, _defineProperty2["default"])(_this, "onChangeHandler", function (token, mode) {
+      _this.props.onChange(token, mode);
+      _this.setState({
+        mode: mode
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "toggleCorrectMode", function () {
+      return _this.setState({
+        setCorrectMode: !_this.state.setCorrectMode
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "clear", function () {
+      _this.onChangeHandler([], '');
+    });
+    (0, _defineProperty2["default"])(_this, "buildTokens", function (type, fn) {
+      var text = _this.props.text;
+      var tokens = fn(text);
+      _this.onChangeHandler(tokens, type);
+    });
+    (0, _defineProperty2["default"])(_this, "selectToken", function (newToken, tokensToRemove) {
+      var tokens = _this.props.tokens;
+      var update = (0, _differenceWith["default"])((0, _clone["default"])(tokens), tokensToRemove, _isEqual["default"]);
+      update.push(newToken);
+      _this.onChangeHandler(update, _this.state.mode);
+    });
+    (0, _defineProperty2["default"])(_this, "tokenClick", function (token) {
+      var setCorrectMode = _this.state.setCorrectMode;
+      if (setCorrectMode) {
+        _this.setCorrect(token);
+      } else {
+        _this.removeToken(token);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "tokenIndex", function (token) {
+      var tokens = _this.props.tokens;
+      return tokens.findIndex(function (t) {
+        return t.text == token.text && t.start == token.start && t.end == token.end;
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "setCorrect", function (token) {
+      var tokens = _this.props.tokens;
+      var index = _this.tokenIndex(token);
+      if (index !== -1) {
+        var t = tokens[index];
+        t.correct = !t.correct;
+        var update = (0, _clone["default"])(tokens);
+        update.splice(index, 1, t);
+        _this.onChangeHandler(update, _this.state.mode);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "removeToken", function (token) {
+      var tokens = _this.props.tokens;
+      var index = _this.tokenIndex(token);
+      if (index !== -1) {
+        var update = (0, _clone["default"])(tokens);
+        update.splice(index, 1);
+        _this.onChangeHandler(update, _this.state.mode);
+      }
+    });
+    _this.state = {
+      setCorrectMode: false,
+      mode: ''
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(Tokenizer, _React$Component);
+  return (0, _createClass2["default"])(Tokenizer, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        text = _this$props.text,
+        tokens = _this$props.tokens;
+      var setCorrectMode = this.state.setCorrectMode;
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_controls["default"], {
+        onClear: this.clear,
+        onWords: function onWords() {
+          return _this2.buildTokens('words', _builder.words);
+        },
+        onSentences: function onSentences() {
+          return _this2.buildTokens('sentence', _builder.sentences);
+        },
+        onParagraphs: function onParagraphs() {
+          return _this2.buildTokens('paragraphs', _builder.paragraphs);
+        },
+        setCorrectMode: setCorrectMode,
+        onToggleCorrectMode: this.toggleCorrectMode
+      }), /*#__PURE__*/_react["default"].createElement(StyledText, {
+        disabled: setCorrectMode,
+        as: _tokenText["default"],
+        text: text,
+        tokens: tokens,
+        onTokenClick: this.tokenClick,
+        onSelectToken: this.selectToken
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Tokenizer, "propTypes", {
+  text: _propTypes["default"].string.isRequired,
+  tokens: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    text: _propTypes["default"].string,
+    correct: _propTypes["default"].bool,
+    start: _propTypes["default"].number,
+    end: _propTypes["default"].number
+  })),
+  onChange: _propTypes["default"].func.isRequired
+});
+(0, _defineProperty2["default"])(Tokenizer, "defaultProps", {});
+var _default = exports["default"] = Tokenizer;
+//# sourceMappingURL=index.js.map

package/lib/tokenizer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_controls","_styles","_builder","_clone","_isEqual","_differenceWith","_styleUtils","_tokenText","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledText","styled","_ref","disabled","whiteSpace","noSelect","Tokenizer","exports","_React$Component","props","_this","_classCallCheck2","token","mode","onChange","setState","setCorrectMode","state","onChangeHandler","type","fn","text","tokens","newToken","tokensToRemove","update","differenceWith","clone","isEqual","setCorrect","removeToken","findIndex","start","end","index","tokenIndex","correct","splice","_inherits2","_createClass2","key","value","render","_this2","_this$props","createElement","onClear","clear","onWords","buildTokens","words","onSentences","sentences","onParagraphs","paragraphs","onToggleCorrectMode","toggleCorrectMode","as","TokenText","onTokenClick","tokenClick","onSelectToken","selectToken","React","Component","PropTypes","string","isRequired","arrayOf","shape","bool","number","func","_default"],"sources":["../../src/tokenizer/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Controls from './controls';\nimport { styled } from '@mui/material/styles';\nimport { words, sentences, paragraphs } from './builder';\nimport clone from 'lodash/clone';\nimport isEqual from 'lodash/isEqual';\nimport differenceWith from 'lodash/differenceWith';\nimport { noSelect } from '@pie-lib/style-utils';\nimport TokenText from './token-text';\n\nconst StyledText = styled('div')(({ disabled }) => ({\n  whiteSpace: 'pre-wrap',\n\n  ...(disabled && {\n    ...noSelect(),\n  }),\n}));\n\nexport class Tokenizer extends React.Component {\n  static propTypes = {\n    text: PropTypes.string.isRequired,\n    tokens: PropTypes.arrayOf(\n      PropTypes.shape({\n        text: PropTypes.string,\n        correct: PropTypes.bool,\n        start: PropTypes.number,\n        end: PropTypes.number,\n      }),\n    ),\n    onChange: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      setCorrectMode: false,\n      mode: '',\n    };\n  }\n\n  onChangeHandler = (token, mode) => {\n    this.props.onChange(token, mode);\n\n    this.setState({\n      mode,\n    });\n  };\n\n  toggleCorrectMode = () => this.setState({ setCorrectMode: !this.state.setCorrectMode });\n\n  clear = () => {\n    this.onChangeHandler([], '');\n  };\n\n  buildTokens = (type, fn) => {\n    const { text } = this.props;\n    const tokens = fn(text);\n\n    this.onChangeHandler(tokens, type);\n  };\n\n  selectToken = (newToken, tokensToRemove) => {\n    const { tokens } = this.props;\n    const update = differenceWith(clone(tokens), tokensToRemove, isEqual);\n\n    update.push(newToken);\n    this.onChangeHandler(update, this.state.mode);\n  };\n\n  tokenClick = (token) => {\n    const { setCorrectMode } = this.state;\n\n    if (setCorrectMode) {\n      this.setCorrect(token);\n    } else {\n      this.removeToken(token);\n    }\n  };\n\n  tokenIndex = (token) => {\n    const { tokens } = this.props;\n\n    return tokens.findIndex((t) => {\n      return t.text == token.text && t.start == token.start && t.end == token.end;\n    });\n  };\n\n  setCorrect = (token) => {\n    const { tokens } = this.props;\n    const index = this.tokenIndex(token);\n    if (index !== -1) {\n      const t = tokens[index];\n\n      t.correct = !t.correct;\n\n      const update = clone(tokens);\n\n      update.splice(index, 1, t);\n      this.onChangeHandler(update, this.state.mode);\n    }\n  };\n\n  removeToken = (token) => {\n    const { tokens } = this.props;\n\n    const index = this.tokenIndex(token);\n    if (index !== -1) {\n      const update = clone(tokens);\n\n      update.splice(index, 1);\n\n      this.onChangeHandler(update, this.state.mode);\n    }\n  };\n\n  render() {\n    const { text, tokens } = this.props;\n    const { setCorrectMode } = this.state;\n\n    return (\n      <div>\n        <Controls\n          onClear={this.clear}\n          onWords={() => this.buildTokens('words', words)}\n          onSentences={() => this.buildTokens('sentence', sentences)}\n          onParagraphs={() => this.buildTokens('paragraphs', paragraphs)}\n          setCorrectMode={setCorrectMode}\n          onToggleCorrectMode={this.toggleCorrectMode}\n        />\n        <StyledText\n          disabled={setCorrectMode}\n          as={TokenText}\n          text={text}\n          tokens={tokens}\n          onTokenClick={this.tokenClick}\n          onSelectToken={this.selectToken}\n        />\n      </div>\n    );\n  }\n}\n\nexport default Tokenizer;\n"],"mappings":"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","ignoreList":[]}

package/lib/tokenizer/selection-utils.js

@@ -0,0 +1,59 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCaretCharacterOffsetWithin = exports.clearSelection = void 0;
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
+var clearSelection = exports.clearSelection = function clearSelection() {
+  if (document.getSelection) {
+    // for all new browsers (IE9+, Chrome, Firefox)
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(document.createRange());
+  } else if (window.getSelection) {
+    // equals with the document.getSelection (MSDN info)
+    if (window.getSelection().removeAllRanges) {
+      // for all new browsers (IE9+, Chrome, Firefox)
+      window.getSelection().removeAllRanges();
+      window.getSelection().addRange(document.createRange());
+    } else if (window.getSelection().empty) {
+      // Chrome supports this as well
+      window.getSelection().empty();
+    }
+  } else if (document.selection) {
+    // IE8-
+    document.selection.empty();
+  }
+};
+var getCaretCharacterOffsetWithin = exports.getCaretCharacterOffsetWithin = function getCaretCharacterOffsetWithin(element) {
+  var caretOffset = 0;
+  var doc = element.ownerDocument || element.document;
+  var win = doc.defaultView || doc.parentWindow;
+  var sel;
+  if (typeof win.getSelection !== 'undefined') {
+    sel = win.getSelection();
+    if (sel.rangeCount > 0) {
+      var range = win.getSelection().getRangeAt(0);
+      var selected = range.toString().length;
+      var preCaretRange = range.cloneRange();
+      preCaretRange.selectNodeContents(element);
+      preCaretRange.setEnd(range.endContainer, range.endOffset);
+      if (selected) {
+        caretOffset = preCaretRange.toString().length - selected;
+      } else {
+        caretOffset = preCaretRange.toString().length;
+      }
+    }
+  } else if ((sel = doc.selection) && sel.type !== 'Control') {
+    var textRange = sel.createRange();
+    var preCaretTextRange = doc.body.createTextRange();
+    preCaretTextRange.moveToElementText(element);
+    preCaretTextRange.setEndPoint('EndToEnd', textRange);
+    caretOffset = preCaretTextRange.text.length;
+  }
+  return caretOffset;
+};
+//# sourceMappingURL=selection-utils.js.map

package/lib/tokenizer/selection-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-utils.js","names":["clearSelection","exports","document","getSelection","removeAllRanges","addRange","createRange","window","empty","selection","getCaretCharacterOffsetWithin","element","caretOffset","doc","ownerDocument","win","defaultView","parentWindow","sel","rangeCount","range","getRangeAt","selected","toString","length","preCaretRange","cloneRange","selectNodeContents","setEnd","endContainer","endOffset","type","textRange","preCaretTextRange","body","createTextRange","moveToElementText","setEndPoint","text"],"sources":["../../src/tokenizer/selection-utils.js"],"sourcesContent":["export const clearSelection = () => {\n  if (document.getSelection) {\n    // for all new browsers (IE9+, Chrome, Firefox)\n    document.getSelection().removeAllRanges();\n    document.getSelection().addRange(document.createRange());\n  } else if (window.getSelection) {\n    // equals with the document.getSelection (MSDN info)\n    if (window.getSelection().removeAllRanges) {\n      // for all new browsers (IE9+, Chrome, Firefox)\n      window.getSelection().removeAllRanges();\n      window.getSelection().addRange(document.createRange());\n    } else if (window.getSelection().empty) {\n      // Chrome supports this as well\n      window.getSelection().empty();\n    }\n  } else if (document.selection) {\n    // IE8-\n    document.selection.empty();\n  }\n};\n\nexport const getCaretCharacterOffsetWithin = (element) => {\n  var caretOffset = 0;\n  var doc = element.ownerDocument || element.document;\n  var win = doc.defaultView || doc.parentWindow;\n  var sel;\n  if (typeof win.getSelection !== 'undefined') {\n    sel = win.getSelection();\n    if (sel.rangeCount > 0) {\n      var range = win.getSelection().getRangeAt(0);\n      var selected = range.toString().length;\n      var preCaretRange = range.cloneRange();\n      preCaretRange.selectNodeContents(element);\n      preCaretRange.setEnd(range.endContainer, range.endOffset);\n      if (selected) {\n        caretOffset = preCaretRange.toString().length - selected;\n      } else {\n        caretOffset = preCaretRange.toString().length;\n      }\n    }\n  } else if ((sel = doc.selection) && sel.type !== 'Control') {\n    var textRange = sel.createRange();\n    var preCaretTextRange = doc.body.createTextRange();\n    preCaretTextRange.moveToElementText(element);\n    preCaretTextRange.setEndPoint('EndToEnd', textRange);\n    caretOffset = preCaretTextRange.text.length;\n  }\n  return caretOffset;\n};\n"],"mappings":";;;;;;;;;;AAAO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,IAAIE,QAAQ,CAACC,YAAY,EAAE;IACzB;IACAD,QAAQ,CAACC,YAAY,CAAC,CAAC,CAACC,eAAe,CAAC,CAAC;IACzCF,QAAQ,CAACC,YAAY,CAAC,CAAC,CAACE,QAAQ,CAACH,QAAQ,CAACI,WAAW,CAAC,CAAC,CAAC;EAC1D,CAAC,MAAM,IAAIC,MAAM,CAACJ,YAAY,EAAE;IAC9B;IACA,IAAII,MAAM,CAACJ,YAAY,CAAC,CAAC,CAACC,eAAe,EAAE;MACzC;MACAG,MAAM,CAACJ,YAAY,CAAC,CAAC,CAACC,eAAe,CAAC,CAAC;MACvCG,MAAM,CAACJ,YAAY,CAAC,CAAC,CAACE,QAAQ,CAACH,QAAQ,CAACI,WAAW,CAAC,CAAC,CAAC;IACxD,CAAC,MAAM,IAAIC,MAAM,CAACJ,YAAY,CAAC,CAAC,CAACK,KAAK,EAAE;MACtC;MACAD,MAAM,CAACJ,YAAY,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;IAC/B;EACF,CAAC,MAAM,IAAIN,QAAQ,CAACO,SAAS,EAAE;IAC7B;IACAP,QAAQ,CAACO,SAAS,CAACD,KAAK,CAAC,CAAC;EAC5B;AACF,CAAC;AAEM,IAAME,6BAA6B,GAAAT,OAAA,CAAAS,6BAAA,GAAG,SAAhCA,6BAA6BA,CAAIC,OAAO,EAAK;EACxD,IAAIC,WAAW,GAAG,CAAC;EACnB,IAAIC,GAAG,GAAGF,OAAO,CAACG,aAAa,IAAIH,OAAO,CAACT,QAAQ;EACnD,IAAIa,GAAG,GAAGF,GAAG,CAACG,WAAW,IAAIH,GAAG,CAACI,YAAY;EAC7C,IAAIC,GAAG;EACP,IAAI,OAAOH,GAAG,CAACZ,YAAY,KAAK,WAAW,EAAE;IAC3Ce,GAAG,GAAGH,GAAG,CAACZ,YAAY,CAAC,CAAC;IACxB,IAAIe,GAAG,CAACC,UAAU,GAAG,CAAC,EAAE;MACtB,IAAIC,KAAK,GAAGL,GAAG,CAACZ,YAAY,CAAC,CAAC,CAACkB,UAAU,CAAC,CAAC,CAAC;MAC5C,IAAIC,QAAQ,GAAGF,KAAK,CAACG,QAAQ,CAAC,CAAC,CAACC,MAAM;MACtC,IAAIC,aAAa,GAAGL,KAAK,CAACM,UAAU,CAAC,CAAC;MACtCD,aAAa,CAACE,kBAAkB,CAAChB,OAAO,CAAC;MACzCc,aAAa,CAACG,MAAM,CAACR,KAAK,CAACS,YAAY,EAAET,KAAK,CAACU,SAAS,CAAC;MACzD,IAAIR,QAAQ,EAAE;QACZV,WAAW,GAAGa,aAAa,CAACF,QAAQ,CAAC,CAAC,CAACC,MAAM,GAAGF,QAAQ;MAC1D,CAAC,MAAM;QACLV,WAAW,GAAGa,aAAa,CAACF,QAAQ,CAAC,CAAC,CAACC,MAAM;MAC/C;IACF;EACF,CAAC,MAAM,IAAI,CAACN,GAAG,GAAGL,GAAG,CAACJ,SAAS,KAAKS,GAAG,CAACa,IAAI,KAAK,SAAS,EAAE;IAC1D,IAAIC,SAAS,GAAGd,GAAG,CAACZ,WAAW,CAAC,CAAC;IACjC,IAAI2B,iBAAiB,GAAGpB,GAAG,CAACqB,IAAI,CAACC,eAAe,CAAC,CAAC;IAClDF,iBAAiB,CAACG,iBAAiB,CAACzB,OAAO,CAAC;IAC5CsB,iBAAiB,CAACI,WAAW,CAAC,UAAU,EAAEL,SAAS,CAAC;IACpDpB,WAAW,GAAGqB,iBAAiB,CAACK,IAAI,CAACd,MAAM;EAC7C;EACA,OAAOZ,WAAW;AACpB,CAAC","ignoreList":[]}

package/lib/tokenizer/token-text.js

@@ -0,0 +1,187 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Text = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.replace.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _builder = require("./builder");
+var _debug = _interopRequireDefault(require("debug"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _selectionUtils = require("./selection-utils");
+var _colors = require("@mui/material/colors");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var log = (0, _debug["default"])('@pie-lib:text-select:token-text');
+var StyledText = (0, _styles.styled)('span')(function () {
+  return {
+    '&.predefined': {
+      cursor: 'pointer',
+      backgroundColor: _colors.yellow[100],
+      border: "dashed 0px ".concat(_colors.yellow[700]),
+      // we need this for nested tokenized elements like paragraphs, where p is inside span
+      '& *': {
+        cursor: 'pointer',
+        backgroundColor: _colors.yellow[100],
+        border: "dashed 0px ".concat(_colors.yellow[700])
+      }
+    },
+    '&.correct': {
+      backgroundColor: _colors.green[500],
+      '& *': {
+        backgroundColor: _colors.green[500]
+      }
+    }
+  };
+});
+var Text = exports.Text = function Text(_ref) {
+  var text = _ref.text,
+    predefined = _ref.predefined,
+    onClick = _ref.onClick,
+    correct = _ref.correct;
+  var formattedText = (text || '').replace(/\n/g, '<br>');
+  if (predefined) {
+    var className = (0, _classnames["default"])('predefined', correct && 'correct');
+    return /*#__PURE__*/_react["default"].createElement(StyledText, {
+      onClick: onClick,
+      className: className,
+      dangerouslySetInnerHTML: {
+        __html: formattedText
+      }
+    });
+  } else {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: formattedText
+      }
+    });
+  }
+};
+var notAllowedCharacters = ['\n', ' ', '\t'];
+var TokenText = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function TokenText() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, TokenText);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, TokenText, [].concat(args));
+    /*
+     Change this to onClick instead of mouseUp because previously, in some cases
+     the onClick event from the <Text /> component was called right after the user
+     selected token and that token was then removed because the setCorrectMode was not true.
+      const { setCorrectMode } = this.state;
+      if (setCorrectMode) {
+     this.setCorrect(token);
+     } else {
+     this.removeToken(token);
+     }
+     */
+    (0, _defineProperty2["default"])(_this, "onClick", function (event) {
+      var _this$props = _this.props,
+        onSelectToken = _this$props.onSelectToken,
+        text = _this$props.text,
+        tokens = _this$props.tokens;
+      event.preventDefault();
+      if (typeof window === 'undefined') {
+        return;
+      }
+      var selection = window.getSelection();
+      var textSelected = selection.toString();
+      if (textSelected.length > 0 && notAllowedCharacters.indexOf(textSelected) < 0) {
+        if (_this.root) {
+          var offset = (0, _selectionUtils.getCaretCharacterOffsetWithin)(_this.root);
+          /*
+           Since we implemented new line functionality (\n) using <br /> dom elements
+           and window.getSelection is not taking that into consideration, the offset might
+           be off by a few characters.
+            To combat that, we check if the selected text is right at the beginning of the offset.
+            If it's not, we add the additional offset in order for that to be accurate
+           */
+          var newLineOffset = text.slice(offset).indexOf(textSelected);
+          offset += newLineOffset;
+          if (offset !== undefined) {
+            var endIndex = offset + textSelected.length;
+            if (endIndex <= text.length) {
+              var i = (0, _builder.intersection)({
+                start: offset,
+                end: endIndex
+              }, tokens);
+              if (i.hasOverlap) {
+                log('hasOverlap  - do nothing');
+                (0, _selectionUtils.clearSelection)();
+              } else {
+                var tokensToRemove = i.surroundedTokens;
+                var token = {
+                  text: textSelected,
+                  start: offset,
+                  end: endIndex
+                };
+                onSelectToken(token, tokensToRemove);
+                (0, _selectionUtils.clearSelection)();
+              }
+            }
+          }
+        }
+      }
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(TokenText, _React$Component);
+  return (0, _createClass2["default"])(TokenText, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        text = _this$props2.text,
+        tokens = _this$props2.tokens,
+        className = _this$props2.className,
+        onTokenClick = _this$props2.onTokenClick;
+      var normalized = (0, _builder.normalize)(text, tokens);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: className,
+        ref: function ref(r) {
+          return _this2.root = r;
+        },
+        onClick: this.onClick
+      }, normalized.map(function (t, index) {
+        return /*#__PURE__*/_react["default"].createElement(Text, (0, _extends2["default"])({
+          key: index
+        }, t, {
+          onClick: function onClick() {
+            return onTokenClick(t);
+          }
+        }));
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(TokenText, "propTypes", {
+  text: _propTypes["default"].string.isRequired,
+  tokens: _propTypes["default"].array.isRequired,
+  onTokenClick: _propTypes["default"].func.isRequired,
+  onSelectToken: _propTypes["default"].func.isRequired,
+  className: _propTypes["default"].string
+});
+//# sourceMappingURL=token-text.js.map

package/lib/tokenizer/token-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-text.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_builder","_debug","_classnames","_selectionUtils","_colors","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","StyledText","styled","cursor","backgroundColor","yellow","border","concat","green","Text","exports","_ref","text","predefined","onClick","correct","formattedText","replace","className","classNames","createElement","dangerouslySetInnerHTML","__html","notAllowedCharacters","TokenText","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_defineProperty2","event","_this$props","props","onSelectToken","tokens","preventDefault","window","selection","getSelection","textSelected","toString","indexOf","root","offset","getCaretCharacterOffsetWithin","newLineOffset","slice","undefined","endIndex","i","intersection","start","end","hasOverlap","clearSelection","tokensToRemove","surroundedTokens","token","_inherits2","_createClass2","key","value","render","_this2","_this$props2","onTokenClick","normalized","normalize","ref","r","map","index","_extends2","React","Component","PropTypes","string","isRequired","array","func"],"sources":["../../src/tokenizer/token-text.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { normalize, intersection } from './builder';\nimport debug from 'debug';\nimport classNames from 'classnames';\n\nimport { clearSelection, getCaretCharacterOffsetWithin } from './selection-utils';\n\nimport { yellow, green } from '@mui/material/colors';\n\nconst log = debug('@pie-lib:text-select:token-text');\n\nconst StyledText = styled('span')(() => ({\n  '&.predefined': {\n    cursor: 'pointer',\n    backgroundColor: yellow[100],\n    border: `dashed 0px ${yellow[700]}`,\n    // we need this for nested tokenized elements like paragraphs, where p is inside span\n    '& *': {\n      cursor: 'pointer',\n      backgroundColor: yellow[100],\n      border: `dashed 0px ${yellow[700]}`,\n    },\n  },\n  '&.correct': {\n    backgroundColor: green[500],\n    '& *': {\n      backgroundColor: green[500],\n    },\n  },\n}));\n\nexport const Text = ({ text, predefined, onClick, correct }) => {\n  const formattedText = (text || '').replace(/\\n/g, '<br>');\n\n  if (predefined) {\n    const className = classNames('predefined', correct && 'correct');\n\n    return <StyledText onClick={onClick} className={className} dangerouslySetInnerHTML={{ __html: formattedText }} />;\n  } else {\n    return <span dangerouslySetInnerHTML={{ __html: formattedText }} />;\n  }\n};\n\nconst notAllowedCharacters = ['\\n', ' ', '\\t'];\n\nexport default class TokenText extends React.Component {\n  static propTypes = {\n    text: PropTypes.string.isRequired,\n    tokens: PropTypes.array.isRequired,\n    onTokenClick: PropTypes.func.isRequired,\n    onSelectToken: PropTypes.func.isRequired,\n    className: PropTypes.string,\n  };\n\n  /*\n   Change this to onClick instead of mouseUp because previously, in some cases\n   the onClick event from the <Text /> component was called right after the user\n   selected token and that token was then removed because the setCorrectMode was not true.\n\n   const { setCorrectMode } = this.state;\n\n   if (setCorrectMode) {\n   this.setCorrect(token);\n   } else {\n   this.removeToken(token);\n   }\n   */\n  onClick = (event) => {\n    const { onSelectToken, text, tokens } = this.props;\n\n    event.preventDefault();\n\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const selection = window.getSelection();\n    const textSelected = selection.toString();\n\n    if (textSelected.length > 0 && notAllowedCharacters.indexOf(textSelected) < 0) {\n      if (this.root) {\n        let offset = getCaretCharacterOffsetWithin(this.root);\n        /*\n         Since we implemented new line functionality (\\n) using <br /> dom elements\n         and window.getSelection is not taking that into consideration, the offset might\n         be off by a few characters.\n\n         To combat that, we check if the selected text is right at the beginning of the offset.\n\n         If it's not, we add the additional offset in order for that to be accurate\n         */\n        const newLineOffset = text.slice(offset).indexOf(textSelected);\n\n        offset += newLineOffset;\n\n        if (offset !== undefined) {\n          const endIndex = offset + textSelected.length;\n\n          if (endIndex <= text.length) {\n            const i = intersection({ start: offset, end: endIndex }, tokens);\n            if (i.hasOverlap) {\n              log('hasOverlap  - do nothing');\n              clearSelection();\n            } else {\n              const tokensToRemove = i.surroundedTokens;\n              const token = {\n                text: textSelected,\n                start: offset,\n                end: endIndex,\n              };\n\n              onSelectToken(token, tokensToRemove);\n              clearSelection();\n            }\n          }\n        }\n      }\n    }\n  };\n\n  render() {\n    const { text, tokens, className, onTokenClick } = this.props;\n    const normalized = normalize(text, tokens);\n\n    return (\n      <div className={className} ref={(r) => (this.root = r)} onClick={this.onClick}>\n        {normalized.map((t, index) => {\n          return <Text key={index} {...t} onClick={() => onTokenClick(t)} />;\n        })}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}