@pie-lib/text-select 1.14.0-beta.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +1 -632
- package/CHANGELOG.md +114 -30
- package/lib/index.js +1 -9
- package/lib/index.js.map +1 -0
- package/lib/legend.js +65 -38
- package/lib/legend.js.map +1 -0
- package/lib/shared/index.js +136 -0
- package/lib/text-select.js +1 -1
- package/lib/text-select.js.map +1 -0
- package/lib/token-select/index.js +1 -1
- package/lib/token-select/index.js.map +1 -0
- package/lib/token-select/token.js +113 -67
- package/lib/token-select/token.js.map +1 -0
- package/lib/tokenizer/builder.js +1 -1
- package/lib/tokenizer/builder.js.map +1 -0
- package/lib/tokenizer/controls.js +4 -4
- package/lib/tokenizer/controls.js.map +1 -0
- package/lib/tokenizer/index.js +1 -1
- package/lib/tokenizer/index.js.map +1 -0
- package/lib/tokenizer/selection-utils.js +1 -1
- package/lib/tokenizer/selection-utils.js.map +1 -0
- package/lib/tokenizer/token-text.js +1 -1
- package/lib/tokenizer/token-text.js.map +1 -0
- package/lib/utils.js +1 -1
- package/lib/utils.js.map +1 -0
- package/package.json +6 -6
- package/src/index.js +1 -2
- package/src/legend.js +55 -37
- package/src/token-select/__tests__/__snapshots__/token.test.jsx.snap +2 -6
- package/src/token-select/token.jsx +96 -61
- package/src/tokenizer/controls.jsx +7 -7
- package/lib/__tests__/text-select.test.js +0 -56
- package/lib/__tests__/utils.test.js +0 -23
- package/lib/token-select/__tests__/index.test.js +0 -268
- package/lib/token-select/__tests__/token.test.js +0 -35
- package/lib/tokenizer/__tests__/builder.test.js +0 -399
- package/lib/tokenizer/__tests__/controls.test.js +0 -34
- package/lib/tokenizer/__tests__/index.test.js +0 -210
- package/lib/tokenizer/__tests__/selection-utils.test.js +0 -27
- package/lib/tokenizer/__tests__/token-text.test.js +0 -154
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tokenizer/controls.jsx"],"names":["Controls","props","classes","onClear","onWords","onSentences","onParagraphs","setCorrectMode","onToggleCorrectMode","controls","button","checked","checkedThumb","bar","checkedBar","React","Component","PropTypes","object","isRequired","func","bool","theme","marginRight","spacing","unit","display","alignItems","justifyContent","color","tertiary","backgroundColor","tertiaryLight"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { color } from '../../../render-ui/src/index';\nimport classNames from 'classnames';\n\nexport class Controls extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\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 { classes, onClear, onWords, onSentences, onParagraphs, setCorrectMode, onToggleCorrectMode } = this.props;\n\n return (\n <div className={classes.controls}>\n <div>\n <Button onClick={onWords} className={classes.button} size=\"small\" color=\"primary\" disabled={setCorrectMode}>\n Words\n </Button>\n <Button\n onClick={onSentences}\n className={classes.button}\n size=\"small\"\n color=\"primary\"\n disabled={setCorrectMode}\n >\n Sentences\n </Button>\n <Button\n onClick={onParagraphs}\n className={classes.button}\n size=\"small\"\n color=\"primary\"\n disabled={setCorrectMode}\n >\n Paragraphs\n </Button>\n <Button className={classes.button} size=\"small\" color=\"secondary\" onClick={onClear} disabled={setCorrectMode}>\n Clear\n </Button>\n </div>\n <FormControlLabel\n control={\n <Switch\n classes={{\n checked: classes.checkedThumb,\n bar: classNames({\n [classes.checkedBar]: setCorrectMode,\n }),\n }}\n checked={setCorrectMode}\n onChange={onToggleCorrectMode}\n />\n }\n label=\"Set correct answers\"\n />\n </div>\n );\n }\n}\nexport default withStyles((theme) => ({\n button: {\n marginRight: theme.spacing.unit,\n },\n controls: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n checkedThumb: {\n color: `${color.tertiary()} !important`,\n },\n checkedBar: {\n backgroundColor: `${color.tertiaryLight()} !important`,\n },\n}))(Controls);\n"],"file":"controls.js"}
|
package/lib/tokenizer/index.js
CHANGED
|
@@ -202,4 +202,4 @@ var _default = (0, _styles.withStyles)(function () {
|
|
|
202
202
|
})(Tokenizer);
|
|
203
203
|
|
|
204
204
|
exports["default"] = _default;
|
|
205
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b2tlbml6ZXIvaW5kZXguanN4Il0sIm5hbWVzIjpbIlRva2VuaXplciIsInByb3BzIiwidG9rZW4iLCJtb2RlIiwib25DaGFuZ2UiLCJzZXRTdGF0ZSIsInNldENvcnJlY3RNb2RlIiwic3RhdGUiLCJvbkNoYW5nZUhhbmRsZXIiLCJ0eXBlIiwiZm4iLCJ0ZXh0IiwidG9rZW5zIiwibmV3VG9rZW4iLCJ0b2tlbnNUb1JlbW92ZSIsInVwZGF0ZSIsImlzRXF1YWwiLCJwdXNoIiwic2V0Q29ycmVjdCIsInJlbW92ZVRva2VuIiwiZmluZEluZGV4IiwidCIsInN0YXJ0IiwiZW5kIiwiaW5kZXgiLCJ0b2tlbkluZGV4IiwiY29ycmVjdCIsInNwbGljZSIsImNsYXNzZXMiLCJjbGFzc05hbWUiLCJ0b2tlbkNsYXNzTmFtZSIsIm5vc2VsZWN0Iiwicm9vdE5hbWUiLCJ0b2tlbml6ZXIiLCJjbGVhciIsImJ1aWxkVG9rZW5zIiwid29yZHMiLCJzZW50ZW5jZXMiLCJwYXJhZ3JhcGhzIiwidG9nZ2xlQ29ycmVjdE1vZGUiLCJ0b2tlbkNsaWNrIiwic2VsZWN0VG9rZW4iLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJhcnJheU9mIiwic2hhcGUiLCJib29sIiwibnVtYmVyIiwib2JqZWN0IiwiZnVuYyIsIndoaXRlU3BhY2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7SUFFYUEsUzs7Ozs7QUFrQlgscUJBQVlDLEtBQVosRUFBbUI7QUFBQTs7QUFBQTtBQUNqQiw4QkFBTUEsS0FBTjtBQURpQix3R0FRRCxVQUFDQyxLQUFELEVBQVFDLElBQVIsRUFBaUI7QUFDakMsWUFBS0YsS0FBTCxDQUFXRyxRQUFYLENBQW9CRixLQUFwQixFQUEyQkMs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O0FBSnVCLEdBQVA7QUFBQSxDQUFYLEVBS1gvQixTQUxXLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBDb250cm9scyBmcm9tICcuL2NvbnRyb2xzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IHsgd29yZHMsIHNlbnRlbmNlcywgcGFyYWdyYXBocyB9IGZyb20gJy4vYnVpbGRlcic7XG5pbXBvcnQgY2xvbmUgZnJvbSAnbG9kYXNoL2Nsb25lJztcbmltcG9ydCBpc0VxdWFsIGZyb20gJ2xvZGFzaC9pc0VxdWFsJztcbmltcG9ydCBkaWZmZXJlbmNlV2l0aCBmcm9tICdsb2Rhc2gvZGlmZmVyZW5jZVdpdGgnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBub1NlbGVjdCB9IGZyb20gJ0BwaWUtbGliL3N0eWxlLXV0aWxzJztcbmltcG9ydCBUb2tlblRleHQgZnJvbSAnLi90b2tlbi10ZXh0JztcblxuZXhwb3J0IGNsYXNzIFRva2VuaXplciBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgdGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIHRva2VuczogUHJvcFR5cGVzLmFycmF5T2YoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgICBjb3JyZWN0OiBQcm9wVHlwZXMuYm9vbCxcbiAgICAgICAgc3RhcnQ6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgICAgIGVuZDogUHJvcFR5cGVzLm51bWJlcixcbiAgICAgIH0pLFxuICAgICksXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgfTtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge307XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHNldENvcnJlY3RNb2RlOiBmYWxzZSxcbiAgICAgIG1vZGU6ICcnLFxuICAgIH07XG4gIH1cblxuICBvbkNoYW5nZUhhbmRsZXIgPSAodG9rZW4sIG1vZGUpID0+IHtcbiAgICB0aGlzLnByb3BzLm9uQ2hhbmdlKHRva2VuLCBtb2RlKTtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgbW9kZSxcbiAgICB9KTtcbiAgfTtcblxuICB0b2dnbGVDb3JyZWN0TW9kZSA9ICgpID0+IHRoaXMuc2V0U3RhdGUoeyBzZXRDb3JyZWN0TW9kZTogIXRoaXMuc3RhdGUuc2V0Q29ycmVjdE1vZGUgfSk7XG5cbiAgY2xlYXIgPSAoKSA9PiB7XG4gICAgdGhpcy5vbkNoYW5nZUhhbmRsZXIoW10sICcnKTtcbiAgfTtcblxuICBidWlsZFRva2VucyA9ICh0eXBlLCBmbikgPT4ge1xuICAgIGNvbnN0IHsgdGV4dCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB0b2tlbnMgPSBmbih0ZXh0KTtcblxuICAgIHRoaXMub25DaGFuZ2VIYW5kbGVyKHRva2VucywgdHlwZSk7XG4gIH07XG5cbiAgc2VsZWN0VG9rZW4gPSAobmV3VG9rZW4sIHRva2Vuc1RvUmVtb3ZlKSA9PiB7XG4gICAgY29uc3QgeyB0b2tlbnMgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgdXBkYXRlID0gZGlmZmVyZW5jZVdpdGgoY2xvbmUodG9rZW5zKSwgdG9rZW5zVG9SZW1vdmUsIGlzRXF1YWwpO1xuXG4gICAgdXBkYXRlLnB1c2gobmV3VG9rZW4pO1xuICAgIHRoaXMub25DaGFuZ2VIYW5kbGVyKHVwZGF0ZSwgdGhpcy5zdGF0ZS5tb2RlKTtcbiAgfTtcblxuICB0b2tlbkNsaWNrID0gKHRva2VuKSA9PiB7XG4gICAgY29uc3QgeyBzZXRDb3JyZWN0TW9kZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgIGlmIChzZXRDb3JyZWN0TW9kZSkge1xuICAgICAgdGhpcy5zZXRDb3JyZWN0KHRva2VuKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW1vdmVUb2tlbih0b2tlbik7XG4gICAgfVxuICB9O1xuXG4gIHRva2VuSW5kZXggPSAodG9rZW4pID0+IHtcbiAgICBjb25zdCB7IHRva2VucyB9ID0gdGhpcy5wcm9wcztcblxuICAgIHJldHVybiB0b2tlbnMuZmluZEluZGV4KCh0KSA9PiB7XG4gICAgICByZXR1cm4gdC50ZXh0ID09IHRva2VuLnRleHQgJiYgdC5zdGFydCA9PSB0b2tlbi5zdGFydCAmJiB0LmVuZCA9PSB0b2tlbi5lbmQ7XG4gICAgfSk7XG4gIH07XG5cbiAgc2V0Q29ycmVjdCA9ICh0b2tlbikgPT4ge1xuICAgIGNvbnN0IHsgdG9rZW5zIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy50b2tlbkluZGV4KHRva2VuKTtcbiAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICBjb25zdCB0ID0gdG9rZW5zW2luZGV4XTtcblxuICAgICAgdC5jb3JyZWN0ID0gIXQuY29ycmVjdDtcblxuICAgICAgY29uc3QgdXBkYXRlID0gY2xvbmUodG9rZW5zKTtcblxuICAgICAgdXBkYXRlLnNwbGljZShpbmRleCwgMSwgdCk7XG4gICAgICB0aGlzLm9uQ2hhbmdlSGFuZGxlcih1cGRhdGUsIHRoaXMuc3RhdGUubW9kZSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbW92ZVRva2VuID0gKHRva2VuKSA9PiB7XG4gICAgY29uc3QgeyB0b2tlbnMgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCBpbmRleCA9IHRoaXMudG9rZW5JbmRleCh0b2tlbik7XG4gICAgaWYgKGluZGV4ICE9PSAtMSkge1xuICAgICAgY29uc3QgdXBkYXRlID0gY2xvbmUodG9rZW5zKTtcblxuICAgICAgdXBkYXRlLnNwbGljZShpbmRleCwgMSk7XG5cbiAgICAgIHRoaXMub25DaGFuZ2VIYW5kbGVyKHVwZGF0ZSwgdGhpcy5zdGF0ZS5tb2RlKTtcbiAgICB9XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgdGV4dCwgdG9rZW5zLCBjbGFzc2VzLCBjbGFzc05hbWUgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBzZXRDb3JyZWN0TW9kZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgIGNvbnN0IHRva2VuQ2xhc3NOYW1lID0gY2xhc3NOYW1lcyhjbGFzc2VzLnRleHQsIHNldENvcnJlY3RNb2RlICYmIGNsYXNzZXMubm9zZWxlY3QpO1xuXG4gICAgY29uc3Qgcm9vdE5hbWUgPSBjbGFzc05hbWVzKGNsYXNzZXMudG9rZW5pemVyLCBjbGFzc05hbWUpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtyb290TmFtZX0+XG4gICAgICAgIDxDb250cm9sc1xuICAgICAgICAgIG9uQ2xlYXI9e3RoaXMuY2xlYXJ9XG4gICAgICAgICAgb25Xb3Jkcz17KCkgPT4gdGhpcy5idWlsZFRva2Vucygnd29yZHMnLCB3b3Jkcyl9XG4gICAgICAgICAgb25TZW50ZW5jZXM9eygpID0+IHRoaXMuYnVpbGRUb2tlbnMoJ3NlbnRlbmNlJywgc2VudGVuY2VzKX1cbiAgICAgICAgICBvblBhcmFncmFwaHM9eygpID0+IHRoaXMuYnVpbGRUb2tlbnMoJ3BhcmFncmFwaHMnLCBwYXJhZ3JhcGhzKX1cbiAgICAgICAgICBzZXRDb3JyZWN0TW9kZT17c2V0Q29ycmVjdE1vZGV9XG4gICAgICAgICAgb25Ub2dnbGVDb3JyZWN0TW9kZT17dGhpcy50b2dnbGVDb3JyZWN0TW9kZX1cbiAgICAgICAgLz5cbiAgICAgICAgPFRva2VuVGV4dFxuICAgICAgICAgIGNsYXNzTmFtZT17dG9rZW5DbGFzc05hbWV9XG4gICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgICB0b2tlbnM9e3Rva2Vuc31cbiAgICAgICAgICBvblRva2VuQ2xpY2s9e3RoaXMudG9rZW5DbGlja31cbiAgICAgICAgICBvblNlbGVjdFRva2VuPXt0aGlzLnNlbGVjdFRva2VufVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIHRleHQ6IHtcbiAgICB3aGl0ZVNwYWNlOiAncHJlLXdyYXAnLFxuICB9LFxuICBub3NlbGVjdDogeyAuLi5ub1NlbGVjdCgpIH0sXG59KSkoVG9rZW5pemVyKTtcbiJdfQ==
|
|
205
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tokenizer/index.jsx"],"names":["Tokenizer","props","token","mode","onChange","setState","setCorrectMode","state","onChangeHandler","type","fn","text","tokens","newToken","tokensToRemove","update","isEqual","push","setCorrect","removeToken","findIndex","t","start","end","index","tokenIndex","correct","splice","classes","className","tokenClassName","noselect","rootName","tokenizer","clear","buildTokens","words","sentences","paragraphs","toggleCorrectMode","tokenClick","selectToken","React","Component","PropTypes","string","isRequired","arrayOf","shape","bool","number","object","func","whiteSpace"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Controls from './controls';\nimport { withStyles } from '@material-ui/core/styles';\nimport { words, sentences, paragraphs } from './builder';\nimport clone from 'lodash/clone';\nimport isEqual from 'lodash/isEqual';\nimport differenceWith from 'lodash/differenceWith';\nimport classNames from 'classnames';\nimport { noSelect } from '@pie-lib/style-utils';\nimport TokenText from './token-text';\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 classes: PropTypes.object.isRequired,\n className: PropTypes.string,\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, classes, className } = this.props;\n const { setCorrectMode } = this.state;\n\n const tokenClassName = classNames(classes.text, setCorrectMode && classes.noselect);\n\n const rootName = classNames(classes.tokenizer, className);\n\n return (\n <div className={rootName}>\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 <TokenText\n className={tokenClassName}\n text={text}\n tokens={tokens}\n onTokenClick={this.tokenClick}\n onSelectToken={this.selectToken}\n />\n </div>\n );\n }\n}\n\nexport default withStyles(() => ({\n text: {\n whiteSpace: 'pre-wrap',\n },\n noselect: { ...noSelect() },\n}))(Tokenizer);\n"],"file":"index.js"}
|
|
@@ -62,4 +62,4 @@ var getCaretCharacterOffsetWithin = function getCaretCharacterOffsetWithin(eleme
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
exports.getCaretCharacterOffsetWithin = getCaretCharacterOffsetWithin;
|
|
65
|
-
//# sourceMappingURL=
|
|
65
|
+
//# sourceMappingURL=selection-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tokenizer/selection-utils.js"],"names":["clearSelection","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"],"mappings":";;;;;;;AAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAClC,MAAIC,QAAQ,CAACC,YAAb,EAA2B;AACzB;AACAD,IAAAA,QAAQ,CAACC,YAAT,GAAwBC,eAAxB;AACAF,IAAAA,QAAQ,CAACC,YAAT,GAAwBE,QAAxB,CAAiCH,QAAQ,CAACI,WAAT,EAAjC;AACD,GAJD,MAIO,IAAIC,MAAM,CAACJ,YAAX,EAAyB;AAC9B;AACA,QAAII,MAAM,CAACJ,YAAP,GAAsBC,eAA1B,EAA2C;AACzC;AACAG,MAAAA,MAAM,CAACJ,YAAP,GAAsBC,eAAtB;AACAG,MAAAA,MAAM,CAACJ,YAAP,GAAsBE,QAAtB,CAA+BH,QAAQ,CAACI,WAAT,EAA/B;AACD,KAJD,MAIO,IAAIC,MAAM,CAACJ,YAAP,GAAsBK,KAA1B,EAAiC;AACtC;AACAD,MAAAA,MAAM,CAACJ,YAAP,GAAsBK,KAAtB;AACD;AACF,GAVM,MAUA,IAAIN,QAAQ,CAACO,SAAb,EAAwB;AAC7B;AACAP,IAAAA,QAAQ,CAACO,SAAT,CAAmBD,KAAnB;AACD;AACF,CAnBM;;;;AAqBA,IAAME,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,OAAD,EAAa;AACxD,MAAIC,WAAW,GAAG,CAAlB;AACA,MAAIC,GAAG,GAAGF,OAAO,CAACG,aAAR,IAAyBH,OAAO,CAACT,QAA3C;AACA,MAAIa,GAAG,GAAGF,GAAG,CAACG,WAAJ,IAAmBH,GAAG,CAACI,YAAjC;AACA,MAAIC,GAAJ;;AACA,MAAI,OAAOH,GAAG,CAACZ,YAAX,KAA4B,WAAhC,EAA6C;AAC3Ce,IAAAA,GAAG,GAAGH,GAAG,CAACZ,YAAJ,EAAN;;AACA,QAAIe,GAAG,CAACC,UAAJ,GAAiB,CAArB,EAAwB;AACtB,UAAIC,KAAK,GAAGL,GAAG,CAACZ,YAAJ,GAAmBkB,UAAnB,CAA8B,CAA9B,CAAZ;AACA,UAAIC,QAAQ,GAAGF,KAAK,CAACG,QAAN,GAAiBC,MAAhC;AACA,UAAIC,aAAa,GAAGL,KAAK,CAACM,UAAN,EAApB;AACAD,MAAAA,aAAa,CAACE,kBAAd,CAAiChB,OAAjC;AACAc,MAAAA,aAAa,CAACG,MAAd,CAAqBR,KAAK,CAACS,YAA3B,EAAyCT,KAAK,CAACU,SAA/C;;AACA,UAAIR,QAAJ,EAAc;AACZV,QAAAA,WAAW,GAAGa,aAAa,CAACF,QAAd,GAAyBC,MAAzB,GAAkCF,QAAhD;AACD,OAFD,MAEO;AACLV,QAAAA,WAAW,GAAGa,aAAa,CAACF,QAAd,GAAyBC,MAAvC;AACD;AACF;AACF,GAdD,MAcO,IAAI,CAACN,GAAG,GAAGL,GAAG,CAACJ,SAAX,KAAyBS,GAAG,CAACa,IAAJ,KAAa,SAA1C,EAAqD;AAC1D,QAAIC,SAAS,GAAGd,GAAG,CAACZ,WAAJ,EAAhB;AACA,QAAI2B,iBAAiB,GAAGpB,GAAG,CAACqB,IAAJ,CAASC,eAAT,EAAxB;AACAF,IAAAA,iBAAiB,CAACG,iBAAlB,CAAoCzB,OAApC;AACAsB,IAAAA,iBAAiB,CAACI,WAAlB,CAA8B,UAA9B,EAA0CL,SAA1C;AACApB,IAAAA,WAAW,GAAGqB,iBAAiB,CAACK,IAAlB,CAAuBd,MAArC;AACD;;AACD,SAAOZ,WAAP;AACD,CA3BM","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"],"file":"selection-utils.js"}
|
|
@@ -206,4 +206,4 @@ exports["default"] = TokenText;
|
|
|
206
206
|
onSelectToken: _propTypes["default"].func.isRequired,
|
|
207
207
|
className: _propTypes["default"].string
|
|
208
208
|
});
|
|
209
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b2tlbml6ZXIvdG9rZW4tdGV4dC5qc3giXSwibmFtZXMiOlsibG9nIiwiVGV4dCIsInByZWRlZmluZWQiLCJjdXJzb3IiLCJiYWNrZ3JvdW5kQ29sb3IiLCJ5ZWxsb3ciLCJib3JkZXIiLCJjb3JyZWN0IiwiZ3JlZW4iLCJ0ZXh0IiwiY2xhc3NlcyIsIm9uQ2xpY2siLCJmb3JtYXR0ZWRUZXh0IiwicmVwbGFjZSIsImNsYXNzTmFtZSIsIl9faHRtbCIsIm5vdEFsbG93ZWRDaGFyYWN0ZXJzIiwiVG9rZW5UZXh0IiwiZXZlbnQiLCJwcm9wcyIsIm9uU2VsZWN0VG9rZW4iLCJ0b2tlbnMiLCJwcmV2ZW50RGVmYXVsdCIsIndpbmRvdyIsInNlbGVjdGlvbiIsImdldFNlbGVjdGlvbiIsInRleHRTZWxlY3RlZCIsInRvU3RyaW5nIiwibGVuZ3RoIiwiaW5kZXhPZiIsInJvb3QiLCJvZmZzZXQiLCJuZXdMaW5lT2Zmc2V0Iiwic2xpY2UiLCJ1bmRlZmluZWQiLCJlbmRJbmRleCIsImkiLCJzdGFydCIsImVuZCIsImhhc092ZXJsYXAiLCJ0b2tlbnNUb1JlbW92ZSIsInN1cnJvdW5kZWRUb2tlbnMiLCJ0b2tlbiIsIm9uVG9rZW5DbGljayIsIm5vcm1hbGl6ZWQiLCJyIiwibWFwIiwidCIsImluZGV4IiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiYXJyYXkiLCJmdW5jIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUE7Ozs7OztBQUVBLElBQU1BLEdBQUcsR0FBRyx1QkFBTSxpQ0FBTixDQUFaO0FBRU8sSUFBTUMsSUFBSSxHQUFHLHdCQUFXO0FBQUEsU0FBTztBQUNwQ0MsSUFBQUEsVUFBVSxFQUFFO0FBQ1ZDLE1BQUFBLE1BQU0sRUFBRSxTQURFO0FBRVZDLE1BQUFBLGVB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RUE7QUFBWCxXQUFzQkQsQ0FBdEI7QUFBeUIsVUFBQSxPQUFPLEVBQUU7QUFBQSxtQkFBTUosWUFBWSxDQUFDSSxDQUFELENBQWxCO0FBQUE7QUFBbEMsV0FBUDtBQUNELE9BRkEsQ0FESCxDQURGO0FBT0Q7OztFQXRGb0NFLGtCQUFNQyxTOzs7aUNBQXhCakMsUyxlQUNBO0FBQ2pCUixFQUFBQSxJQUFJLEVBQUUwQyxzQkFBVUMsTUFBVixDQUFpQkMsVUFETjtBQUVqQmhDLEVBQUFBLE1BQU0sRUFBRThCLHNCQUFVRyxLQUFWLENBQWdCRCxVQUZQO0FBR2pCVixFQUFBQSxZQUFZLEVBQUVRLHNCQUFVSSxJQUFWLENBQWVGLFVBSFo7QUFJakJqQyxFQUFBQSxhQUFhLEVBQUUrQixzQkFBVUksSUFBVixDQUFlRixVQUpiO0FBS2pCdkMsRUFBQUEsU0FBUyxFQUFFcUMsc0JBQVVDO0FBTEosQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgeyBub3JtYWxpemUsIGludGVyc2VjdGlvbiB9IGZyb20gJy4vYnVpbGRlcic7XG5pbXBvcnQgeWVsbG93IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL2NvbG9ycy95ZWxsb3cnO1xuaW1wb3J0IGdyZWVuIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL2NvbG9ycy9ncmVlbic7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmltcG9ydCB7IGNsZWFyU2VsZWN0aW9uLCBnZXRDYXJldENoYXJhY3Rlck9mZnNldFdpdGhpbiB9IGZyb20gJy4vc2VsZWN0aW9uLXV0aWxzJztcblxuY29uc3QgbG9nID0gZGVidWcoJ0BwaWUtbGliOnRleHQtc2VsZWN0OnRva2VuLXRleHQnKTtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSB3aXRoU3R5bGVzKCgpID0+ICh7XG4gIHByZWRlZmluZWQ6IHtcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHllbGxvd1sxMDBdLFxuICAgIGJvcmRlcjogYGRhc2hlZCAwcHggJHt5ZWxsb3dbNzAwXX1gLFxuICAgIC8vIHdlIG5lZWQgdGhpcyBmb3IgbmVzdGVkIHRva2VuaXplZCBlbGVtZW50cyBsaWtlIHBhcmFncmFwaHMsIHdoZXJlIHAgaXMgaW5zaWRlIHNwYW5cbiAgICAnJiAqJzoge1xuICAgICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHllbGxvd1sxMDBdLFxuICAgICAgYm9yZGVyOiBgZGFzaGVkIDBweCAke3llbGxvd1s3MDBdfWAsXG4gICAgfSxcbiAgfSxcbiAgY29ycmVjdDoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ3JlZW5bNTAwXSxcbiAgICAnJiAqJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBncmVlbls1MDBdLFxuICAgIH0sXG4gIH0sXG59KSkoKHsgdGV4dCwgcHJlZGVmaW5lZCwgY2xhc3Nlcywgb25DbGljaywgY29ycmVjdCB9KSA9PiB7XG4gIGNvbnN0IGZvcm1hdHRlZFRleHQgPSAodGV4dCB8fCAnJykucmVwbGFjZSgvXFxuL2csICc8YnI+Jyk7XG5cbiAgaWYgKHByZWRlZmluZWQpIHtcbiAgICBjb25zdCBjbGFzc05hbWUgPSBjbGFzc05hbWVzKGNsYXNzZXMucHJlZGVmaW5lZCwgY29ycmVjdCAmJiBjbGFzc2VzLmNvcnJlY3QpO1xuXG4gICAgcmV0dXJuIDxzcGFuIG9uQ2xpY2s9e29uQ2xpY2t9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGZvcm1hdHRlZFRleHQgfX0gLz47XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIDxzcGFuIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogZm9ybWF0dGVkVGV4dCB9fSAvPjtcbiAgfVxufSk7XG5cbmNvbnN0IG5vdEFsbG93ZWRDaGFyYWN0ZXJzID0gWydcXG4nLCAnICcsICdcXHQnXTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgVG9rZW5UZXh0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgdG9rZW5zOiBQcm9wVHlwZXMuYXJyYXkuaXNSZXF1aXJlZCxcbiAgICBvblRva2VuQ2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgb25TZWxlY3RUb2tlbjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIH07XG5cbiAgLypcbiAgIENoYW5nZSB0aGlzIHRvIG9uQ2xpY2sgaW5zdGVhZCBvZiBtb3VzZVVwIGJlY2F1c2UgcHJldmlvdXNseSwgaW4gc29tZSBjYXNlc1xuICAgdGhlIG9uQ2xpY2sgZXZlbnQgZnJvbSB0aGUgPFRleHQgLz4gY29tcG9uZW50IHdhcyBjYWxsZWQgcmlnaHQgYWZ0ZXIgdGhlIHVzZXJcbiAgIHNlbGVjdGVkIHRva2VuIGFuZCB0aGF0IHRva2VuIHdhcyB0aGVuIHJlbW92ZWQgYmVjYXVzZSB0aGUgc2V0Q29ycmVjdE1vZGUgd2FzIG5vdCB0cnVlLlxuXG4gICBjb25zdCB7IHNldENvcnJlY3RNb2RlIH0gPSB0aGlzLnN0YXRlO1xuXG4gICBpZiAoc2V0Q29ycmVjdE1vZGUpIHtcbiAgIHRoaXMuc2V0Q29ycmVjdCh0b2tlbik7XG4gICB9IGVsc2Uge1xuICAgdGhpcy5yZW1vdmVUb2tlbih0b2tlbik7XG4gICB9XG4gICAqL1xuICBvbkNsaWNrID0gKGV2ZW50KSA9PiB7XG4gICAgY29uc3QgeyBvblNlbGVjdFRva2VuLCB0ZXh0LCB0b2tlbnMgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgaWYgKHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3Qgc2VsZWN0aW9uID0gd2luZG93LmdldFNlbGVjdGlvbigpO1xuICAgIGNvbnN0IHRleHRTZWxlY3RlZCA9IHNlbGVjdGlvbi50b1N0cmluZygpO1xuXG4gICAgaWYgKHRleHRTZWxlY3RlZC5sZW5ndGggPiAwICYmIG5vdEFsbG93ZWRDaGFyYWN0ZXJzLmluZGV4T2YodGV4dFNlbGVjdGVkKSA8IDApIHtcbiAgICAgIGlmICh0aGlzLnJvb3QpIHtcbiAgICAgICAgbGV0IG9mZnNldCA9IGdldENhcmV0Q2hhcmFjdGVyT2Zmc2V0V2l0aGluKHRoaXMucm9vdCk7XG4gICAgICAgIC8qXG4gICAgICAgICBTaW5jZSB3ZSBpbXBsZW1lbnRlZCBuZXcgbGluZSBmdW5jdGlvbmFsaXR5IChcXG4pIHVzaW5nIDxiciAvPiBkb20gZWxlbWVudHNcbiAgICAgICAgIGFuZCB3aW5kb3cuZ2V0U2VsZWN0aW9uIGlzIG5vdCB0YWtpbmcgdGhhdCBpbnRvIGNvbnNpZGVyYXRpb24sIHRoZSBvZmZzZXQgbWlnaHRcbiAgICAgICAgIGJlIG9mZiBieSBhIGZldyBjaGFyYWN0ZXJzLlxuXG4gICAgICAgICBUbyBjb21iYXQgdGhhdCwgd2UgY2hlY2sgaWYgdGhlIHNlbGVjdGVkIHRleHQgaXMgcmlnaHQgYXQgdGhlIGJlZ2lubmluZyBvZiB0aGUgb2Zmc2V0LlxuXG4gICAgICAgICBJZiBpdCdzIG5vdCwgd2UgYWRkIHRoZSBhZGRpdGlvbmFsIG9mZnNldCBpbiBvcmRlciBmb3IgdGhhdCB0byBiZSBhY2N1cmF0ZVxuICAgICAgICAgKi9cbiAgICAgICAgY29uc3QgbmV3TGluZU9mZnNldCA9IHRleHQuc2xpY2Uob2Zmc2V0KS5pbmRleE9mKHRleHRTZWxlY3RlZCk7XG5cbiAgICAgICAgb2Zmc2V0ICs9IG5ld0xpbmVPZmZzZXQ7XG5cbiAgICAgICAgaWYgKG9mZnNldCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgY29uc3QgZW5kSW5kZXggPSBvZmZzZXQgKyB0ZXh0U2VsZWN0ZWQubGVuZ3RoO1xuXG4gICAgICAgICAgaWYgKGVuZEluZGV4IDw9IHRleHQubGVuZ3RoKSB7XG4gICAgICAgICAgICBjb25zdCBpID0gaW50ZXJzZWN0aW9uKHsgc3RhcnQ6IG9mZnNldCwgZW5kOiBlbmRJbmRleCB9LCB0b2tlbnMpO1xuICAgICAgICAgICAgaWYgKGkuaGFzT3ZlcmxhcCkge1xuICAgICAgICAgICAgICBsb2coJ2hhc092ZXJsYXAgIC0gZG8gbm90aGluZycpO1xuICAgICAgICAgICAgICBjbGVhclNlbGVjdGlvbigpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgY29uc3QgdG9rZW5zVG9SZW1vdmUgPSBpLnN1cnJvdW5kZWRUb2tlbnM7XG4gICAgICAgICAgICAgIGNvbnN0IHRva2VuID0ge1xuICAgICAgICAgICAgICAgIHRleHQ6IHRleHRTZWxlY3RlZCxcbiAgICAgICAgICAgICAgICBzdGFydDogb2Zmc2V0LFxuICAgICAgICAgICAgICAgIGVuZDogZW5kSW5kZXgsXG4gICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgICAgb25TZWxlY3RUb2tlbih0b2tlbiwgdG9rZW5zVG9SZW1vdmUpO1xuICAgICAgICAgICAgICBjbGVhclNlbGVjdGlvbigpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyB0ZXh0LCB0b2tlbnMsIGNsYXNzTmFtZSwgb25Ub2tlbkNsaWNrIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IG5vcm1hbGl6ZWQgPSBub3JtYWxpemUodGV4dCwgdG9rZW5zKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSByZWY9eyhyKSA9PiAodGhpcy5yb290ID0gcil9IG9uQ2xpY2s9e3RoaXMub25DbGlja30+XG4gICAgICAgIHtub3JtYWxpemVkLm1hcCgodCwgaW5kZXgpID0+IHtcbiAgICAgICAgICByZXR1cm4gPFRleHQga2V5PXtpbmRleH0gey4uLnR9IG9uQ2xpY2s9eygpID0+IG9uVG9rZW5DbGljayh0KX0gLz47XG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuIl19
|
|
209
|
+
//# sourceMappingURL=token-text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tokenizer/token-text.jsx"],"names":["log","Text","predefined","cursor","backgroundColor","yellow","border","correct","green","text","classes","onClick","formattedText","replace","className","__html","notAllowedCharacters","TokenText","event","props","onSelectToken","tokens","preventDefault","window","selection","getSelection","textSelected","toString","length","indexOf","root","offset","newLineOffset","slice","undefined","endIndex","i","start","end","hasOverlap","tokensToRemove","surroundedTokens","token","onTokenClick","normalized","r","map","t","index","React","Component","PropTypes","string","isRequired","array","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { normalize, intersection } from './builder';\nimport yellow from '@material-ui/core/colors/yellow';\nimport green from '@material-ui/core/colors/green';\nimport debug from 'debug';\nimport classNames from 'classnames';\n\nimport { clearSelection, getCaretCharacterOffsetWithin } from './selection-utils';\n\nconst log = debug('@pie-lib:text-select:token-text');\n\nexport const Text = withStyles(() => ({\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}))(({ text, predefined, classes, onClick, correct }) => {\n const formattedText = (text || '').replace(/\\n/g, '<br>');\n\n if (predefined) {\n const className = classNames(classes.predefined, correct && classes.correct);\n\n return <span 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"],"file":"token-text.js"}
|
package/lib/utils.js
CHANGED
|
@@ -64,4 +64,4 @@ var prepareText = function prepareText(text) {
|
|
|
64
64
|
};
|
|
65
65
|
|
|
66
66
|
exports.prepareText = prepareText;
|
|
67
|
-
//# sourceMappingURL=
|
|
67
|
+
//# sourceMappingURL=utils.js.map
|
package/lib/utils.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils.js"],"names":["createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","parseBrs","dom","brs","querySelectorAll","forEach","br","replaceWith","replace","parseParagraph","paragraph","end","parseParagraphs","paragraphs","str","par","index","length","prepareText","text","txtDom","allDomElements","Array","from"],"mappings":";;;;;;;AAAA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAqB;AAAA,MAApBC,UAAoB,uEAAP,EAAO;AACjD,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AAEAF,EAAAA,GAAG,CAACG,SAAJ,GAAgBJ,UAAU,CAACK,IAAX,EAAhB;AAEA,SAAOJ,GAAP;AACD,CAND;;AAQO,IAAMK,QAAQ,GAAG,SAAXA,QAAW,CAACC,GAAD,EAAS;AAC/B,MAAMC,GAAG,GAAGD,GAAG,CAACE,gBAAJ,CAAqB,IAArB,CAAZ;AAEAD,EAAAA,GAAG,CAACE,OAAJ,CAAY,UAACC,EAAD;AAAA,WAAQA,EAAE,CAACC,WAAH,CAAe,IAAf,CAAR;AAAA,GAAZ;AAEAL,EAAAA,GAAG,CAACH,SAAJ,GAAgBG,GAAG,CAACH,SAAJ,CAAcS,OAAd,CAAsB,OAAtB,EAA+B,IAA/B,CAAhB;AACD,CANM;;;;AAQA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,GAAZ,EAAoB;AAChD,MAAIA,GAAJ,EAAS;AACP,WAAOD,SAAS,CAACX,SAAjB;AACD;;AAED,mBAAUW,SAAS,CAACX,SAApB;AACD,CANM;;;;AAQA,IAAMa,eAAe,GAAG,SAAlBA,eAAkB,CAACV,GAAD,EAAS;AACtC,MAAMW,UAAU,GAAGX,GAAG,CAACE,gBAAJ,CAAqB,GAArB,CAAnB,CADsC,CAEtC;;AACA,MAAIU,GAAG,GAAG,EAAV;AAEAD,EAAAA,UAAU,CAACR,OAAX,CAAmB,UAACU,GAAD,EAAMC,KAAN,EAAgB;AACjCF,IAAAA,GAAG,IAAIL,cAAc,CAACM,GAAD,EAAMC,KAAK,KAAKH,UAAU,CAACI,MAAX,GAAoB,CAApC,CAArB;AACD,GAFD;AAIA,SAAOH,GAAG,IAAI,IAAd;AACD,CAVM;;;;AAYA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;AACnC,MAAIC,MAAM,GAAG1B,qBAAqB,CAACyB,IAAD,CAAlC;AACA,MAAME,cAAc,GAAGC,KAAK,CAACC,IAAN,CAAWH,MAAM,CAAChB,gBAAP,CAAwB,GAAxB,CAAX,CAAvB;;AAEA,MAAIgB,MAAM,CAAChB,gBAAP,CAAwB,GAAxB,EAA6Ba,MAA7B,KAAwC,CAA5C,EAA+C;AAC7C,QAAMrB,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AAEAF,IAAAA,GAAG,CAACG,SAAJ,gBAAsBqB,MAAM,CAACrB,SAA7B;AACAqB,IAAAA,MAAM,GAAGxB,GAAT;AACD,GATkC,CAWnC;;;AACA,MAAIyB,cAAc,CAACJ,MAAf,KAA0B,CAA9B,EAAiC;AAC/B,WAAOE,IAAP;AACD;;AAEDlB,EAAAA,QAAQ,CAACmB,MAAD,CAAR;AAEA,SAAOR,eAAe,CAACQ,MAAD,CAAtB;AACD,CAnBM","sourcesContent":["const createElementFromHTML = (htmlString = '') => {\n const div = document.createElement('div');\n\n div.innerHTML = htmlString.trim();\n\n return div;\n};\n\nexport const parseBrs = (dom) => {\n const brs = dom.querySelectorAll('br');\n\n brs.forEach((br) => br.replaceWith('\\n'));\n\n dom.innerHTML = dom.innerHTML.replace(/\\n\\n/g, '\\n');\n};\n\nexport const parseParagraph = (paragraph, end) => {\n if (end) {\n return paragraph.innerHTML;\n }\n\n return `${paragraph.innerHTML}\\n\\n`;\n};\n\nexport const parseParagraphs = (dom) => {\n const paragraphs = dom.querySelectorAll('p');\n // separate variable for easily debugging, if needed\n let str = '';\n\n paragraphs.forEach((par, index) => {\n str += parseParagraph(par, index === paragraphs.length - 1);\n });\n\n return str || null;\n};\n\nexport const prepareText = (text) => {\n let txtDom = createElementFromHTML(text);\n const allDomElements = Array.from(txtDom.querySelectorAll('*'));\n\n if (txtDom.querySelectorAll('p').length === 0) {\n const div = document.createElement('div');\n\n div.innerHTML = `<p>${txtDom.innerHTML}</p>`;\n txtDom = div;\n }\n\n // if no dom elements, we just return the text\n if (allDomElements.length === 0) {\n return text;\n }\n\n parseBrs(txtDom);\n\n return parseParagraphs(txtDom);\n};\n"],"file":"utils.js"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "1.
|
|
6
|
+
"version": "1.15.0",
|
|
7
7
|
"description": "Some react components for text selection",
|
|
8
8
|
"keywords": [
|
|
9
9
|
"react",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
"author": "",
|
|
18
18
|
"license": "ISC",
|
|
19
19
|
"dependencies": {
|
|
20
|
+
"@material-ui/icons": "^3.0.2",
|
|
20
21
|
"@pie-framework/parse-english": "^1.0.0",
|
|
21
|
-
"@pie-lib/
|
|
22
|
-
"@pie-lib/
|
|
23
|
-
"@pie-lib/translator": "^2.5.0-beta.0",
|
|
22
|
+
"@pie-lib/style-utils": "beta",
|
|
23
|
+
"@pie-lib/translator": "beta",
|
|
24
24
|
"classnames": "^2.2.6",
|
|
25
25
|
"debug": "^4.1.1",
|
|
26
26
|
"invariant": "^2.2.4",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@material-ui/core": "^3.8.3",
|
|
33
33
|
"@pie-framework/parse-english": "^1.0.0",
|
|
34
|
-
"@pie-lib/test-utils": "
|
|
34
|
+
"@pie-lib/test-utils": "beta",
|
|
35
35
|
"natural": "^0.6.3",
|
|
36
36
|
"react": "^16.8.1",
|
|
37
37
|
"react-dom": "^16.9.0"
|
|
@@ -40,6 +40,6 @@
|
|
|
40
40
|
"@material-ui/core": "^3.8.3",
|
|
41
41
|
"react": "^16.8.1"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "ecb1ca31aa1c24d23af00d5ad04ce73ed8871057",
|
|
44
44
|
"scripts": {}
|
|
45
45
|
}
|
package/src/index.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import Controls from './tokenizer/controls';
|
|
2
1
|
import Tokenizer from './tokenizer';
|
|
3
2
|
import TokenSelect, { TokenTypes } from './token-select';
|
|
4
3
|
import TextSelect from './text-select';
|
|
@@ -6,4 +5,4 @@ import { Legend } from './legend';
|
|
|
6
5
|
import Token from './token-select/token';
|
|
7
6
|
import { prepareText } from './utils';
|
|
8
7
|
|
|
9
|
-
export {
|
|
8
|
+
export { TextSelect, TokenTypes, Tokenizer, TokenSelect, Token, prepareText, Legend };
|
package/src/legend.js
CHANGED
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { withStyles } from '@material-ui/core/styles';
|
|
3
3
|
import Check from '@material-ui/icons/Check';
|
|
4
4
|
import Close from '@material-ui/icons/Close';
|
|
5
|
-
import
|
|
6
|
-
import { color } from '@pie-lib/render-ui';
|
|
5
|
+
import { color } from '../../render-ui/src/index';
|
|
7
6
|
import Translator from '@pie-lib/translator';
|
|
7
|
+
import classNames from 'classnames';
|
|
8
8
|
|
|
9
9
|
const { translator } = Translator;
|
|
10
10
|
|
|
@@ -12,6 +12,7 @@ export const Legend = withStyles((theme) => ({
|
|
|
12
12
|
flexContainer: {
|
|
13
13
|
display: 'flex',
|
|
14
14
|
flexDirection: 'row',
|
|
15
|
+
alignItems: 'center',
|
|
15
16
|
gap: `${2 * theme.spacing.unit}px`,
|
|
16
17
|
borderBottom: '1px solid lightgrey',
|
|
17
18
|
borderTop: '1px solid lightgrey',
|
|
@@ -19,60 +20,77 @@ export const Legend = withStyles((theme) => ({
|
|
|
19
20
|
paddingTop: theme.spacing.unit,
|
|
20
21
|
marginBottom: theme.spacing.unit,
|
|
21
22
|
},
|
|
23
|
+
key: {
|
|
24
|
+
fontSize: '14px',
|
|
25
|
+
fontWeight: 'bold',
|
|
26
|
+
color: color.black(),
|
|
27
|
+
marginLeft: theme.spacing.unit,
|
|
28
|
+
},
|
|
22
29
|
container: {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
30
|
+
position: 'relative',
|
|
31
|
+
padding: '4px',
|
|
32
|
+
fontSize: '14px',
|
|
33
|
+
borderRadius: '4px',
|
|
27
34
|
},
|
|
28
35
|
correct: {
|
|
29
|
-
|
|
30
|
-
color: color.correct(),
|
|
31
|
-
backgroundColor: color.correctSecondary(),
|
|
32
|
-
border: `2px solid ${color.correct()}`,
|
|
36
|
+
border: `${color.correctTertiary()} solid 2px`,
|
|
33
37
|
},
|
|
34
38
|
incorrect: {
|
|
35
|
-
|
|
36
|
-
color: color.missing(),
|
|
37
|
-
backgroundColor: color.incorrectSecondary(),
|
|
38
|
-
border: `2px solid ${color.missing()}`,
|
|
39
|
+
border: `${color.incorrectWithIcon()} solid 2px`,
|
|
39
40
|
},
|
|
40
41
|
missing: {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
border: `${color.incorrectWithIcon()} dashed 2px`,
|
|
43
|
+
},
|
|
44
|
+
incorrectIcon: {
|
|
45
|
+
backgroundColor: color.incorrectWithIcon(),
|
|
46
|
+
},
|
|
47
|
+
correctIcon: {
|
|
48
|
+
backgroundColor: color.correctTertiary(),
|
|
45
49
|
},
|
|
46
|
-
|
|
47
|
-
|
|
50
|
+
icon: {
|
|
51
|
+
color: color.white(),
|
|
52
|
+
position: 'absolute',
|
|
53
|
+
top: '-8px',
|
|
54
|
+
left: '-8px',
|
|
55
|
+
borderRadius: '50%',
|
|
56
|
+
fontSize: '12px',
|
|
57
|
+
padding: '2px',
|
|
58
|
+
},
|
|
59
|
+
}))(({ classes, language, showOnlyCorrect }) => {
|
|
60
|
+
const legendItems = [
|
|
48
61
|
{
|
|
49
|
-
|
|
62
|
+
Icon: Check,
|
|
50
63
|
label: translator.t('selectText.correctAnswerSelected', { lng: language }),
|
|
51
|
-
|
|
64
|
+
containerClass: classNames(classes.correct, classes.container),
|
|
65
|
+
iconClass: classNames(classes.correctIcon, classes.icon),
|
|
52
66
|
},
|
|
53
67
|
{
|
|
54
|
-
|
|
55
|
-
label: translator.t('selectText.
|
|
56
|
-
|
|
68
|
+
Icon: Close,
|
|
69
|
+
label: translator.t('selectText.incorrectSelection', { lng: language }),
|
|
70
|
+
containerClass: classNames(classes.incorrect, classes.container),
|
|
71
|
+
iconClass: classNames(classes.incorrectIcon, classes.icon),
|
|
57
72
|
},
|
|
58
73
|
{
|
|
59
|
-
|
|
60
|
-
label: translator.t('selectText.
|
|
61
|
-
|
|
74
|
+
Icon: Close,
|
|
75
|
+
label: translator.t('selectText.correctAnswerNotSelected', { lng: language }),
|
|
76
|
+
containerClass: classNames(classes.missing, classes.container),
|
|
77
|
+
iconClass: classNames(classes.incorrectIcon, classes.icon),
|
|
62
78
|
},
|
|
63
79
|
];
|
|
64
80
|
|
|
81
|
+
if (showOnlyCorrect) {
|
|
82
|
+
legendItems.splice(1, 2);
|
|
83
|
+
}
|
|
84
|
+
|
|
65
85
|
return (
|
|
66
86
|
<div className={classes.flexContainer}>
|
|
67
|
-
{
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
<
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
);
|
|
75
|
-
})}
|
|
87
|
+
<span className={classes.key}>{translator.t('selectText.key', { lng: language })}</span>
|
|
88
|
+
{legendItems.map(({ Icon, label, containerClass, iconClass }, idx) => (
|
|
89
|
+
<div key={idx} className={containerClass}>
|
|
90
|
+
<Icon className={iconClass} />
|
|
91
|
+
<span>{label}</span>
|
|
92
|
+
</div>
|
|
93
|
+
))}
|
|
76
94
|
</div>
|
|
77
95
|
);
|
|
78
96
|
});
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`token snapshot renders 1`] = `
|
|
4
|
-
<Wrapper
|
|
5
|
-
useWrapper={false}
|
|
6
|
-
>
|
|
4
|
+
<Wrapper>
|
|
7
5
|
<span
|
|
8
6
|
className="tokenRootClass token"
|
|
9
7
|
dangerouslySetInnerHTML={
|
|
@@ -16,9 +14,7 @@ exports[`token snapshot renders 1`] = `
|
|
|
16
14
|
`;
|
|
17
15
|
|
|
18
16
|
exports[`token snapshot renders with brs 1`] = `
|
|
19
|
-
<Wrapper
|
|
20
|
-
useWrapper={false}
|
|
21
|
-
>
|
|
17
|
+
<Wrapper>
|
|
22
18
|
<span
|
|
23
19
|
className="tokenRootClass token"
|
|
24
20
|
dangerouslySetInnerHTML={
|
|
@@ -2,22 +2,26 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { withStyles } from '@material-ui/core/styles';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
-
import { color } from '@pie-lib/render-ui';
|
|
6
5
|
import Check from '@material-ui/icons/Check';
|
|
7
6
|
import Close from '@material-ui/icons/Close';
|
|
8
7
|
|
|
9
|
-
|
|
10
|
-
if (useWrapper) {
|
|
11
|
-
return (
|
|
12
|
-
<span className={classNameContainer}>
|
|
13
|
-
{children}
|
|
14
|
-
<Icon className={iconClass} viewBox={'0 1 24 24'} />
|
|
15
|
-
</span>
|
|
16
|
-
);
|
|
17
|
-
}
|
|
8
|
+
import { color } from '../../render-ui/src/index';
|
|
18
9
|
|
|
19
|
-
|
|
20
|
-
|
|
10
|
+
// we need to use a larger line height for the token to be more readable
|
|
11
|
+
const LINE_HEIGHT_MULTIPLIER = 3.2;
|
|
12
|
+
// we need a bit more space for correctness indicators
|
|
13
|
+
const CORRECTNESS_LINE_HEIGHT_MULTIPLIER = 3.4;
|
|
14
|
+
const CORRECTNESS_PADDING = 2;
|
|
15
|
+
|
|
16
|
+
const Wrapper = ({ useWrapper, children, classNameContainer, iconClass, Icon }) =>
|
|
17
|
+
useWrapper ? (
|
|
18
|
+
<span className={classNameContainer}>
|
|
19
|
+
{children}
|
|
20
|
+
<Icon className={iconClass} />
|
|
21
|
+
</span>
|
|
22
|
+
) : (
|
|
23
|
+
children
|
|
24
|
+
);
|
|
21
25
|
|
|
22
26
|
Wrapper.propTypes = {
|
|
23
27
|
useWrapper: PropTypes.bool,
|
|
@@ -38,11 +42,11 @@ export class Token extends React.Component {
|
|
|
38
42
|
static propTypes = {
|
|
39
43
|
...TokenTypes,
|
|
40
44
|
classes: PropTypes.object.isRequired,
|
|
45
|
+
text: PropTypes.string.isRequired,
|
|
41
46
|
className: PropTypes.string,
|
|
42
47
|
disabled: PropTypes.bool,
|
|
43
48
|
highlight: PropTypes.bool,
|
|
44
49
|
correct: PropTypes.bool,
|
|
45
|
-
text: PropTypes.string.isRequired,
|
|
46
50
|
};
|
|
47
51
|
|
|
48
52
|
static defaultProps = {
|
|
@@ -50,39 +54,55 @@ export class Token extends React.Component {
|
|
|
50
54
|
text: '',
|
|
51
55
|
};
|
|
52
56
|
|
|
53
|
-
|
|
57
|
+
getClassAndIconConfig = () => {
|
|
54
58
|
const {
|
|
55
|
-
text,
|
|
56
59
|
selectable,
|
|
57
60
|
selected,
|
|
58
61
|
classes,
|
|
59
62
|
className: classNameProp,
|
|
60
63
|
disabled,
|
|
61
|
-
index,
|
|
62
64
|
highlight,
|
|
63
65
|
correct,
|
|
64
66
|
animationsDisabled,
|
|
65
67
|
isMissing,
|
|
66
68
|
} = this.props;
|
|
67
69
|
const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
|
|
68
|
-
|
|
69
|
-
let className;
|
|
70
|
+
const baseClassName = Token.rootClassName;
|
|
70
71
|
let classNameContainer;
|
|
71
72
|
let Icon;
|
|
72
73
|
let iconClass;
|
|
73
74
|
|
|
74
75
|
if (correct === undefined && selected && disabled) {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
76
|
+
return {
|
|
77
|
+
className: classNames(classes.token, classes.selected, classes.disabledBlack),
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
if (correct !== undefined) {
|
|
82
|
+
const isCorrect = correct === true;
|
|
83
|
+
return {
|
|
84
|
+
className: classNames(baseClassName, classes.custom),
|
|
85
|
+
classNameContainer: classNames(isCorrect ? classes.correct : classes.incorrect, classes.commonTokenStyle),
|
|
86
|
+
Icon: isCorrect ? Check : Close,
|
|
87
|
+
iconClass: classNames(
|
|
88
|
+
classes.correctnessIndicatorIcon,
|
|
89
|
+
isCorrect ? classes.correctIcon : classes.incorrectIcon,
|
|
90
|
+
),
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
if (isMissing) {
|
|
95
|
+
return {
|
|
96
|
+
className: classNames(baseClassName, classes.custom, classes.missing, classes.commonTokenStyle),
|
|
97
|
+
classNameContainer: classes.commonTokenStyle,
|
|
98
|
+
Icon: Close,
|
|
99
|
+
iconClass: classNames(classes.correctnessIndicatorIcon, classes.incorrectIcon),
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
return {
|
|
104
|
+
className: classNames(
|
|
105
|
+
baseClassName,
|
|
86
106
|
classes.token,
|
|
87
107
|
disabled && classes.disabled,
|
|
88
108
|
selectable && !disabled && !isTouchEnabled && classes.selectable,
|
|
@@ -91,11 +111,20 @@ export class Token extends React.Component {
|
|
|
91
111
|
highlight && selectable && !disabled && !selected && classes.highlight,
|
|
92
112
|
animationsDisabled && classes.print,
|
|
93
113
|
classNameProp,
|
|
94
|
-
)
|
|
95
|
-
|
|
114
|
+
),
|
|
115
|
+
classNameContainer,
|
|
116
|
+
Icon,
|
|
117
|
+
iconClass,
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
|
|
121
|
+
render() {
|
|
122
|
+
const { text, index, correct, isMissing } = this.props;
|
|
123
|
+
const { className, classNameContainer, Icon, iconClass } = this.getClassAndIconConfig();
|
|
124
|
+
|
|
96
125
|
return (
|
|
97
126
|
<Wrapper
|
|
98
|
-
useWrapper={correct !== undefined}
|
|
127
|
+
useWrapper={correct !== undefined || isMissing}
|
|
99
128
|
classNameContainer={classNameContainer}
|
|
100
129
|
iconClass={iconClass}
|
|
101
130
|
Icon={Icon}
|
|
@@ -124,67 +153,73 @@ export default withStyles((theme) => {
|
|
|
124
153
|
cursor: 'inherit',
|
|
125
154
|
},
|
|
126
155
|
disabledAndSelected: {
|
|
127
|
-
backgroundColor: color.
|
|
156
|
+
backgroundColor: color.blueGrey100(),
|
|
128
157
|
},
|
|
129
158
|
selectable: {
|
|
130
159
|
[theme.breakpoints.up(769)]: {
|
|
131
160
|
'&:hover': {
|
|
132
|
-
backgroundColor: color.
|
|
161
|
+
backgroundColor: color.blueGrey300(),
|
|
133
162
|
color: theme.palette.common.black,
|
|
134
163
|
'& > *': {
|
|
135
|
-
backgroundColor: color.
|
|
164
|
+
backgroundColor: color.blueGrey300(),
|
|
136
165
|
},
|
|
137
166
|
},
|
|
138
167
|
},
|
|
139
168
|
},
|
|
140
169
|
selected: {
|
|
141
|
-
backgroundColor: color.
|
|
170
|
+
backgroundColor: color.blueGrey100(),
|
|
142
171
|
color: theme.palette.common.black,
|
|
143
|
-
lineHeight: `${theme.spacing.unit *
|
|
172
|
+
lineHeight: `${theme.spacing.unit * LINE_HEIGHT_MULTIPLIER}px`,
|
|
173
|
+
border: `solid 2px ${color.blueGrey900()}`,
|
|
174
|
+
borderRadius: '4px',
|
|
144
175
|
'& > *': {
|
|
145
|
-
backgroundColor: color.
|
|
176
|
+
backgroundColor: color.blueGrey100(),
|
|
146
177
|
},
|
|
147
178
|
},
|
|
148
179
|
highlight: {
|
|
149
|
-
border: `dashed 2px ${color.
|
|
150
|
-
|
|
180
|
+
border: `dashed 2px ${color.blueGrey600()}`,
|
|
181
|
+
borderRadius: '4px',
|
|
182
|
+
lineHeight: `${theme.spacing.unit * LINE_HEIGHT_MULTIPLIER}px`,
|
|
151
183
|
},
|
|
152
184
|
print: {
|
|
153
|
-
border: `dashed 2px ${color.
|
|
154
|
-
|
|
185
|
+
border: `dashed 2px ${color.blueGrey600()}`,
|
|
186
|
+
borderRadius: '4px',
|
|
187
|
+
lineHeight: `${theme.spacing.unit * LINE_HEIGHT_MULTIPLIER}px`,
|
|
155
188
|
color: color.text(),
|
|
156
189
|
},
|
|
157
190
|
custom: {
|
|
158
191
|
display: 'initial',
|
|
159
192
|
},
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
193
|
+
commonTokenStyle: {
|
|
194
|
+
position: 'relative',
|
|
195
|
+
borderRadius: '4px',
|
|
163
196
|
color: theme.palette.common.black,
|
|
164
|
-
lineHeight: `${theme.spacing.unit *
|
|
197
|
+
lineHeight: `${theme.spacing.unit * CORRECTNESS_LINE_HEIGHT_MULTIPLIER + CORRECTNESS_PADDING}px`,
|
|
198
|
+
padding: `${CORRECTNESS_PADDING}px`,
|
|
199
|
+
},
|
|
200
|
+
correct: {
|
|
201
|
+
border: `${color.correctTertiary()} solid 2px`,
|
|
165
202
|
},
|
|
166
203
|
incorrect: {
|
|
167
|
-
|
|
168
|
-
border: `${color.missing()} solid 2px`,
|
|
169
|
-
color: theme.palette.common.black,
|
|
170
|
-
lineHeight: `${theme.spacing.unit * 3}px`,
|
|
204
|
+
border: `${color.incorrectWithIcon()} solid 2px`,
|
|
171
205
|
},
|
|
172
206
|
missing: {
|
|
173
|
-
|
|
174
|
-
border: `${color.missing()} dashed 2px`,
|
|
175
|
-
color: theme.palette.common.black,
|
|
176
|
-
lineHeight: `${theme.spacing.unit * 3}px`,
|
|
177
|
-
textDecoration: `line-through ${color.missing()}`,
|
|
207
|
+
border: `${color.incorrectWithIcon()} dashed 2px`,
|
|
178
208
|
},
|
|
179
209
|
incorrectIcon: {
|
|
180
|
-
|
|
181
|
-
fontSize: 'larger',
|
|
182
|
-
color: color.missing(),
|
|
210
|
+
backgroundColor: color.incorrectWithIcon(),
|
|
183
211
|
},
|
|
184
212
|
correctIcon: {
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
213
|
+
backgroundColor: color.correctTertiary(),
|
|
214
|
+
},
|
|
215
|
+
correctnessIndicatorIcon: {
|
|
216
|
+
color: color.white(),
|
|
217
|
+
position: 'absolute',
|
|
218
|
+
top: '-8px',
|
|
219
|
+
left: '-8px',
|
|
220
|
+
borderRadius: '50%',
|
|
221
|
+
fontSize: '12px',
|
|
222
|
+
padding: '2px',
|
|
188
223
|
},
|
|
189
224
|
};
|
|
190
225
|
})(Token);
|