@pie-lib/correct-answer-toggle 2.3.46 → 2.3.47

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.3.47](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.46...@pie-lib/correct-answer-toggle@2.3.47) (2022-11-23)
+
+**Note:** Version bump only for package @pie-lib/correct-answer-toggle
+
+
+
+
+
 ## [2.3.46](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.45...@pie-lib/correct-answer-toggle@2.3.46) (2022-09-28)
 
 **Note:** Version bump only for package @pie-lib/correct-answer-toggle

package/lib/expander.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/expander.jsx"],"names":["Expander","props","classes","show","children","expander","propTypes","PropTypes","bool","isRequired","className","string","object","oneOfType","arrayOf","node","transition","position","height","overflow","display","visibility","width","enter","opacity","enterDone","exit","exitDone"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;AACxB,MAAQC,OAAR,GAAoCD,KAApC,CAAQC,OAAR;AAAA,MAAiBC,IAAjB,GAAoCF,KAApC,CAAiBE,IAAjB;AAAA,MAAuBC,QAAvB,GAAoCH,KAApC,CAAuBG,QAAvB;AAEA,sBACE,gCAAC,mCAAD;AACE,UAAID,IADN;AAEE,IAAA,MAAM,EAAE,IAFV;AAGE,IAAA,YAAY,EAAE,KAHhB;AAIE,IAAA,OAAO,EAAE,GAJX;AAKE,IAAA,UAAU,oBAAOD,OAAP;AALZ,kBAOE;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACG;AAAxB,KAAmCD,QAAnC,CAPF,CADF;AAWD,CAdD;;AAgBAJ,QAAQ,CAACM,SAAT,GAAqB;AACnBH,EAAAA,IAAI,EAAEI,sBAAUC,IAAV,CAAeC,UADF;AAEnBC,EAAAA,SAAS,EAAEH,sBAAUI,MAFF;AAGnBT,EAAAA,OAAO,EAAEK,sBAAUK,MAHA;AAInBR,EAAAA,QAAQ,EAAEG,sBAAUM,SAAV,CAAoB,CAACN,sBAAUO,OAAV,CAAkBP,sBAAUQ,IAA5B,CAAD,EAAoCR,sBAAUQ,IAA9C,CAApB,EAAyEN;AAJhE,CAArB;AAOA,IAAMO,UAAU,GAAG,6CAAnB;;eAEe,wBAAW;AAAA,SAAO;AAC/BX,IAAAA,QAAQ,EAAE;AACRY,MAAAA,QAAQ,EAAE,UADF;AAERC,MAAAA,MAAM,EAAE,CAFA;AAGRC,MAAAA,QAAQ,EAAE,QAHF;AAIRC,MAAAA,OAAO,EAAE,MAJD;AAKRC,MAAAA,UAAU,EAAE,QALJ;AAMRC,MAAAA,KAAK,EAAE;AANC,KADqB;AAS/BC,IAAAA,KAAK,EAAE;AACLP,MAAAA,UAAU,EAAVA,UADK;AAELQ,MAAAA,OAAO,EAAE,CAFJ;AAGLN,MAAAA,MAAM,EAAE,MAHH;AAILI,MAAAA,KAAK,EAAE,MAJF;AAKLD,MAAAA,UAAU,EAAE;AALP,KATwB;AAgB/BI,IAAAA,SAAS,EAAE;AACTP,MAAAA,MAAM,EAAE,MADC;AAETG,MAAAA,UAAU,EAAE,SAFH;AAGTC,MAAAA,KAAK,EAAE;AAHE,KAhBoB;AAqB/BI,IAAAA,IAAI,EAAE;AACJV,MAAAA,UAAU,EAAVA,UADI;AAEJQ,MAAAA,OAAO,EAAE,CAFL;AAGJN,MAAAA,MAAM,EAAE,CAHJ;AAIJG,MAAAA,UAAU,EAAE,SAJR;AAKJC,MAAAA,KAAK,EAAE;AALH,KArByB;AA4B/BK,IAAAA,QAAQ,EAAE;AACRH,MAAAA,OAAO,EAAE,CADD;AAERH,MAAAA,UAAU,EAAE,QAFJ;AAGRH,MAAAA,MAAM,EAAE,CAHA;AAIRI,MAAAA,KAAK,EAAE;AAJC;AA5BqB,GAAP;AAAA,CAAX,EAkCXtB,QAlCW,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { CSSTransition } from 'react-transition-group';\n\nconst Expander = props => {\n  const { classes, show, children } = props;\n\n  return (\n    <CSSTransition\n      in={show}\n      appear={true}\n      mountOnEnter={false}\n      timeout={300}\n      classNames={{ ...classes }}\n    >\n      <div className={classes.expander}>{children}</div>\n    </CSSTransition>\n  );\n};\n\nExpander.propTypes = {\n  show: PropTypes.bool.isRequired,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst transition = 'height ease-in 300ms, opacity ease-in 300ms';\n\nexport default withStyles(() => ({\n  expander: {\n    position: 'relative',\n    height: 0,\n    overflow: 'hidden',\n    display: 'flex',\n    visibility: 'hidden',\n    width: 0\n  },\n  enter: {\n    transition,\n    opacity: 1,\n    height: '25px',\n    width: 'auto',\n    visibility: 'visible'\n  },\n  enterDone: {\n    height: '25px',\n    visibility: 'visible',\n    width: 'auto'\n  },\n  exit: {\n    transition,\n    opacity: 0,\n    height: 0,\n    visibility: 'visible',\n    width: 0\n  },\n  exitDone: {\n    opacity: 0,\n    visibility: 'hidden',\n    height: 0,\n    width: 0\n  }\n}))(Expander);\n"],"file":"expander.js"}
+{"version":3,"sources":["../src/expander.jsx"],"names":["Expander","props","classes","show","children","expander","propTypes","PropTypes","bool","isRequired","className","string","object","oneOfType","arrayOf","node","transition","position","height","overflow","display","visibility","width","enter","opacity","enterDone","exit","exitDone"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MAAQC,OAAR,GAAoCD,KAApC,CAAQC,OAAR;AAAA,MAAiBC,IAAjB,GAAoCF,KAApC,CAAiBE,IAAjB;AAAA,MAAuBC,QAAvB,GAAoCH,KAApC,CAAuBG,QAAvB;AAEA,sBACE,gCAAC,mCAAD;AAAe,UAAID,IAAnB;AAAyB,IAAA,MAAM,EAAE,IAAjC;AAAuC,IAAA,YAAY,EAAE,KAArD;AAA4D,IAAA,OAAO,EAAE,GAArE;AAA0E,IAAA,UAAU,oBAAOD,OAAP;AAApF,kBACE;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACG;AAAxB,KAAmCD,QAAnC,CADF,CADF;AAKD,CARD;;AAUAJ,QAAQ,CAACM,SAAT,GAAqB;AACnBH,EAAAA,IAAI,EAAEI,sBAAUC,IAAV,CAAeC,UADF;AAEnBC,EAAAA,SAAS,EAAEH,sBAAUI,MAFF;AAGnBT,EAAAA,OAAO,EAAEK,sBAAUK,MAHA;AAInBR,EAAAA,QAAQ,EAAEG,sBAAUM,SAAV,CAAoB,CAACN,sBAAUO,OAAV,CAAkBP,sBAAUQ,IAA5B,CAAD,EAAoCR,sBAAUQ,IAA9C,CAApB,EAAyEN;AAJhE,CAArB;AAOA,IAAMO,UAAU,GAAG,6CAAnB;;eAEe,wBAAW;AAAA,SAAO;AAC/BX,IAAAA,QAAQ,EAAE;AACRY,MAAAA,QAAQ,EAAE,UADF;AAERC,MAAAA,MAAM,EAAE,CAFA;AAGRC,MAAAA,QAAQ,EAAE,QAHF;AAIRC,MAAAA,OAAO,EAAE,MAJD;AAKRC,MAAAA,UAAU,EAAE,QALJ;AAMRC,MAAAA,KAAK,EAAE;AANC,KADqB;AAS/BC,IAAAA,KAAK,EAAE;AACLP,MAAAA,UAAU,EAAVA,UADK;AAELQ,MAAAA,OAAO,EAAE,CAFJ;AAGLN,MAAAA,MAAM,EAAE,MAHH;AAILI,MAAAA,KAAK,EAAE,MAJF;AAKLD,MAAAA,UAAU,EAAE;AALP,KATwB;AAgB/BI,IAAAA,SAAS,EAAE;AACTP,MAAAA,MAAM,EAAE,MADC;AAETG,MAAAA,UAAU,EAAE,SAFH;AAGTC,MAAAA,KAAK,EAAE;AAHE,KAhBoB;AAqB/BI,IAAAA,IAAI,EAAE;AACJV,MAAAA,UAAU,EAAVA,UADI;AAEJQ,MAAAA,OAAO,EAAE,CAFL;AAGJN,MAAAA,MAAM,EAAE,CAHJ;AAIJG,MAAAA,UAAU,EAAE,SAJR;AAKJC,MAAAA,KAAK,EAAE;AALH,KArByB;AA4B/BK,IAAAA,QAAQ,EAAE;AACRH,MAAAA,OAAO,EAAE,CADD;AAERH,MAAAA,UAAU,EAAE,QAFJ;AAGRH,MAAAA,MAAM,EAAE,CAHA;AAIRI,MAAAA,KAAK,EAAE;AAJC;AA5BqB,GAAP;AAAA,CAAX,EAkCXtB,QAlCW,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { CSSTransition } from 'react-transition-group';\n\nconst Expander = (props) => {\n  const { classes, show, children } = props;\n\n  return (\n    <CSSTransition in={show} appear={true} mountOnEnter={false} timeout={300} classNames={{ ...classes }}>\n      <div className={classes.expander}>{children}</div>\n    </CSSTransition>\n  );\n};\n\nExpander.propTypes = {\n  show: PropTypes.bool.isRequired,\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nconst transition = 'height ease-in 300ms, opacity ease-in 300ms';\n\nexport default withStyles(() => ({\n  expander: {\n    position: 'relative',\n    height: 0,\n    overflow: 'hidden',\n    display: 'flex',\n    visibility: 'hidden',\n    width: 0,\n  },\n  enter: {\n    transition,\n    opacity: 1,\n    height: '25px',\n    width: 'auto',\n    visibility: 'visible',\n  },\n  enterDone: {\n    height: '25px',\n    visibility: 'visible',\n    width: 'auto',\n  },\n  exit: {\n    transition,\n    opacity: 0,\n    height: 0,\n    visibility: 'visible',\n    width: 0,\n  },\n  exitDone: {\n    opacity: 0,\n    visibility: 'hidden',\n    height: 0,\n    width: 0,\n  },\n}))(Expander);\n"],"file":"expander.js"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.jsx"],"names":["CorrectAnswerToggle","props","state","show","onToggle","toggled","nextProps","setState","classes","className","hideMessage","showMessage","root","expander","content","onClick","bind","iconHolder","icon","label","React","Component","PropTypes","func","bool","string","object","isRequired","styles"],"mappings":"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","sourcesContent":["import styles from './styles';\nimport { withStyles } from '@material-ui/core/styles';\nimport CSSTransition from 'react-transition-group/CSSTransition';\nimport { CorrectResponse } from '@pie-lib/icons';\nimport { Readable } from '@pie-lib/render-ui';\nimport Expander from './expander';\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n/**\n * We export the raw unstyled class for testability. For public use please use the default export.\n */\nexport class CorrectAnswerToggle extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func,\n    toggled: PropTypes.bool,\n    show: PropTypes.bool,\n    hideMessage: PropTypes.string,\n    showMessage: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string\n  };\n\n  static defaultProps = {\n    showMessage: 'Show correct answer',\n    hideMessage: 'Hide correct answer',\n    show: false,\n    toggled: false\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show\n    };\n  }\n\n  onClick() {\n    this.props.onToggle(!this.props.toggled);\n  }\n\n  componentWillReceiveProps(nextProps) {\n    this.setState({\n      show: nextProps.show\n    });\n  }\n\n  render() {\n    const { classes, className, toggled, hideMessage, showMessage } = this.props;\n\n    return (\n      <div className={classNames(classes.root, className)}>\n        <Expander show={this.state.show} className={classes.expander}>\n          <div className={classes.content} onClick={this.onClick.bind(this)}>\n            <div className={classes.iconHolder}>\n              <CSSTransition timeout={400} in={toggled} exit={!toggled} classNames={classes}>\n                <CorrectResponse open={toggled} key=\"correct-open\" className={classes.icon} />\n              </CSSTransition>\n              <CSSTransition timeout={5000} in={!toggled} exit={toggled} classNames={classes}>\n                <CorrectResponse open={toggled} key=\"correct-closed\" className={classes.icon} />\n              </CSSTransition>\n            </div>\n            <Readable false>\n              <div className={classes.label} aria-hidden={!this.state.show}>\n                {toggled ? hideMessage : showMessage}\n              </div>\n            </Readable>\n          </div>\n        </Expander>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(CorrectAnswerToggle);\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.jsx"],"names":["CorrectAnswerToggle","props","state","show","onToggle","toggled","nextProps","setState","classes","className","hideMessage","showMessage","root","expander","content","onClick","bind","iconHolder","icon","label","React","Component","PropTypes","func","bool","string","object","isRequired","styles"],"mappings":"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","sourcesContent":["import styles from './styles';\nimport { withStyles } from '@material-ui/core/styles';\nimport CSSTransition from 'react-transition-group/CSSTransition';\nimport { CorrectResponse } from '@pie-lib/icons';\nimport { Readable } from '@pie-lib/render-ui';\nimport Expander from './expander';\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n/**\n * We export the raw unstyled class for testability. For public use please use the default export.\n */\nexport class CorrectAnswerToggle extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func,\n    toggled: PropTypes.bool,\n    show: PropTypes.bool,\n    hideMessage: PropTypes.string,\n    showMessage: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showMessage: 'Show correct answer',\n    hideMessage: 'Hide correct answer',\n    show: false,\n    toggled: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n  }\n\n  onClick() {\n    this.props.onToggle(!this.props.toggled);\n  }\n\n  componentWillReceiveProps(nextProps) {\n    this.setState({\n      show: nextProps.show,\n    });\n  }\n\n  render() {\n    const { classes, className, toggled, hideMessage, showMessage } = this.props;\n\n    return (\n      <div className={classNames(classes.root, className)}>\n        <Expander show={this.state.show} className={classes.expander}>\n          <div className={classes.content} onClick={this.onClick.bind(this)}>\n            <div className={classes.iconHolder}>\n              <CSSTransition timeout={400} in={toggled} exit={!toggled} classNames={classes}>\n                <CorrectResponse open={toggled} key=\"correct-open\" className={classes.icon} />\n              </CSSTransition>\n              <CSSTransition timeout={5000} in={!toggled} exit={toggled} classNames={classes}>\n                <CorrectResponse open={toggled} key=\"correct-closed\" className={classes.icon} />\n              </CSSTransition>\n            </div>\n            <Readable false>\n              <div className={classes.label} aria-hidden={!this.state.show}>\n                {toggled ? hideMessage : showMessage}\n              </div>\n            </Readable>\n          </div>\n        </Expander>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(CorrectAnswerToggle);\n"],"file":"index.js"}

package/lib/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.js"],"names":["noTouch","root","width","cursor","content","margin","textAlign","display","label","Object","assign","fontFamily","height","lineHeight","verticalAlign","color","text","fontSize","fontWeight","icon","position","iconHolder","marginRight","enter","opacity","enterActive","transition","exit","exitActive","animationStyles"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,OAAO,GAAG;AACd,2BAAyB,MADX;AAEd,yBAAuB,MAFT;AAGd,wBAAsB,MAHR;AAId,sBAAoB,MAJN;AAKd,qBAAmB,MALL;AAMd,iBAAe;AAND,CAAhB;eASe;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GADO;AAKbC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,QADD;AAEPC,IAAAA,SAAS,EAAE,QAFJ;AAGPC,IAAAA,OAAO,EAAE;AAHF,GALI;AAUbC,EAAAA,KAAK,EAAEC,MAAM,CAACC,MAAP,CACL;AACER,IAAAA,KAAK,EAAE,OADT;AAEE;AACAS,IAAAA,UAAU,EAAE,sBAHd;AAIEC,IAAAA,MAAM,EAAE,MAJV;AAKEC,IAAAA,UAAU,EAAE,MALd;AAMEC,IAAAA,aAAa,EAAE,QANjB;AAOEC,IAAAA,KAAK,sDAA+CA,gBAAMC,IAAN,EAA/C,MAPP;AAQEC,IAAAA,QAAQ,EAAE,MARZ;AASEC,IAAAA,UAAU,EAAE;AATd,GADK,EAYLlB,OAZK,CAVM;AAwBbmB,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UADN;AAEJlB,IAAAA,KAAK,EAAE;AAFH,GAxBO;AA4BbmB,EAAAA,UAAU,EAAE;AACVnB,IAAAA,KAAK,EAAE,MADG;AAEVoB,IAAAA,WAAW,EAAE;AAFH,GA5BC;AAgCbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AADJ,GAhCM;AAmCbC,EAAAA,WAAW,EAAE;AACXD,IAAAA,OAAO,EAAE,GADE;AAEXE,IAAAA,UAAU,EAAE;AAFD,GAnCA;AAuCbC,EAAAA,IAAI,EAAE;AACJH,IAAAA,OAAO,EAAE;AADL,GAvCO;AA0CbI,EAAAA,UAAU,EAAE;AACVJ,IAAAA,OAAO,EAAE,GADC;AAEVE,IAAAA,UAAU,EAAE;AAFF;AA1CC,C;;AAgDR,IAAMG,eAAe,GAAG,EAAxB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nconst noTouch = {\n  '-webkit-touchCcallout': 'none',\n  '-webkit-user-select': 'none',\n  '-khtml-user-select': 'none',\n  '-moz-user-select': 'none',\n  '-ms-user-select': 'none',\n  'user-select': 'none'\n};\n\nexport default {\n  root: {\n    width: '100%',\n    cursor: 'pointer'\n  },\n  content: {\n    margin: '0 auto',\n    textAlign: 'center',\n    display: 'flex'\n  },\n  label: Object.assign(\n    {\n      width: '140px',\n      // eslint-disable-next-line\n      fontFamily: \"'Roboto', sans-serif\",\n      height: '25px',\n      lineHeight: '25px',\n      verticalAlign: 'middle',\n      color: `var(--correct-answer-toggle-label-color,  ${color.text()})`,\n      fontSize: '15px',\n      fontWeight: 'normal'\n    },\n    noTouch\n  ),\n  icon: {\n    position: 'absolute',\n    width: '25px'\n  },\n  iconHolder: {\n    width: '25px',\n    marginRight: '5px'\n  },\n  enter: {\n    opacity: '0'\n  },\n  enterActive: {\n    opacity: '1',\n    transition: 'opacity 0.3s ease-in'\n  },\n  exit: {\n    opacity: '1'\n  },\n  exitActive: {\n    opacity: '0',\n    transition: 'opacity 0.3s ease-in'\n  }\n};\n\nexport const animationStyles = {};\n"],"file":"styles.js"}
+{"version":3,"sources":["../src/styles.js"],"names":["noTouch","root","width","cursor","content","margin","textAlign","display","label","Object","assign","fontFamily","height","lineHeight","verticalAlign","color","text","fontSize","fontWeight","icon","position","iconHolder","marginRight","enter","opacity","enterActive","transition","exit","exitActive","animationStyles"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,OAAO,GAAG;AACd,2BAAyB,MADX;AAEd,yBAAuB,MAFT;AAGd,wBAAsB,MAHR;AAId,sBAAoB,MAJN;AAKd,qBAAmB,MALL;AAMd,iBAAe;AAND,CAAhB;eASe;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GADO;AAKbC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,QADD;AAEPC,IAAAA,SAAS,EAAE,QAFJ;AAGPC,IAAAA,OAAO,EAAE;AAHF,GALI;AAUbC,EAAAA,KAAK,EAAEC,MAAM,CAACC,MAAP,CACL;AACER,IAAAA,KAAK,EAAE,OADT;AAEE;AACAS,IAAAA,UAAU,EAAE,sBAHd;AAIEC,IAAAA,MAAM,EAAE,MAJV;AAKEC,IAAAA,UAAU,EAAE,MALd;AAMEC,IAAAA,aAAa,EAAE,QANjB;AAOEC,IAAAA,KAAK,sDAA+CA,gBAAMC,IAAN,EAA/C,MAPP;AAQEC,IAAAA,QAAQ,EAAE,MARZ;AASEC,IAAAA,UAAU,EAAE;AATd,GADK,EAYLlB,OAZK,CAVM;AAwBbmB,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UADN;AAEJlB,IAAAA,KAAK,EAAE;AAFH,GAxBO;AA4BbmB,EAAAA,UAAU,EAAE;AACVnB,IAAAA,KAAK,EAAE,MADG;AAEVoB,IAAAA,WAAW,EAAE;AAFH,GA5BC;AAgCbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AADJ,GAhCM;AAmCbC,EAAAA,WAAW,EAAE;AACXD,IAAAA,OAAO,EAAE,GADE;AAEXE,IAAAA,UAAU,EAAE;AAFD,GAnCA;AAuCbC,EAAAA,IAAI,EAAE;AACJH,IAAAA,OAAO,EAAE;AADL,GAvCO;AA0CbI,EAAAA,UAAU,EAAE;AACVJ,IAAAA,OAAO,EAAE,GADC;AAEVE,IAAAA,UAAU,EAAE;AAFF;AA1CC,C;;AAgDR,IAAMG,eAAe,GAAG,EAAxB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nconst noTouch = {\n  '-webkit-touchCcallout': 'none',\n  '-webkit-user-select': 'none',\n  '-khtml-user-select': 'none',\n  '-moz-user-select': 'none',\n  '-ms-user-select': 'none',\n  'user-select': 'none',\n};\n\nexport default {\n  root: {\n    width: '100%',\n    cursor: 'pointer',\n  },\n  content: {\n    margin: '0 auto',\n    textAlign: 'center',\n    display: 'flex',\n  },\n  label: Object.assign(\n    {\n      width: '140px',\n      // eslint-disable-next-line\n      fontFamily: \"'Roboto', sans-serif\",\n      height: '25px',\n      lineHeight: '25px',\n      verticalAlign: 'middle',\n      color: `var(--correct-answer-toggle-label-color,  ${color.text()})`,\n      fontSize: '15px',\n      fontWeight: 'normal',\n    },\n    noTouch,\n  ),\n  icon: {\n    position: 'absolute',\n    width: '25px',\n  },\n  iconHolder: {\n    width: '25px',\n    marginRight: '5px',\n  },\n  enter: {\n    opacity: '0',\n  },\n  enterActive: {\n    opacity: '1',\n    transition: 'opacity 0.3s ease-in',\n  },\n  exit: {\n    opacity: '1',\n  },\n  exitActive: {\n    opacity: '0',\n    transition: 'opacity 0.3s ease-in',\n  },\n};\n\nexport const animationStyles = {};\n"],"file":"styles.js"}

package/package.json

@@ -11,14 +11,14 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.3.46",
+  "version": "2.3.47",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "scripts": {},
   "dependencies": {
     "@material-ui/core": "^3.8.3",
-    "@pie-lib/icons": "^2.4.25",
-    "@pie-lib/render-ui": "^4.13.6",
+    "@pie-lib/icons": "^2.4.26",
+    "@pie-lib/render-ui": "^4.13.7",
     "classnames": "^2.2.6",
     "lodash": "^4.17.11",
     "prop-types": "^15.6.2",
@@ -32,5 +32,5 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "7ad98ca33a39276da5e170339b3bd8bb626dd54b"
+  "gitHead": "f81076118e63884db5f5d65a41cff9aad111137e"
 }

package/src/expander.jsx

@@ -3,17 +3,11 @@ import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import { CSSTransition } from 'react-transition-group';
 
-const Expander = props => {
+const Expander = (props) => {
   const { classes, show, children } = props;
 
   return (
-    <CSSTransition
-      in={show}
-      appear={true}
-      mountOnEnter={false}
-      timeout={300}
-      classNames={{ ...classes }}
-    >
+    <CSSTransition in={show} appear={true} mountOnEnter={false} timeout={300} classNames={{ ...classes }}>
       <div className={classes.expander}>{children}</div>
     </CSSTransition>
   );
@@ -23,7 +17,7 @@ Expander.propTypes = {
   show: PropTypes.bool.isRequired,
   className: PropTypes.string,
   classes: PropTypes.object,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
 };
 
 const transition = 'height ease-in 300ms, opacity ease-in 300ms';
@@ -35,31 +29,31 @@ export default withStyles(() => ({
     overflow: 'hidden',
     display: 'flex',
     visibility: 'hidden',
-    width: 0
+    width: 0,
   },
   enter: {
     transition,
     opacity: 1,
     height: '25px',
     width: 'auto',
-    visibility: 'visible'
+    visibility: 'visible',
   },
   enterDone: {
     height: '25px',
     visibility: 'visible',
-    width: 'auto'
+    width: 'auto',
   },
   exit: {
     transition,
     opacity: 0,
     height: 0,
     visibility: 'visible',
-    width: 0
+    width: 0,
   },
   exitDone: {
     opacity: 0,
     visibility: 'hidden',
     height: 0,
-    width: 0
-  }
+    width: 0,
+  },
 }))(Expander);

package/src/index.jsx

@@ -18,20 +18,20 @@ export class CorrectAnswerToggle extends React.Component {
     hideMessage: PropTypes.string,
     showMessage: PropTypes.string,
     classes: PropTypes.object.isRequired,
-    className: PropTypes.string
+    className: PropTypes.string,
   };
 
   static defaultProps = {
     showMessage: 'Show correct answer',
     hideMessage: 'Hide correct answer',
     show: false,
-    toggled: false
+    toggled: false,
   };
 
   constructor(props) {
     super(props);
     this.state = {
-      show: props.show
+      show: props.show,
     };
   }
 
@@ -41,7 +41,7 @@ export class CorrectAnswerToggle extends React.Component {
 
   componentWillReceiveProps(nextProps) {
     this.setState({
-      show: nextProps.show
+      show: nextProps.show,
     });
   }
 

package/src/styles.js

@@ -6,18 +6,18 @@ const noTouch = {
   '-khtml-user-select': 'none',
   '-moz-user-select': 'none',
   '-ms-user-select': 'none',
-  'user-select': 'none'
+  'user-select': 'none',
 };
 
 export default {
   root: {
     width: '100%',
-    cursor: 'pointer'
+    cursor: 'pointer',
   },
   content: {
     margin: '0 auto',
     textAlign: 'center',
-    display: 'flex'
+    display: 'flex',
   },
   label: Object.assign(
     {
@@ -29,32 +29,32 @@ export default {
       verticalAlign: 'middle',
       color: `var(--correct-answer-toggle-label-color,  ${color.text()})`,
       fontSize: '15px',
-      fontWeight: 'normal'
+      fontWeight: 'normal',
     },
-    noTouch
+    noTouch,
   ),
   icon: {
     position: 'absolute',
-    width: '25px'
+    width: '25px',
   },
   iconHolder: {
     width: '25px',
-    marginRight: '5px'
+    marginRight: '5px',
   },
   enter: {
-    opacity: '0'
+    opacity: '0',
   },
   enterActive: {
     opacity: '1',
-    transition: 'opacity 0.3s ease-in'
+    transition: 'opacity 0.3s ease-in',
   },
   exit: {
-    opacity: '1'
+    opacity: '1',
   },
   exitActive: {
     opacity: '0',
-    transition: 'opacity 0.3s ease-in'
-  }
+    transition: 'opacity 0.3s ease-in',
+  },
 };
 
 export const animationStyles = {};