@pie-lib/text-select 1.14.0-beta.0 → 1.14.0

package/src/token-select/token.jsx

@@ -2,22 +2,26 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
-import { color } from '@pie-lib/render-ui';
 import Check from '@material-ui/icons/Check';
 import Close from '@material-ui/icons/Close';
 
-const Wrapper = ({ useWrapper, children, classNameContainer, iconClass, Icon }) => {
-  if (useWrapper) {
-    return (
-      <span className={classNameContainer}>
-        {children}
-        <Icon className={iconClass} viewBox={'0 1 24 24'} />
-      </span>
-    );
-  }
+import { color } from '../../render-ui/src/index';
 
-  return children;
-};
+// we need to use a larger line height for the token to be more readable
+const LINE_HEIGHT_MULTIPLIER = 3.2;
+// we need a bit more space for correctness indicators
+const CORRECTNESS_LINE_HEIGHT_MULTIPLIER = 3.4;
+const CORRECTNESS_PADDING = 2;
+
+const Wrapper = ({ useWrapper, children, classNameContainer, iconClass, Icon }) =>
+  useWrapper ? (
+    <span className={classNameContainer}>
+      {children}
+      <Icon className={iconClass} />
+    </span>
+  ) : (
+    children
+  );
 
 Wrapper.propTypes = {
   useWrapper: PropTypes.bool,
@@ -38,11 +42,11 @@ export class Token extends React.Component {
   static propTypes = {
     ...TokenTypes,
     classes: PropTypes.object.isRequired,
+    text: PropTypes.string.isRequired,
     className: PropTypes.string,
     disabled: PropTypes.bool,
     highlight: PropTypes.bool,
     correct: PropTypes.bool,
-    text: PropTypes.string.isRequired,
   };
 
   static defaultProps = {
@@ -50,39 +54,55 @@ export class Token extends React.Component {
     text: '',
   };
 
-  render() {
+  getClassAndIconConfig = () => {
     const {
-      text,
       selectable,
       selected,
       classes,
       className: classNameProp,
       disabled,
-      index,
       highlight,
       correct,
       animationsDisabled,
       isMissing,
     } = this.props;
     const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
-
-    let className;
+    const baseClassName = Token.rootClassName;
     let classNameContainer;
     let Icon;
     let iconClass;
 
     if (correct === undefined && selected && disabled) {
-      className = classNames(classes.token, classes.selected, classes.disabledBlack);
-    } else if (correct !== undefined) {
-      className = classNames(Token.rootClassName, classes.custom);
-      Icon = correct ? Check : Close;
-      classNameContainer = correct === true ? classes.correct : classes.incorrect;
-      iconClass = correct === true ? classes.correctIcon : classes.incorrectIcon;
-    } else if (isMissing) {
-      className = classNames(Token.rootClassName, classes.custom, isMissing === true && classes.missing);
-    } else {
-      className = classNames(
-        Token.rootClassName,
+      return {
+        className: classNames(classes.token, classes.selected, classes.disabledBlack),
+      };
+    }
+
+    if (correct !== undefined) {
+      const isCorrect = correct === true;
+      return {
+        className: classNames(baseClassName, classes.custom),
+        classNameContainer: classNames(isCorrect ? classes.correct : classes.incorrect, classes.commonTokenStyle),
+        Icon: isCorrect ? Check : Close,
+        iconClass: classNames(
+          classes.correctnessIndicatorIcon,
+          isCorrect ? classes.correctIcon : classes.incorrectIcon,
+        ),
+      };
+    }
+
+    if (isMissing) {
+      return {
+        className: classNames(baseClassName, classes.custom, classes.missing, classes.commonTokenStyle),
+        classNameContainer: classes.commonTokenStyle,
+        Icon: Close,
+        iconClass: classNames(classes.correctnessIndicatorIcon, classes.incorrectIcon),
+      };
+    }
+
+    return {
+      className: classNames(
+        baseClassName,
         classes.token,
         disabled && classes.disabled,
         selectable && !disabled && !isTouchEnabled && classes.selectable,
@@ -91,11 +111,20 @@ export class Token extends React.Component {
         highlight && selectable && !disabled && !selected && classes.highlight,
         animationsDisabled && classes.print,
         classNameProp,
-      );
-    }
+      ),
+      classNameContainer,
+      Icon,
+      iconClass,
+    };
+  };
+
+  render() {
+    const { text, index, correct, isMissing } = this.props;
+    const { className, classNameContainer, Icon, iconClass } = this.getClassAndIconConfig();
+
     return (
       <Wrapper
-        useWrapper={correct !== undefined}
+        useWrapper={correct !== undefined || isMissing}
         classNameContainer={classNameContainer}
         iconClass={iconClass}
         Icon={Icon}
@@ -124,67 +153,73 @@ export default withStyles((theme) => {
       cursor: 'inherit',
     },
     disabledAndSelected: {
-      backgroundColor: color.secondaryLight(),
+      backgroundColor: color.blueGrey100(),
     },
     selectable: {
       [theme.breakpoints.up(769)]: {
         '&:hover': {
-          backgroundColor: color.primaryLight(),
+          backgroundColor: color.blueGrey300(),
           color: theme.palette.common.black,
           '& > *': {
-            backgroundColor: color.primaryLight(),
+            backgroundColor: color.blueGrey300(),
           },
         },
       },
     },
     selected: {
-      backgroundColor: color.primaryLight(),
+      backgroundColor: color.blueGrey100(),
       color: theme.palette.common.black,
-      lineHeight: `${theme.spacing.unit * 3}px`,
+      lineHeight: `${theme.spacing.unit * LINE_HEIGHT_MULTIPLIER}px`,
+      border: `solid 2px ${color.blueGrey900()}`,
+      borderRadius: '4px',
       '& > *': {
-        backgroundColor: color.primaryLight(),
+        backgroundColor: color.blueGrey100(),
       },
     },
     highlight: {
-      border: `dashed 2px ${color.disabled()}`,
-      lineHeight: `${theme.spacing.unit * 3}px`,
+      border: `dashed 2px ${color.blueGrey600()}`,
+      borderRadius: '4px',
+      lineHeight: `${theme.spacing.unit * LINE_HEIGHT_MULTIPLIER}px`,
     },
     print: {
-      border: `dashed 2px ${color.disabled()}`,
-      lineHeight: `${theme.spacing.unit * 3}px`,
+      border: `dashed 2px ${color.blueGrey600()}`,
+      borderRadius: '4px',
+      lineHeight: `${theme.spacing.unit * LINE_HEIGHT_MULTIPLIER}px`,
       color: color.text(),
     },
     custom: {
       display: 'initial',
     },
-    correct: {
-      backgroundColor: color.correctSecondary(),
-      border: `${color.correct()} solid 2px`,
+    commonTokenStyle: {
+      position: 'relative',
+      borderRadius: '4px',
       color: theme.palette.common.black,
-      lineHeight: `${theme.spacing.unit * 3}px`,
+      lineHeight: `${theme.spacing.unit * CORRECTNESS_LINE_HEIGHT_MULTIPLIER + CORRECTNESS_PADDING}px`,
+      padding: `${CORRECTNESS_PADDING}px`,
+    },
+    correct: {
+      border: `${color.correctTertiary()} solid 2px`,
     },
     incorrect: {
-      backgroundColor: color.incorrectSecondary(),
-      border: `${color.missing()} solid 2px`,
-      color: theme.palette.common.black,
-      lineHeight: `${theme.spacing.unit * 3}px`,
+      border: `${color.incorrectWithIcon()} solid 2px`,
     },
     missing: {
-      backgroundColor: color.incorrectSecondary(),
-      border: `${color.missing()} dashed 2px`,
-      color: theme.palette.common.black,
-      lineHeight: `${theme.spacing.unit * 3}px`,
-      textDecoration: `line-through ${color.missing()}`,
+      border: `${color.incorrectWithIcon()} dashed 2px`,
     },
     incorrectIcon: {
-      verticalAlign: 'middle',
-      fontSize: 'larger',
-      color: color.missing(),
+      backgroundColor: color.incorrectWithIcon(),
     },
     correctIcon: {
-      verticalAlign: 'middle',
-      fontSize: 'larger',
-      color: color.correct(),
+      backgroundColor: color.correctTertiary(),
+    },
+    correctnessIndicatorIcon: {
+      color: color.white(),
+      position: 'absolute',
+      top: '-8px',
+      left: '-8px',
+      borderRadius: '50%',
+      fontSize: '12px',
+      padding: '2px',
     },
   };
 })(Token);

package/src/tokenizer/controls.jsx

@@ -4,7 +4,7 @@ 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 { color } from '../../../render-ui/src/index';
 import classNames from 'classnames';
 
 export class Controls extends React.Component {
@@ -53,17 +53,17 @@ export class Controls extends React.Component {
         </div>
         <FormControlLabel
           control={
-          <Switch
+            <Switch
               classes={{
                 checked: classes.checkedThumb,
                 bar: classNames({
                   [classes.checkedBar]: setCorrectMode,
                 }),
               }}
-              checked={setCorrectMode} 
-              onChange={onToggleCorrectMode} 
-          />
-        }
+              checked={setCorrectMode}
+              onChange={onToggleCorrectMode}
+            />
+          }
           label="Set correct answers"
         />
       </div>
@@ -84,5 +84,5 @@ export default withStyles((theme) => ({
   },
   checkedBar: {
     backgroundColor: `${color.tertiaryLight()} !important`,
-  }
+  },
 }))(Controls);

package/lib/__tests__/text-select.test.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _textSelect = _interopRequireDefault(require("../text-select"));
-
-var _enzyme = require("enzyme");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
-
-describe('text-select', function () {
-  describe('snapshot', function () {
-    it('renders', function () {
-      var w = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_textSelect["default"], {
-        text: "foo",
-        tokens: [],
-        selectedTokens: [],
-        onChange: jest.fn(),
-        maxNoOfSelections: 4
-      }));
-      expect(w).toMatchSnapshot();
-    });
-  });
-  describe('logic', function () {
-    var w, onChange;
-    beforeEach(function () {
-      onChange = jest.fn();
-      w = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_textSelect["default"], {
-        text: "foo",
-        tokens: [],
-        selectedTokens: [],
-        onChange: onChange
-      }));
-    });
-    describe('change', function () {
-      it('calls onChange', function () {
-        var changeArgs = [{
-          start: 0,
-          end: 1,
-          selected: true
-        }, {
-          start: 1,
-          end: 2
-        }];
-        w.instance().change(changeArgs);
-        expect(onChange).toBeCalledWith([{
-          start: 0,
-          end: 1
-        }]);
-      });
-    });
-  });
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vdGV4dC1zZWxlY3QudGVzdC5qc3giXSwibmFtZXMiOlsiZGVzY3JpYmUiLCJpdCIsInciLCJqZXN0IiwiZm4iLCJleHBlY3QiLCJ0b01hdGNoU25hcHNob3QiLCJvbkNoYW5nZSIsImJlZm9yZUVhY2giLCJjaGFuZ2VBcmdzIiwic3RhcnQiLCJlbmQiLCJzZWxlY3RlZCIsImluc3RhbmNlIiwiY2hhbmdlIiwidG9CZUNhbGxlZFdpdGgiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQUEsUUFBUSxDQUFDLGFBQUQsRUFBZ0IsWUFBTTtBQUM1QkEsRUFBQUEsUUFBUSxDQUFDLFVBQUQsRUFBYSxZQUFNO0FBQ3pCQyxJQUFBQSxFQUFFLENBQUMsU0FBRCxFQUFZLFlBQU07QUFDbEIsVUFBTUMsQ0FBQyxHQUFHLG1DQUNSLGdDQUFDLHNCQUFEO0FBQVksUUFBQSxJQUFJLEVBQUMsS0FBakI7QUFBdUIsUUFBQSxNQUFNLEVBQUUsRUFBL0I7QUFBbUMsUUFBQSxjQUFjLEVBQUUsRUFBbkQ7QUFBdUQsUUFBQSxRQUFRLEVBQUVDLElBQUksQ0FBQ0MsRUFBTCxFQUFqRTtBQUE0RSxRQUFBLGlCQUFpQixFQUFFO0FBQS9GLFFBRFEsQ0FBVjtBQUdBQyxNQUFBQSxNQUFNLENBQUNILENBQUQsQ0FBTixDQUFVSSxlQUFWO0FBQ0QsS0FMQyxDQUFGO0FBTUQsR0FQTyxDQUFSO0FBU0FOLEVBQUFBLFFBQVEsQ0FBQyxPQUFELEVBQVUsWUFBTTtBQUN0QixRQUFJRSxDQUFKLEVBQU9LLFFBQVA7QUFDQUMsSUFBQUEsVUFBVSxDQUFDLFlBQU07QUFDZkQsTUFBQUEsUUFBUSxHQUFHSixJQUFJLENBQUNDLEVBQUwsRUFBWDtBQUNBRixNQUFBQSxDQUFDLEdBQUcsbUNBQVEsZ0NBQUMsc0JBQUQ7QUFBWSxRQUFBLElBQUksRUFBQyxLQUFqQjtBQUF1QixRQUFBLE1BQU0sRUFBRSxFQUEvQjtBQUFtQyxRQUFBLGNBQWMsRUFBRSxFQUFuRDtBQUF1RCxRQUFBLFFBQVEsRUFBRUs7QUFBakUsUUFBUixDQUFKO0FBQ0QsS0FIUyxDQUFWO0FBS0FQLElBQUFBLFFBQVEsQ0FBQyxRQUFELEVBQVcsWUFBTTtBQUN2QkMsTUFBQUEsRUFBRSxDQUFDLGdCQUFELEVBQW1CLFlBQU07QUFDekIsWUFBTVEsVUFBVSxHQUFHLENBQ2pCO0FBQUVDLFVBQUFBLEtBQUssRUFBRSxDQUFUO0FBQVlDLFVBQUFBLEdBQUcsRUFBRSxDQUFqQjtBQUFvQkMsVUFBQUEsUUFBUSxFQUFFO0FBQTlCLFNBRGlCLEVBRWpCO0FBQUVGLFVBQUFBLEtBQUssRUFBRSxDQUFUO0FBQVlDLFVBQUFBLEdBQUcsRUFBRTtBQUFqQixTQUZpQixDQUFuQjtBQUtBVCxRQUFBQSxDQUFDLENBQUNXLFFBQUYsR0FBYUMsTUFBYixDQUFvQkwsVUFBcEI7QUFDQUosUUFBQUEsTUFBTSxDQUFDRSxRQUFELENBQU4sQ0FBaUJRLGNBQWpCLENBQWdDLENBQUM7QUFBRUwsVUFBQUEsS0FBSyxFQUFFLENBQVQ7QUFBWUMsVUFBQUEsR0FBRyxFQUFFO0FBQWpCLFNBQUQsQ0FBaEM7QUFDRCxPQVJDLENBQUY7QUFTRCxLQVZPLENBQVI7QUFXRCxHQWxCTyxDQUFSO0FBbUJELENBN0JPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgVGV4dFNlbGVjdCBmcm9tICcuLi90ZXh0LXNlbGVjdCc7XG5pbXBvcnQgeyBzaGFsbG93IH0gZnJvbSAnZW56eW1lJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdG9Kc29uIGZyb20gJ2VuenltZS10by1qc29uJztcbmRlc2NyaWJlKCd0ZXh0LXNlbGVjdCcsICgpID0+IHtcbiAgZGVzY3JpYmUoJ3NuYXBzaG90JywgKCkgPT4ge1xuICAgIGl0KCdyZW5kZXJzJywgKCkgPT4ge1xuICAgICAgY29uc3QgdyA9IHNoYWxsb3coXG4gICAgICAgIDxUZXh0U2VsZWN0IHRleHQ9XCJmb29cIiB0b2tlbnM9e1tdfSBzZWxlY3RlZFRva2Vucz17W119IG9uQ2hhbmdlPXtqZXN0LmZuKCl9IG1heE5vT2ZTZWxlY3Rpb25zPXs0fSAvPixcbiAgICAgICk7XG4gICAgICBleHBlY3QodykudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdsb2dpYycsICgpID0+IHtcbiAgICBsZXQgdywgb25DaGFuZ2U7XG4gICAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgICBvbkNoYW5nZSA9IGplc3QuZm4oKTtcbiAgICAgIHcgPSBzaGFsbG93KDxUZXh0U2VsZWN0IHRleHQ9XCJmb29cIiB0b2tlbnM9e1tdfSBzZWxlY3RlZFRva2Vucz17W119IG9uQ2hhbmdlPXtvbkNoYW5nZX0gLz4pO1xuICAgIH0pO1xuXG4gICAgZGVzY3JpYmUoJ2NoYW5nZScsICgpID0+IHtcbiAgICAgIGl0KCdjYWxscyBvbkNoYW5nZScsICgpID0+IHtcbiAgICAgICAgY29uc3QgY2hhbmdlQXJncyA9IFtcbiAgICAgICAgICB7IHN0YXJ0OiAwLCBlbmQ6IDEsIHNlbGVjdGVkOiB0cnVlIH0sXG4gICAgICAgICAgeyBzdGFydDogMSwgZW5kOiAyIH0sXG4gICAgICAgIF07XG5cbiAgICAgICAgdy5pbnN0YW5jZSgpLmNoYW5nZShjaGFuZ2VBcmdzKTtcbiAgICAgICAgZXhwZWN0KG9uQ2hhbmdlKS50b0JlQ2FsbGVkV2l0aChbeyBzdGFydDogMCwgZW5kOiAxIH1dKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9KTtcbn0pO1xuIl19

package/lib/__tests__/utils.test.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _utils = require("../utils");
-
-describe('logic', function () {
-  it('returns text if no html elements', function () {
-    var formattedText = (0, _utils.prepareText)("foo bar");
-    expect(formattedText).toEqual('foo bar');
-  });
-  it('replaces br with new lines', function () {
-    var formattedText = (0, _utils.prepareText)("<p>foo<br>bar</p>");
-    expect(formattedText).toEqual('foo\nbar');
-  });
-  it('replaces p with 2 new lines', function () {
-    var formattedText = (0, _utils.prepareText)("<p>foo<br>bar</p><p>bar<br>foo</p>");
-    expect(formattedText).toEqual('foo\nbar\n\nbar\nfoo');
-  });
-  it('adds p if there are no paragraphs', function () {
-    var formattedText = (0, _utils.prepareText)("foo<br>bar<br>foo");
-    expect(formattedText).toEqual('foo\nbar\nfoo');
-  });
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vdXRpbHMudGVzdC5qc3giXSwibmFtZXMiOlsiZGVzY3JpYmUiLCJpdCIsImZvcm1hdHRlZFRleHQiLCJleHBlY3QiLCJ0b0VxdWFsIl0sIm1hcHBpbmdzIjoiOztBQUFBOztBQUVBQSxRQUFRLENBQUMsT0FBRCxFQUFVLFlBQU07QUFDdEJDLEVBQUFBLEVBQUUsQ0FBQyxrQ0FBRCxFQUFxQyxZQUFNO0FBQzNDLFFBQU1DLGFBQWEsR0FBRyxrQ0FBdEI7QUFFQUMsSUFBQUEsTUFBTSxDQUFDRCxhQUFELENBQU4sQ0FBc0JFLE9BQXRCLENBQThCLFNBQTlCO0FBQ0QsR0FKQyxDQUFGO0FBTUFILEVBQUFBLEVBQUUsQ0FBQyw0QkFBRCxFQUErQixZQUFNO0FBQ3JDLFFBQU1DLGFBQWEsR0FBRyw0Q0FBdEI7QUFFQUMsSUFBQUEsTUFBTSxDQUFDRCxhQUFELENBQU4sQ0FBc0JFLE9BQXRCLENBQThCLFVBQTlCO0FBQ0QsR0FKQyxDQUFGO0FBTUFILEVBQUFBLEVBQUUsQ0FBQyw2QkFBRCxFQUFnQyxZQUFNO0FBQ3RDLFFBQU1DLGFBQWEsR0FBRyw2REFBdEI7QUFFQUMsSUFBQUEsTUFBTSxDQUFDRCxhQUFELENBQU4sQ0FBc0JFLE9BQXRCLENBQThCLHNCQUE5QjtBQUNELEdBSkMsQ0FBRjtBQU1BSCxFQUFBQSxFQUFFLENBQUMsbUNBQUQsRUFBc0MsWUFBTTtBQUM1QyxRQUFNQyxhQUFhLEdBQUcsNENBQXRCO0FBRUFDLElBQUFBLE1BQU0sQ0FBQ0QsYUFBRCxDQUFOLENBQXNCRSxPQUF0QixDQUE4QixlQUE5QjtBQUNELEdBSkMsQ0FBRjtBQUtELENBeEJPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBwcmVwYXJlVGV4dCB9IGZyb20gJy4uL3V0aWxzJztcblxuZGVzY3JpYmUoJ2xvZ2ljJywgKCkgPT4ge1xuICBpdCgncmV0dXJucyB0ZXh0IGlmIG5vIGh0bWwgZWxlbWVudHMnLCAoKSA9PiB7XG4gICAgY29uc3QgZm9ybWF0dGVkVGV4dCA9IHByZXBhcmVUZXh0KGBmb28gYmFyYCk7XG5cbiAgICBleHBlY3QoZm9ybWF0dGVkVGV4dCkudG9FcXVhbCgnZm9vIGJhcicpO1xuICB9KTtcblxuICBpdCgncmVwbGFjZXMgYnIgd2l0aCBuZXcgbGluZXMnLCAoKSA9PiB7XG4gICAgY29uc3QgZm9ybWF0dGVkVGV4dCA9IHByZXBhcmVUZXh0KGA8cD5mb288YnI+YmFyPC9wPmApO1xuXG4gICAgZXhwZWN0KGZvcm1hdHRlZFRleHQpLnRvRXF1YWwoJ2Zvb1xcbmJhcicpO1xuICB9KTtcblxuICBpdCgncmVwbGFjZXMgcCB3aXRoIDIgbmV3IGxpbmVzJywgKCkgPT4ge1xuICAgIGNvbnN0IGZvcm1hdHRlZFRleHQgPSBwcmVwYXJlVGV4dChgPHA+Zm9vPGJyPmJhcjwvcD48cD5iYXI8YnI+Zm9vPC9wPmApO1xuXG4gICAgZXhwZWN0KGZvcm1hdHRlZFRleHQpLnRvRXF1YWwoJ2Zvb1xcbmJhclxcblxcbmJhclxcbmZvbycpO1xuICB9KTtcblxuICBpdCgnYWRkcyBwIGlmIHRoZXJlIGFyZSBubyBwYXJhZ3JhcGhzJywgKCkgPT4ge1xuICAgIGNvbnN0IGZvcm1hdHRlZFRleHQgPSBwcmVwYXJlVGV4dChgZm9vPGJyPmJhcjxicj5mb29gKTtcblxuICAgIGV4cGVjdChmb3JtYXR0ZWRUZXh0KS50b0VxdWFsKCdmb29cXG5iYXJcXG5mb28nKTtcbiAgfSk7XG59KTtcbiJdfQ==

package/lib/index.js

@@ -1,76 +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, "Controls", {
-  enumerable: true,
-  get: function get() {
-    return _controls["default"];
-  }
-});
-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 _controls = _interopRequireDefault(require("./tokenizer/controls"));
-
-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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQ29udHJvbHMgZnJvbSAnLi90b2tlbml6ZXIvY29udHJvbHMnO1xuaW1wb3J0IFRva2VuaXplciBmcm9tICcuL3Rva2VuaXplcic7XG5pbXBvcnQgVG9rZW5TZWxlY3QsIHsgVG9rZW5UeXBlcyB9IGZyb20gJy4vdG9rZW4tc2VsZWN0JztcbmltcG9ydCBUZXh0U2VsZWN0IGZyb20gJy4vdGV4dC1zZWxlY3QnO1xuaW1wb3J0IHsgTGVnZW5kIH0gZnJvbSAnLi9sZWdlbmQnO1xuaW1wb3J0IFRva2VuIGZyb20gJy4vdG9rZW4tc2VsZWN0L3Rva2VuJztcbmltcG9ydCB7IHByZXBhcmVUZXh0IH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB7IENvbnRyb2xzLCBUZXh0U2VsZWN0LCBUb2tlblR5cGVzLCBUb2tlbml6ZXIsIFRva2VuU2VsZWN0LCBUb2tlbiwgcHJlcGFyZVRleHQsIExlZ2VuZCB9O1xuIl19

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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9sZWdlbmQuanMiXSwibmFtZXMiOlsidHJhbnNsYXRvciIsIlRyYW5zbGF0b3IiLCJMZWdlbmQiLCJ0aGVtZSIsImZsZXhDb250YWluZXIiLCJkaXNwbGF5IiwiZmxleERpcmVjdGlvbiIsImdhcCIsInNwYWNpbmciLCJ1bml0IiwiYm9yZGVyQm90dG9tIiwiYm9yZGVyVG9wIiwicGFkZGluZ0JvdHRvbSIsInBhZGRpbmdUb3AiLCJtYXJnaW5Cb3R0b20iLCJjb250YWluZXIiLCJhbGlnbkl0ZW1zIiwiY29ycmVjdCIsImZvbnRTaXplIiwiY29sb3IiLCJiYWNrZ3JvdW5kQ29sb3IiLCJjb3JyZWN0U2Vjb25kYXJ5IiwiYm9yZGVyIiwiaW5jb3JyZWN0IiwibWlzc2luZyIsImluY29ycmVjdFNlY29uZGFyeSIsImNsYXNzZXMiLCJsYW5ndWFnZSIsImljb25zIiwiaWNvbk5hbWUiLCJDaGVjayIsImxhYmVsIiwidCIsImxuZyIsImNsYXNzTmFtZSIsIlJlbW92ZSIsIkNsb3NlIiwibWFwIiwiaWNvbiIsImluZGV4IiwiSWNvbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUEsSUFBUUEsVUFBUixHQUF1QkMsc0JBQXZCLENBQVFELFVBQVI7QUFFTyxJQUFNRSxNQUFNLEdBQUcsd0JBQVcsVUFBQ0MsS0FBRDtBQUFBLFNBQVk7QUFDM0NDLElBQUFBLGFBQWEsRUFBRTtBQUNiQyxNQUFBQSxPQUFPLEVBQUUsTUFESTtBQUViQyxNQUFBQSxhQUFhLEVBQUUsS0FGRjtBQUdiQyxNQUFBQSxHQUFHLFlBQUssSUFBSUosS0FBSyxDQUFDSyxPQUFOLENBQWNDLElBQXZCLE9BSFU7QUFJYkMsTUFBQUEsWUFBWSxFQUFFLHFCQUpEO0FBS2JDLE1BQUFBLFNBQVMsRUFBRSxxQkFMRTtBQU1iQyxNQUFBQSxhQUFhLEVBQUVULEtBQUssQ0FBQ0ssT0FBTixDQUFjQyxJQU5oQjtBQU9i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RUFBRTtBQUF4RCxNQURGLGVBRUUsOENBQU9JLElBQUksQ0FBQ1AsS0FBWixDQUZGLENBREY7QUFNRCxHQVJBLENBREgsQ0FERjtBQWFELENBbkVxQixDQUFmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IENoZWNrIGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9DaGVjayc7XG5pbXBvcnQgQ2xvc2UgZnJvbSAnQG1hdGVyaWFsLXVpL2ljb25zL0Nsb3NlJztcbmltcG9ydCBSZW1vdmUgZnJvbSAnQG1hdGVyaWFsLXVpL2ljb25zL1JlbW92ZSc7XG5pbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgVHJhbnNsYXRvciBmcm9tICdAcGllLWxpYi90cmFuc2xhdG9yJztcblxuY29uc3QgeyB0cmFuc2xhdG9yIH0gPSBUcmFuc2xhdG9yO1xuXG5leHBvcnQgY29uc3QgTGVnZW5kID0gd2l0aFN0eWxlcygodGhlbWUpID0+ICh7XG4gIGZsZXhDb250YWluZXI6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgZ2FwOiBgJHsyICogdGhlbWUuc3BhY2luZy51bml0fXB4YCxcbiAgICBib3JkZXJCb3R0b206ICcxcHggc29saWQgbGlnaHRncmV5JyxcbiAgICBib3JkZXJUb3A6ICcxcHggc29saWQgbGlnaHRncmV5JyxcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXQsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZy51bml0LFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2luZy51bml0LFxuICB9LFxuICBjb250YWluZXI6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgZ2FwOiBgJHt0aGVtZS5zcGFjaW5nLnVuaXQgLyAyfXB4YCxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgfSxcbiAgY29ycmVjdDoge1xuICAgIGZvbnRTaXplOiAnbGFyZ2VyJyxcbiAgICBjb2xvcjogY29sb3IuY29ycmVjdCgpLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuY29ycmVjdFNlY29uZGFyeSgpLFxuICAgIGJvcmRlcjogYDJweCBzb2xpZCAke2NvbG9yLmNvcnJlY3QoKX1gLFxuICB9LFxuICBpbmNvcnJlY3Q6IHtcbiAgICBmb250U2l6ZTogJ2xhcmdlcicsXG4gICAgY29sb3I6IGNvbG9yLm1pc3NpbmcoKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmluY29ycmVjdFNlY29uZGFyeSgpLFxuICAgIGJvcmRlcjogYDJweCBzb2xpZCAke2NvbG9yLm1pc3NpbmcoKX1gLFxuICB9LFxuICBtaXNzaW5nOiB7XG4gICAgZm9udFNpemU6ICdsYXJnZXInLFxuICAgIGNvbG9yOiBjb2xvci5taXNzaW5nKCksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5pbmNvcnJlY3RTZWNvbmRhcnkoKSxcbiAgICBib3JkZXI6IGAycHggZGFzaGVkICR7Y29sb3IubWlzc2luZygpfWAsXG4gIH0sXG59KSkoKHsgY2xhc3NlcywgbGFuZ3VhZ2UgfSkgPT4ge1xuICBjb25zdCBpY29ucyA9IFtcbiAgICB7XG4gICAgICBpY29uTmFtZTogQ2hlY2ssXG4gICAgICBsYWJlbDogdHJhbnNsYXRvci50KCdzZWxlY3RUZXh0LmNvcnJlY3RBbnN3ZXJTZWxlY3RlZCcsIHsgbG5nOiBsYW5ndWFnZSB9KSxcbiAgICAgIGNsYXNzTmFtZTogY2xhc3Nlcy5jb3JyZWN0LFxuICAgIH0sXG4gICAge1xuICAgICAgaWNvbk5hbWU6IFJlbW92ZSxcbiAgICAgIGxhYmVsOiB0cmFuc2xhdG9yLnQoJ3NlbGVjdFRleHQuY29ycmVjdEFuc3dlck5vdFNlbGVjdGVkJywgeyBsbmc6IGxhbmd1YWdlIH0pLFxuICAgICAgY2xhc3NOYW1lOiBjbGFzc2VzLm1pc3NpbmcsXG4gICAgfSxcbiAgICB7XG4gICAgICBpY29uTmFtZTogQ2xvc2UsXG4gICAgICBsYWJlbDogdHJhbnNsYXRvci50KCdzZWxlY3RUZXh0LmluY29ycmVjdFNlbGVjdGlvbicsIHsgbG5nOiBsYW5ndWFnZSB9KSxcbiAgICAgIGNsYXNzTmFtZTogY2xhc3Nlcy5pbmNvcnJlY3QsXG4gICAgfSxcbiAgXTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmZsZXhDb250YWluZXJ9PlxuICAgICAge2ljb25zLm1hcCgoaWNvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgY29uc3QgSWNvbiA9IGljb24uaWNvbk5hbWU7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fSBjbGFzc05hbWU9e2NsYXNzZXMuY29udGFpbmVyfT5cbiAgICAgICAgICAgIDxJY29uIGNsYXNzTmFtZT17aWNvbi5jbGFzc05hbWV9IHdpZHRoPXsnMTlweCd9IGhlaWdodD17JzE5cHgnfT48L0ljb24+XG4gICAgICAgICAgICA8c3Bhbj57aWNvbi5sYWJlbH08L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG4gICAgICB9KX1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19