@pie-lib/text-select 1.12.8 → 1.13.1-beta.0

package/src/tokenizer/__tests__/token-text.test.jsx

@@ -0,0 +1,136 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import TokenText from '../token-text';
+import { intersection } from '../builder';
+import { clearSelection, getCaretCharacterOffsetWithin } from '../selection-utils';
+
+jest.mock('../selection-utils', () => ({
+  clearSelection: jest.fn(),
+  getCaretCharacterOffsetWithin: jest.fn().mockReturnValue(10),
+}));
+
+jest.mock('../builder', () => ({
+  intersection: jest.fn().mockReturnValue({
+    hasOverlap: jest.fn().mockReturnValue(false),
+    surroundedTokens: jest.fn().mockReturnValue([]),
+  }),
+  normalize: jest.fn().mockReturnValue([
+    {
+      text: `lorem\nfoo bar`,
+      start: 0,
+      end: 13,
+      predefined: true,
+    },
+  ]),
+}));
+
+const tokens = () => [
+  {
+    start: 0,
+    end: 7,
+    text: `lorem\nfoo bar`,
+  },
+];
+
+const mkEvent = () => ({
+  preventDefault: jest.fn(),
+});
+
+describe('token-text', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const w = shallow(
+        <TokenText onTokenClick={jest.fn()} onSelectToken={jest.fn()} text={`lorem\nfoo bar`} tokens={tokens()} />,
+      );
+      expect(w).toMatchSnapshot();
+    });
+  });
+
+  describe('logic', () => {
+    let w;
+    let onSelectToken;
+    let onTokenClick;
+    beforeEach(() => {
+      global.window.getSelection = jest.fn().mockReturnValue({
+        toString: () => 'bar',
+      });
+
+      onSelectToken = jest.fn();
+      onTokenClick = jest.fn();
+
+      w = shallow(
+        <TokenText
+          onTokenClick={onTokenClick}
+          onSelectToken={onSelectToken}
+          text={`lorem\nfoo bar`}
+          tokens={tokens()}
+        />,
+      );
+    });
+
+    describe('mouseup', () => {
+      it('calls event.preventDefault', () => {
+        const event = mkEvent();
+        w.instance().onClick(event);
+        expect(event.preventDefault).toBeCalled();
+      });
+
+      it('calls getCaretCharacterOffsetWithin', () => {
+        const event = mkEvent();
+        w.instance().root = {};
+        w.instance().onClick(event);
+        expect(getCaretCharacterOffsetWithin).toBeCalledWith({});
+      });
+
+      it('calls clear selection if there is an overlap', () => {
+        intersection.mockReturnValue({
+          hasOverlap: true,
+        });
+        const event = mkEvent();
+        w.instance().root = {};
+        w.instance().onClick(event);
+        expect(clearSelection).toBeCalled();
+        expect(onSelectToken).not.toBeCalled();
+      });
+
+      it('calls onSelectToken', () => {
+        const event = mkEvent();
+        intersection.mockReturnValue({
+          hasOverlap: false,
+          surroundedTokens: [],
+        });
+        w.instance().root = {};
+        w.instance().onClick(event);
+        expect(onSelectToken).toBeCalledWith({ text: 'bar', start: 10, end: 13 }, []);
+      });
+
+      it('does not call onSelectToken for ["\n", " ", "\t"]', () => {
+        const event = mkEvent();
+
+        intersection.mockReturnValue({
+          hasOverlap: false,
+          surroundedTokens: [],
+        });
+        w.instance().root = {};
+
+        global.window.getSelection = jest.fn().mockReturnValue({
+          toString: () => '\n',
+        });
+        w.instance().onClick(event);
+        expect(onSelectToken).not.toBeCalled();
+
+        global.window.getSelection = jest.fn().mockReturnValue({
+          toString: () => ' ',
+        });
+        w.instance().onClick(event);
+        expect(onSelectToken).not.toBeCalled();
+
+        global.window.getSelection = jest.fn().mockReturnValue({
+          toString: () => '\t',
+        });
+        w.instance().onClick(event);
+        expect(onSelectToken).not.toBeCalled();
+      });
+    });
+  });
+});

package/src/tokenizer/controls.jsx

@@ -4,6 +4,8 @@ import Button from '@material-ui/core/Button';
 import { withStyles } from '@material-ui/core/styles';
 import Switch from '@material-ui/core/Switch';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
+import { color } from '@pie-lib/render-ui';
+import classNames from 'classnames';
 
 export class Controls extends React.Component {
   static propTypes = {
@@ -50,7 +52,18 @@ export class Controls extends React.Component {
           </Button>
         </div>
         <FormControlLabel
-          control={<Switch checked={setCorrectMode} onChange={onToggleCorrectMode} />}
+          control={
+            <Switch
+              classes={{
+                checked: classes.checkedThumb,
+                bar: classNames({
+                  [classes.checkedBar]: setCorrectMode,
+                }),
+              }}
+              checked={setCorrectMode}
+              onChange={onToggleCorrectMode}
+            />
+          }
           label="Set correct answers"
         />
       </div>
@@ -66,4 +79,10 @@ export default withStyles((theme) => ({
     alignItems: 'center',
     justifyContent: 'space-between',
   },
+  checkedThumb: {
+    color: `${color.tertiary()} !important`,
+  },
+  checkedBar: {
+    backgroundColor: `${color.tertiaryLight()} !important`,
+  },
 }))(Controls);

package/src/tokenizer/token-text.jsx

@@ -16,9 +16,18 @@ export const Text = withStyles(() => ({
     cursor: 'pointer',
     backgroundColor: yellow[100],
     border: `dashed 0px ${yellow[700]}`,
+    // we need this for nested tokenized elements like paragraphs, where p is inside span
+    '& *': {
+      cursor: 'pointer',
+      backgroundColor: yellow[100],
+      border: `dashed 0px ${yellow[700]}`,
+    },
   },
   correct: {
     backgroundColor: green[500],
+    '& *': {
+      backgroundColor: green[500],
+    },
   },
 }))(({ text, predefined, classes, onClick, correct }) => {
   const formattedText = (text || '').replace(/\n/g, '<br>');

package/README.md

@@ -1,3 +0,0 @@
-# text-select
-
-Some components for use with text selection.

package/lib/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Legend", {
-  enumerable: true,
-  get: function get() {
-    return _legend.Legend;
-  }
-});
-Object.defineProperty(exports, "TextSelect", {
-  enumerable: true,
-  get: function get() {
-    return _textSelect["default"];
-  }
-});
-Object.defineProperty(exports, "Token", {
-  enumerable: true,
-  get: function get() {
-    return _token["default"];
-  }
-});
-Object.defineProperty(exports, "TokenSelect", {
-  enumerable: true,
-  get: function get() {
-    return _tokenSelect["default"];
-  }
-});
-Object.defineProperty(exports, "TokenTypes", {
-  enumerable: true,
-  get: function get() {
-    return _tokenSelect.TokenTypes;
-  }
-});
-Object.defineProperty(exports, "Tokenizer", {
-  enumerable: true,
-  get: function get() {
-    return _tokenizer["default"];
-  }
-});
-Object.defineProperty(exports, "prepareText", {
-  enumerable: true,
-  get: function get() {
-    return _utils.prepareText;
-  }
-});
-
-var _tokenizer = _interopRequireDefault(require("./tokenizer"));
-
-var _tokenSelect = _interopRequireWildcard(require("./token-select"));
-
-var _textSelect = _interopRequireDefault(require("./text-select"));
-
-var _legend = require("./legend");
-
-var _token = _interopRequireDefault(require("./token-select/token"));
-
-var _utils = require("./utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import Tokenizer from './tokenizer';\nimport TokenSelect, { TokenTypes } from './token-select';\nimport TextSelect from './text-select';\nimport { Legend } from './legend';\nimport Token from './token-select/token';\nimport { prepareText } from './utils';\n\nexport { TextSelect, TokenTypes, Tokenizer, TokenSelect, Token, prepareText, Legend };\n"],"file":"index.js"}

package/lib/legend.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Legend = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-
-var translator = _translator["default"].translator;
-var Legend = (0, _styles.withStyles)(function (theme) {
-  return {
-    flexContainer: {
-      display: 'flex',
-      flexDirection: 'row',
-      gap: "".concat(2 * theme.spacing.unit, "px"),
-      borderBottom: '1px solid lightgrey',
-      borderTop: '1px solid lightgrey',
-      paddingBottom: theme.spacing.unit,
-      paddingTop: theme.spacing.unit,
-      marginBottom: theme.spacing.unit
-    },
-    container: {
-      display: 'flex',
-      flexDirection: 'row',
-      gap: "".concat(theme.spacing.unit / 2, "px"),
-      alignItems: 'center'
-    },
-    correct: {
-      fontSize: 'larger',
-      color: _renderUi.color.correct(),
-      backgroundColor: _renderUi.color.correctSecondary(),
-      border: "2px solid ".concat(_renderUi.color.correct())
-    },
-    incorrect: {
-      fontSize: 'larger',
-      color: _renderUi.color.missing(),
-      backgroundColor: _renderUi.color.incorrectSecondary(),
-      border: "2px solid ".concat(_renderUi.color.missing())
-    },
-    missing: {
-      fontSize: 'larger',
-      color: _renderUi.color.missing(),
-      backgroundColor: _renderUi.color.incorrectSecondary(),
-      border: "2px dashed ".concat(_renderUi.color.missing())
-    }
-  };
-})(function (_ref) {
-  var classes = _ref.classes,
-      language = _ref.language;
-  var icons = [{
-    iconName: _Check["default"],
-    label: translator.t('selectText.correctAnswerSelected', {
-      lng: language
-    }),
-    className: classes.correct
-  }, {
-    iconName: _Remove["default"],
-    label: translator.t('selectText.correctAnswerNotSelected', {
-      lng: language
-    }),
-    className: classes.missing
-  }, {
-    iconName: _Close["default"],
-    label: translator.t('selectText.incorrectSelection', {
-      lng: language
-    }),
-    className: classes.incorrect
-  }];
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.flexContainer
-  }, icons.map(function (icon, index) {
-    var Icon = icon.iconName;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: index,
-      className: classes.container
-    }, /*#__PURE__*/_react["default"].createElement(Icon, {
-      className: icon.className,
-      width: '19px',
-      height: '19px'
-    }), /*#__PURE__*/_react["default"].createElement("span", null, icon.label));
-  }));
-});
-exports.Legend = Legend;
-//# sourceMappingURL=legend.js.map

package/lib/legend.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/legend.js"],"names":["translator","Translator","Legend","theme","flexContainer","display","flexDirection","gap","spacing","unit","borderBottom","borderTop","paddingBottom","paddingTop","marginBottom","container","alignItems","correct","fontSize","color","backgroundColor","correctSecondary","border","incorrect","missing","incorrectSecondary","classes","language","icons","iconName","Check","label","t","lng","className","Remove","Close","map","icon","index","Icon"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\nimport Remove from '@material-ui/icons/Remove';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nexport const Legend = withStyles((theme) => ({\n  flexContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: `${2 * theme.spacing.unit}px`,\n    borderBottom: '1px solid lightgrey',\n    borderTop: '1px solid lightgrey',\n    paddingBottom: theme.spacing.unit,\n    paddingTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit,\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: `${theme.spacing.unit / 2}px`,\n    alignItems: 'center',\n  },\n  correct: {\n    fontSize: 'larger',\n    color: color.correct(),\n    backgroundColor: color.correctSecondary(),\n    border: `2px solid ${color.correct()}`,\n  },\n  incorrect: {\n    fontSize: 'larger',\n    color: color.missing(),\n    backgroundColor: color.incorrectSecondary(),\n    border: `2px solid ${color.missing()}`,\n  },\n  missing: {\n    fontSize: 'larger',\n    color: color.missing(),\n    backgroundColor: color.incorrectSecondary(),\n    border: `2px dashed ${color.missing()}`,\n  },\n}))(({ classes, language }) => {\n  const icons = [\n    {\n      iconName: Check,\n      label: translator.t('selectText.correctAnswerSelected', { lng: language }),\n      className: classes.correct,\n    },\n    {\n      iconName: Remove,\n      label: translator.t('selectText.correctAnswerNotSelected', { lng: language }),\n      className: classes.missing,\n    },\n    {\n      iconName: Close,\n      label: translator.t('selectText.incorrectSelection', { lng: language }),\n      className: classes.incorrect,\n    },\n  ];\n\n  return (\n    <div className={classes.flexContainer}>\n      {icons.map((icon, index) => {\n        const Icon = icon.iconName;\n        return (\n          <div key={index} className={classes.container}>\n            <Icon className={icon.className} width={'19px'} height={'19px'}></Icon>\n            <span>{icon.label}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n"],"file":"legend.js"}

package/lib/text-select.js

@@ -1,138 +0,0 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _tokenSelect = _interopRequireDefault(require("./token-select"));
-
-var _builder = require("./tokenizer/builder");
-
-var _token = require("./token-select/token");
-
-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-lib:text-select');
-/**
- * Built on TokenSelect uses build.normalize to build the token set.
- */
-
-var TextSelect = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(TextSelect, _React$Component);
-
-  var _super = _createSuper(TextSelect);
-
-  function TextSelect() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, TextSelect);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "change", function (tokens) {
-      var onChange = _this.props.onChange;
-
-      if (!onChange) {
-        return;
-      }
-
-      var out = tokens.filter(function (t) {
-        return t.selected;
-      }).map(function (t) {
-        return {
-          start: t.start,
-          end: t.end
-        };
-      });
-      onChange(out);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(TextSelect, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          text = _this$props.text,
-          disabled = _this$props.disabled,
-          tokens = _this$props.tokens,
-          selectedTokens = _this$props.selectedTokens,
-          className = _this$props.className,
-          highlightChoices = _this$props.highlightChoices,
-          maxNoOfSelections = _this$props.maxNoOfSelections,
-          animationsDisabled = _this$props.animationsDisabled;
-      var normalized = (0, _builder.normalize)(text, tokens);
-      log('normalized: ', normalized);
-      var prepped = normalized.map(function (t) {
-        var selectedIndex = selectedTokens.findIndex(function (s) {
-          return s.start === t.start && s.end === t.end;
-        });
-        var selected = selectedIndex !== -1;
-        var correct = selected ? t.correct : undefined;
-        var isMissing = t.isMissing;
-        return _objectSpread(_objectSpread({}, t), {}, {
-          selectable: !disabled && t.predefined,
-          selected: selected,
-          correct: correct,
-          isMissing: isMissing
-        });
-      });
-      return /*#__PURE__*/_react["default"].createElement(_tokenSelect["default"], {
-        highlightChoices: !disabled && highlightChoices,
-        className: className,
-        tokens: prepped,
-        disabled: disabled,
-        onChange: this.change,
-        maxNoOfSelections: maxNoOfSelections,
-        animationsDisabled: animationsDisabled
-      });
-    }
-  }]);
-  return TextSelect;
-}(_react["default"].Component);
-
-exports["default"] = TextSelect;
-(0, _defineProperty2["default"])(TextSelect, "propTypes", {
-  onChange: _propTypes["default"].func,
-  disabled: _propTypes["default"].bool,
-  tokens: _propTypes["default"].arrayOf(_propTypes["default"].shape(_token.TokenTypes)).isRequired,
-  selectedTokens: _propTypes["default"].arrayOf(_propTypes["default"].shape(_token.TokenTypes)).isRequired,
-  text: _propTypes["default"].string.isRequired,
-  className: _propTypes["default"].string,
-  highlightChoices: _propTypes["default"].bool,
-  animationsDisabled: _propTypes["default"].bool,
-  maxNoOfSelections: _propTypes["default"].number
-});
-//# sourceMappingURL=text-select.js.map

package/lib/text-select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/text-select.jsx"],"names":["log","TextSelect","tokens","onChange","props","out","filter","t","selected","map","start","end","text","disabled","selectedTokens","className","highlightChoices","maxNoOfSelections","animationsDisabled","normalized","prepped","selectedIndex","findIndex","s","correct","undefined","isMissing","selectable","predefined","change","React","Component","PropTypes","func","bool","arrayOf","shape","TokenTypes","isRequired","string","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport TokenSelect from './token-select';\nimport { normalize } from './tokenizer/builder';\nimport { TokenTypes } from './token-select/token';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:text-select');\n/**\n * Built on TokenSelect uses build.normalize to build the token set.\n */\nexport default class TextSelect extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    disabled: PropTypes.bool,\n    tokens: PropTypes.arrayOf(PropTypes.shape(TokenTypes)).isRequired,\n    selectedTokens: PropTypes.arrayOf(PropTypes.shape(TokenTypes)).isRequired,\n    text: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    highlightChoices: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n    maxNoOfSelections: PropTypes.number,\n  };\n\n  change = (tokens) => {\n    const { onChange } = this.props;\n\n    if (!onChange) {\n      return;\n    }\n    const out = tokens.filter((t) => t.selected).map((t) => ({ start: t.start, end: t.end }));\n\n    onChange(out);\n  };\n\n  render() {\n    const {\n      text,\n      disabled,\n      tokens,\n      selectedTokens,\n      className,\n      highlightChoices,\n      maxNoOfSelections,\n      animationsDisabled,\n    } = this.props;\n\n    const normalized = normalize(text, tokens);\n    log('normalized: ', normalized);\n    const prepped = normalized.map((t) => {\n      const selectedIndex = selectedTokens.findIndex((s) => {\n        return s.start === t.start && s.end === t.end;\n      });\n      const selected = selectedIndex !== -1;\n      const correct = selected ? t.correct : undefined;\n      const isMissing = t.isMissing;\n      return {\n        ...t,\n        selectable: !disabled && t.predefined,\n        selected,\n        correct,\n        isMissing,\n      };\n    });\n\n    return (\n      <TokenSelect\n        highlightChoices={!disabled && highlightChoices}\n        className={className}\n        tokens={prepped}\n        disabled={disabled}\n        onChange={this.change}\n        maxNoOfSelections={maxNoOfSelections}\n        animationsDisabled={animationsDisabled}\n      />\n    );\n  }\n}\n"],"file":"text-select.js"}