@pie-lib/text-select 1.11.2-next.0 → 1.11.2-next.8

package/lib/legend.js

@@ -17,8 +17,6 @@ var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
 
 var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
 
-var _core = require("@material-ui/core");
-
 var _renderUi = require("@pie-lib/render-ui");
 
 var Legend = (0, _styles.withStyles)(function (theme) {
@@ -84,9 +82,7 @@ var Legend = (0, _styles.withStyles)(function (theme) {
       className: icon.className,
       width: '19px',
       height: '19px'
-    }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
-      variant: 'subtitle1'
-    }, icon.label));
+    }), /*#__PURE__*/_react["default"].createElement("span", null, icon.label));
   }));
 });
 exports.Legend = Legend;

package/lib/legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/legend.js"],"names":["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","icons","iconName","Check","label","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 { Typography } from '@material-ui/core';\nimport { color } from '@pie-lib/render-ui';\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 }) => {\n  const icons = [\n    { iconName: Check, label: 'Correct answer selected', className: classes.correct },\n    { iconName: Remove, label: 'Correct answer not selected', className: classes.missing },\n    { iconName: Close, label: 'Incorrect selection', className: classes.incorrect },\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            <Typography variant={'subtitle1'}>{icon.label}</Typography>\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n"],"file":"legend.js"}
+{"version":3,"sources":["../src/legend.js"],"names":["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","icons","iconName","Check","label","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';\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 }) => {\n  const icons = [\n    { iconName: Check, label: 'Correct answer selected', className: classes.correct },\n    { iconName: Remove, label: 'Correct answer not selected', className: classes.missing },\n    { iconName: Close, label: 'Incorrect selection', className: classes.incorrect },\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/token-select/token.js

@@ -207,11 +207,13 @@ var _default = (0, _styles.withStyles)(function (theme) {
     },
     correct: {
       backgroundColor: _renderUi.color.correctSecondary(),
-      border: "".concat(_renderUi.color.correct(), " solid 2px")
+      border: "".concat(_renderUi.color.correct(), " solid 2px"),
+      lineHeight: "".concat(theme.spacing.unit * 4, "px")
     },
     incorrect: {
       backgroundColor: _renderUi.color.incorrectSecondary(),
-      border: "".concat(_renderUi.color.missing(), " solid 2px")
+      border: "".concat(_renderUi.color.missing(), " solid 2px"),
+      lineHeight: "".concat(theme.spacing.unit * 4, "px")
     },
     missing: {
       backgroundColor: _renderUi.color.incorrectSecondary(),

package/lib/token-select/token.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/token-select/token.jsx"],"names":["Wrapper","useWrapper","children","classNameContainer","iconClass","Icon","propTypes","PropTypes","bool","string","func","element","TokenTypes","text","selectable","Token","props","selected","classes","classNameProp","className","disabled","index","highlight","correct","animationsDisabled","isMissing","isTouchEnabled","window","navigator","maxTouchPoints","msMaxTouchPoints","undefined","token","disabledBlack","rootClassName","custom","Check","Close","incorrect","correctIcon","incorrectIcon","missing","disabledAndSelected","print","__html","replace","React","Component","object","isRequired","theme","cursor","textIndent","padding","spacing","unit","paddingRight","paddingLeft","transition","color","backgroundColor","secondaryLight","breakpoints","up","primaryLight","lineHeight","marginTop","border","boxSizing","display","correctSecondary","incorrectSecondary","textDecoration","verticalAlign","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\n\nconst Wrapper = ({ useWrapper, children, classNameContainer, iconClass, Icon }) => {\n  if (useWrapper) {\n    return (\n      <span className={classNameContainer}>\n        {children}\n        <Icon className={iconClass} viewBox={'0 1 24 24'} />\n      </span>\n    );\n  }\n\n  return children;\n};\n\nWrapper.propTypes = {\n  useWrapper: PropTypes.bool,\n  classNameContainer: PropTypes.string,\n  iconClass: PropTypes.string,\n  Icon: PropTypes.func,\n  children: PropTypes.element,\n};\n\nexport const TokenTypes = {\n  text: PropTypes.string,\n  selectable: PropTypes.bool,\n};\n\nexport class Token extends React.Component {\n  static rootClassName = 'tokenRootClass';\n\n  static propTypes = {\n    ...TokenTypes,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    highlight: PropTypes.bool,\n    correct: PropTypes.bool,\n    text: PropTypes.string.isRequired,\n  };\n\n  static defaultProps = {\n    selectable: false,\n    text: '',\n  };\n\n  render() {\n    const {\n      text,\n      selectable,\n      selected,\n      classes,\n      className: classNameProp,\n      disabled,\n      index,\n      highlight,\n      correct,\n      animationsDisabled,\n      isMissing,\n    } = this.props;\n    const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;\n\n    let className;\n    let classNameContainer;\n    let Icon;\n    let iconClass;\n\n    if (correct === undefined && selected && disabled) {\n      className = classNames(classes.token, classes.selected, classes.disabledBlack);\n    } else if (correct !== undefined) {\n      className = classNames(Token.rootClassName, classes.custom);\n      Icon = correct ? Check : Close;\n      classNameContainer = correct === true ? classes.correct : classes.incorrect;\n      iconClass = correct === true ? classes.correctIcon : classes.incorrectIcon;\n    } else if (isMissing) {\n      className = classNames(Token.rootClassName, classes.custom, isMissing === true && classes.missing);\n    } else {\n      className = classNames(\n        Token.rootClassName,\n        classes.token,\n        disabled && classes.disabled,\n        selectable && !disabled && !isTouchEnabled && classes.selectable,\n        selected && !disabled && classes.selected,\n        selected && disabled && classes.disabledAndSelected,\n        highlight && selectable && !disabled && !selected && classes.highlight,\n        animationsDisabled && classes.print,\n        classNameProp,\n      );\n    }\n    return (\n      <Wrapper\n        useWrapper={correct !== undefined}\n        classNameContainer={classNameContainer}\n        iconClass={iconClass}\n        Icon={Icon}\n      >\n        <span\n          className={className}\n          dangerouslySetInnerHTML={{ __html: (text || '').replace(/\\n/g, '<br>') }}\n          data-indexkey={index}\n        />\n      </Wrapper>\n    );\n  }\n}\n\nexport default withStyles((theme) => {\n  return {\n    token: {\n      cursor: 'pointer',\n      textIndent: 0,\n      padding: theme.spacing.unit / 2,\n      paddingRight: 0,\n      paddingLeft: 0,\n      transition: 'background-color 100ms ease-in',\n    },\n    disabled: {\n      cursor: 'inherit',\n      color: color.disabled(),\n    },\n    disabledBlack: {\n      cursor: 'inherit',\n    },\n    disabledAndSelected: {\n      backgroundColor: color.secondaryLight(),\n    },\n    selectable: {\n      [theme.breakpoints.up(769)]: {\n        '&:hover': {\n          backgroundColor: color.primaryLight(),\n          '& > *': {\n            backgroundColor: color.primaryLight(),\n          },\n        },\n      },\n    },\n    selected: {\n      lineHeight: 2,\n      marginTop: theme.spacing.unit / 2,\n      backgroundColor: color.primaryLight(),\n      '& > *': {\n        backgroundColor: color.primaryLight(),\n      },\n    },\n    highlight: {\n      border: `dashed 2px ${color.disabled()}`,\n      lineHeight: 2,\n      boxSizing: 'border-box',\n      marginTop: theme.spacing.unit / 2,\n      display: 'inline-block',\n      padding: theme.spacing.unit,\n    },\n    print: {\n      border: `dashed 2px ${color.disabled()}`,\n      lineHeight: 2,\n      boxSizing: 'border-box',\n      marginTop: theme.spacing.unit / 2,\n      display: 'inline-block',\n      padding: theme.spacing.unit,\n      color: color.text(),\n    },\n\n    custom: {\n      display: 'initial',\n    },\n    correct: {\n      backgroundColor: color.correctSecondary(),\n      border: `${color.correct()} solid 2px`,\n    },\n    incorrect: {\n      backgroundColor: color.incorrectSecondary(),\n      border: `${color.missing()} solid 2px`,\n    },\n    missing: {\n      backgroundColor: color.incorrectSecondary(),\n      border: `${color.missing()} dashed 2px`,\n      textDecoration: `line-through ${color.missing()}`,\n    },\n    incorrectIcon: {\n      verticalAlign: 'middle',\n      fontSize: 'larger',\n      color: color.missing(),\n    },\n\n    correctIcon: {\n      verticalAlign: 'middle',\n      fontSize: 'larger',\n      color: color.correct(),\n    },\n  };\n})(Token);\n"],"file":"token.js"}
+{"version":3,"sources":["../../src/token-select/token.jsx"],"names":["Wrapper","useWrapper","children","classNameContainer","iconClass","Icon","propTypes","PropTypes","bool","string","func","element","TokenTypes","text","selectable","Token","props","selected","classes","classNameProp","className","disabled","index","highlight","correct","animationsDisabled","isMissing","isTouchEnabled","window","navigator","maxTouchPoints","msMaxTouchPoints","undefined","token","disabledBlack","rootClassName","custom","Check","Close","incorrect","correctIcon","incorrectIcon","missing","disabledAndSelected","print","__html","replace","React","Component","object","isRequired","theme","cursor","textIndent","padding","spacing","unit","paddingRight","paddingLeft","transition","color","backgroundColor","secondaryLight","breakpoints","up","primaryLight","lineHeight","marginTop","border","boxSizing","display","correctSecondary","incorrectSecondary","textDecoration","verticalAlign","fontSize"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\n\nconst Wrapper = ({ useWrapper, children, classNameContainer, iconClass, Icon }) => {\n  if (useWrapper) {\n    return (\n      <span className={classNameContainer}>\n        {children}\n        <Icon className={iconClass} viewBox={'0 1 24 24'} />\n      </span>\n    );\n  }\n\n  return children;\n};\n\nWrapper.propTypes = {\n  useWrapper: PropTypes.bool,\n  classNameContainer: PropTypes.string,\n  iconClass: PropTypes.string,\n  Icon: PropTypes.func,\n  children: PropTypes.element,\n};\n\nexport const TokenTypes = {\n  text: PropTypes.string,\n  selectable: PropTypes.bool,\n};\n\nexport class Token extends React.Component {\n  static rootClassName = 'tokenRootClass';\n\n  static propTypes = {\n    ...TokenTypes,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    highlight: PropTypes.bool,\n    correct: PropTypes.bool,\n    text: PropTypes.string.isRequired,\n  };\n\n  static defaultProps = {\n    selectable: false,\n    text: '',\n  };\n\n  render() {\n    const {\n      text,\n      selectable,\n      selected,\n      classes,\n      className: classNameProp,\n      disabled,\n      index,\n      highlight,\n      correct,\n      animationsDisabled,\n      isMissing,\n    } = this.props;\n    const isTouchEnabled = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;\n\n    let className;\n    let classNameContainer;\n    let Icon;\n    let iconClass;\n\n    if (correct === undefined && selected && disabled) {\n      className = classNames(classes.token, classes.selected, classes.disabledBlack);\n    } else if (correct !== undefined) {\n      className = classNames(Token.rootClassName, classes.custom);\n      Icon = correct ? Check : Close;\n      classNameContainer = correct === true ? classes.correct : classes.incorrect;\n      iconClass = correct === true ? classes.correctIcon : classes.incorrectIcon;\n    } else if (isMissing) {\n      className = classNames(Token.rootClassName, classes.custom, isMissing === true && classes.missing);\n    } else {\n      className = classNames(\n        Token.rootClassName,\n        classes.token,\n        disabled && classes.disabled,\n        selectable && !disabled && !isTouchEnabled && classes.selectable,\n        selected && !disabled && classes.selected,\n        selected && disabled && classes.disabledAndSelected,\n        highlight && selectable && !disabled && !selected && classes.highlight,\n        animationsDisabled && classes.print,\n        classNameProp,\n      );\n    }\n    return (\n      <Wrapper\n        useWrapper={correct !== undefined}\n        classNameContainer={classNameContainer}\n        iconClass={iconClass}\n        Icon={Icon}\n      >\n        <span\n          className={className}\n          dangerouslySetInnerHTML={{ __html: (text || '').replace(/\\n/g, '<br>') }}\n          data-indexkey={index}\n        />\n      </Wrapper>\n    );\n  }\n}\n\nexport default withStyles((theme) => {\n  return {\n    token: {\n      cursor: 'pointer',\n      textIndent: 0,\n      padding: theme.spacing.unit / 2,\n      paddingRight: 0,\n      paddingLeft: 0,\n      transition: 'background-color 100ms ease-in',\n    },\n    disabled: {\n      cursor: 'inherit',\n      color: color.disabled(),\n    },\n    disabledBlack: {\n      cursor: 'inherit',\n    },\n    disabledAndSelected: {\n      backgroundColor: color.secondaryLight(),\n    },\n    selectable: {\n      [theme.breakpoints.up(769)]: {\n        '&:hover': {\n          backgroundColor: color.primaryLight(),\n          '& > *': {\n            backgroundColor: color.primaryLight(),\n          },\n        },\n      },\n    },\n    selected: {\n      lineHeight: 2,\n      marginTop: theme.spacing.unit / 2,\n      backgroundColor: color.primaryLight(),\n      '& > *': {\n        backgroundColor: color.primaryLight(),\n      },\n    },\n    highlight: {\n      border: `dashed 2px ${color.disabled()}`,\n      lineHeight: 2,\n      boxSizing: 'border-box',\n      marginTop: theme.spacing.unit / 2,\n      display: 'inline-block',\n      padding: theme.spacing.unit,\n    },\n    print: {\n      border: `dashed 2px ${color.disabled()}`,\n      lineHeight: 2,\n      boxSizing: 'border-box',\n      marginTop: theme.spacing.unit / 2,\n      display: 'inline-block',\n      padding: theme.spacing.unit,\n      color: color.text(),\n    },\n\n    custom: {\n      display: 'initial',\n    },\n    correct: {\n      backgroundColor: color.correctSecondary(),\n      border: `${color.correct()} solid 2px`,\n      lineHeight: `${theme.spacing.unit * 4}px`,\n    },\n    incorrect: {\n      backgroundColor: color.incorrectSecondary(),\n      border: `${color.missing()} solid 2px`,\n      lineHeight: `${theme.spacing.unit * 4}px`,\n    },\n    missing: {\n      backgroundColor: color.incorrectSecondary(),\n      border: `${color.missing()} dashed 2px`,\n      textDecoration: `line-through ${color.missing()}`,\n    },\n    incorrectIcon: {\n      verticalAlign: 'middle',\n      fontSize: 'larger',\n      color: color.missing(),\n    },\n\n    correctIcon: {\n      verticalAlign: 'middle',\n      fontSize: 'larger',\n      color: color.correct(),\n    },\n  };\n})(Token);\n"],"file":"token.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.11.2-next.0+42348245",
+  "version": "1.11.2-next.8+ef594a06",
   "description": "Some react components for text selection",
   "keywords": [
     "react",
@@ -18,7 +18,7 @@
   "license": "ISC",
   "dependencies": {
     "@pie-framework/parse-english": "^1.0.0",
-    "@pie-lib/render-ui": "^4.15.2-next.0+42348245",
+    "@pie-lib/render-ui": "^4.15.1",
     "@pie-lib/style-utils": "^0.1.43",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
@@ -38,6 +38,6 @@
     "@material-ui/core": "^3.8.3",
     "react": "^16.8.1"
   },
-  "gitHead": "42348245585e540e676c2d297a44aceac02659db",
+  "gitHead": "ef594a06941ca754acaef611c7687759e21406bc",
   "scripts": {}
 }

package/src/legend.js

@@ -3,7 +3,6 @@ import { withStyles } from '@material-ui/core/styles';
 import Check from '@material-ui/icons/Check';
 import Close from '@material-ui/icons/Close';
 import Remove from '@material-ui/icons/Remove';
-import { Typography } from '@material-ui/core';
 import { color } from '@pie-lib/render-ui';
 
 export const Legend = withStyles((theme) => ({
@@ -54,7 +53,7 @@ export const Legend = withStyles((theme) => ({
         return (
           <div key={index} className={classes.container}>
             <Icon className={icon.className} width={'19px'} height={'19px'}></Icon>
-            <Typography variant={'subtitle1'}>{icon.label}</Typography>
+            <span>{icon.label}</span>
           </div>
         );
       })}

package/src/token-select/token.jsx

@@ -172,10 +172,12 @@ export default withStyles((theme) => {
     correct: {
       backgroundColor: color.correctSecondary(),
       border: `${color.correct()} solid 2px`,
+      lineHeight: `${theme.spacing.unit * 4}px`,
     },
     incorrect: {
       backgroundColor: color.incorrectSecondary(),
       border: `${color.missing()} solid 2px`,
+      lineHeight: `${theme.spacing.unit * 4}px`,
     },
     missing: {
       backgroundColor: color.incorrectSecondary(),