@pie-lib/correct-answer-toggle 2.3.46 → 2.3.47
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.md +8 -0
- package/lib/expander.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/styles.js.map +1 -1
- package/package.json +4 -4
- package/src/expander.jsx +9 -15
- package/src/index.jsx +4 -4
- package/src/styles.js +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [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)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @pie-lib/correct-answer-toggle
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [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)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @pie-lib/correct-answer-toggle
|
package/lib/expander.js.map
CHANGED
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AACA;AACA;AACA;IACaA,mB;;;;;AAkBX,+BAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACXC,MAAAA,IAAI,EAAEF,KAAK,CAACE;AADD,KAAb;AAFiB;AAKlB;;;;WAED,mBAAU;AACR,WAAKF,KAAL,CAAWG,QAAX,CAAoB,CAAC,KAAKH,KAAL,CAAWI,OAAhC;AACD;;;WAED,mCAA0BC,SAA1B,EAAqC;AACnC,WAAKC,QAAL,CAAc;AACZJ,QAAAA,IAAI,EAAEG,SAAS,CAACH;AADJ,OAAd;AAGD;;;WAED,kBAAS;AACP,wBAAkE,KAAKF,KAAvE;AAAA,UAAQO,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BJ,OAA5B,eAA4BA,OAA5B;AAAA,UAAqCK,WAArC,eAAqCA,WAArC;AAAA,UAAkDC,WAAlD,eAAkDA,WAAlD;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,IAAnB,EAAyBH,SAAzB;AAAhB,sBACE,gCAAC,oBAAD;AAAU,QAAA,IAAI,EAAE,KAAKP,KAAL,CAAWC,IAA3B;AAAiC,QAAA,SAAS,EAAEK,OAAO,CAACK;AAApD,sBACE;AAAK,QAAA,SAAS,EAAEL,OAAO,CAACM,OAAxB;AAAiC,QAAA,OAAO,EAAE,KAAKC,OAAL,CAAaC,IAAb,CAAkB,IAAlB;AAA1C,sBACE;AAAK,QAAA,SAAS,EAAER,OAAO,CAACS;AAAxB,sBACE,gCAAC,yBAAD;AAAe,QAAA,OAAO,EAAE,GAAxB;AAA6B,cAAIZ,OAAjC;AAA0C,QAAA,IAAI,EAAE,CAACA,OAAjD;AAA0D,QAAA,UAAU,EAAEG;AAAtE,sBACE,gCAAC,sBAAD;AAAiB,QAAA,IAAI,EAAEH,OAAvB;AAAgC,QAAA,GAAG,EAAC,cAApC;AAAmD,QAAA,SAAS,EAAEG,OAAO,CAACU;AAAtE,QADF,CADF,eAIE,gCAAC,yBAAD;AAAe,QAAA,OAAO,EAAE,IAAxB;AAA8B,cAAI,CAACb,OAAnC;AAA4C,QAAA,IAAI,EAAEA,OAAlD;AAA2D,QAAA,UAAU,EAAEG;AAAvE,sBACE,gCAAC,sBAAD;AAAiB,QAAA,IAAI,EAAEH,OAAvB;AAAgC,QAAA,GAAG,EAAC,gBAApC;AAAqD,QAAA,SAAS,EAAEG,OAAO,CAACU;AAAxE,QADF,CAJF,CADF,eASE,gCAAC,kBAAD;AAAU;AAAV,sBACE;AAAK,QAAA,SAAS,EAAEV,OAAO,CAACW,KAAxB;AAA+B,uBAAa,CAAC,KAAKjB,KAAL,CAAWC;AAAxD,SACGE,OAAO,GAAGK,WAAH,GAAiBC,WAD3B,CADF,CATF,CADF,CADF,CADF;AAqBD;;;EA3DsCS,kBAAMC,S;;;iCAAlCrB,mB,eACQ;AACjBI,EAAAA,QAAQ,EAAEkB,sBAAUC,IADH;AAEjBlB,EAAAA,OAAO,EAAEiB,sBAAUE,IAFF;AAGjBrB,EAAAA,IAAI,EAAEmB,sBAAUE,IAHC;AAIjBd,EAAAA,WAAW,EAAEY,sBAAUG,MAJN;AAKjBd,EAAAA,WAAW,EAAEW,sBAAUG,MALN;AAMjBjB,EAAAA,OAAO,EAAEc,sBAAUI,MAAV,CAAiBC,UANT;AAOjBlB,EAAAA,SAAS,EAAEa,sBAAUG;AAPJ,C;iCADRzB,mB,kBAWW;AACpBW,EAAAA,WAAW,EAAE,qBADO;AAEpBD,EAAAA,WAAW,EAAE,qBAFO;AAGpBP,EAAAA,IAAI,EAAE,KAHc;AAIpBE,EAAAA,OAAO,EAAE;AAJW,C;;eAmDT,yBAAWuB,kBAAX,EAAmB5B,mBAAnB,C","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
|
|
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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AACA;AACA;AACA;IACaA,mB;;;;;AAkBX,+BAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACXC,MAAAA,IAAI,EAAEF,KAAK,CAACE;AADD,KAAb;AAFiB;AAKlB;;;;WAED,mBAAU;AACR,WAAKF,KAAL,CAAWG,QAAX,CAAoB,CAAC,KAAKH,KAAL,CAAWI,OAAhC;AACD;;;WAED,mCAA0BC,SAA1B,EAAqC;AACnC,WAAKC,QAAL,CAAc;AACZJ,QAAAA,IAAI,EAAEG,SAAS,CAACH;AADJ,OAAd;AAGD;;;WAED,kBAAS;AACP,wBAAkE,KAAKF,KAAvE;AAAA,UAAQO,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BJ,OAA5B,eAA4BA,OAA5B;AAAA,UAAqCK,WAArC,eAAqCA,WAArC;AAAA,UAAkDC,WAAlD,eAAkDA,WAAlD;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,IAAnB,EAAyBH,SAAzB;AAAhB,sBACE,gCAAC,oBAAD;AAAU,QAAA,IAAI,EAAE,KAAKP,KAAL,CAAWC,IAA3B;AAAiC,QAAA,SAAS,EAAEK,OAAO,CAACK;AAApD,sBACE;AAAK,QAAA,SAAS,EAAEL,OAAO,CAACM,OAAxB;AAAiC,QAAA,OAAO,EAAE,KAAKC,OAAL,CAAaC,IAAb,CAAkB,IAAlB;AAA1C,sBACE;AAAK,QAAA,SAAS,EAAER,OAAO,CAACS;AAAxB,sBACE,gCAAC,yBAAD;AAAe,QAAA,OAAO,EAAE,GAAxB;AAA6B,cAAIZ,OAAjC;AAA0C,QAAA,IAAI,EAAE,CAACA,OAAjD;AAA0D,QAAA,UAAU,EAAEG;AAAtE,sBACE,gCAAC,sBAAD;AAAiB,QAAA,IAAI,EAAEH,OAAvB;AAAgC,QAAA,GAAG,EAAC,cAApC;AAAmD,QAAA,SAAS,EAAEG,OAAO,CAACU;AAAtE,QADF,CADF,eAIE,gCAAC,yBAAD;AAAe,QAAA,OAAO,EAAE,IAAxB;AAA8B,cAAI,CAACb,OAAnC;AAA4C,QAAA,IAAI,EAAEA,OAAlD;AAA2D,QAAA,UAAU,EAAEG;AAAvE,sBACE,gCAAC,sBAAD;AAAiB,QAAA,IAAI,EAAEH,OAAvB;AAAgC,QAAA,GAAG,EAAC,gBAApC;AAAqD,QAAA,SAAS,EAAEG,OAAO,CAACU;AAAxE,QADF,CAJF,CADF,eASE,gCAAC,kBAAD;AAAU;AAAV,sBACE;AAAK,QAAA,SAAS,EAAEV,OAAO,CAACW,KAAxB;AAA+B,uBAAa,CAAC,KAAKjB,KAAL,CAAWC;AAAxD,SACGE,OAAO,GAAGK,WAAH,GAAiBC,WAD3B,CADF,CATF,CADF,CADF,CADF;AAqBD;;;EA3DsCS,kBAAMC,S;;;iCAAlCrB,mB,eACQ;AACjBI,EAAAA,QAAQ,EAAEkB,sBAAUC,IADH;AAEjBlB,EAAAA,OAAO,EAAEiB,sBAAUE,IAFF;AAGjBrB,EAAAA,IAAI,EAAEmB,sBAAUE,IAHC;AAIjBd,EAAAA,WAAW,EAAEY,sBAAUG,MAJN;AAKjBd,EAAAA,WAAW,EAAEW,sBAAUG,MALN;AAMjBjB,EAAAA,OAAO,EAAEc,sBAAUI,MAAV,CAAiBC,UANT;AAOjBlB,EAAAA,SAAS,EAAEa,sBAAUG;AAPJ,C;iCADRzB,mB,kBAWW;AACpBW,EAAAA,WAAW,EAAE,qBADO;AAEpBD,EAAAA,WAAW,EAAE,qBAFO;AAGpBP,EAAAA,IAAI,EAAE,KAHc;AAIpBE,EAAAA,OAAO,EAAE;AAJW,C;;eAmDT,yBAAWuB,kBAAX,EAAmB5B,mBAAnB,C","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
CHANGED
|
@@ -1 +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'
|
|
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"}
|
package/package.json
CHANGED
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
"publishConfig": {
|
|
12
12
|
"access": "public"
|
|
13
13
|
},
|
|
14
|
-
"version": "2.3.
|
|
14
|
+
"version": "2.3.47",
|
|
15
15
|
"main": "lib/index.js",
|
|
16
16
|
"module": "src/index.jsx",
|
|
17
17
|
"scripts": {},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@material-ui/core": "^3.8.3",
|
|
20
|
-
"@pie-lib/icons": "^2.4.
|
|
21
|
-
"@pie-lib/render-ui": "^4.13.
|
|
20
|
+
"@pie-lib/icons": "^2.4.26",
|
|
21
|
+
"@pie-lib/render-ui": "^4.13.7",
|
|
22
22
|
"classnames": "^2.2.6",
|
|
23
23
|
"lodash": "^4.17.11",
|
|
24
24
|
"prop-types": "^15.6.2",
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"react": "^16.8.1",
|
|
33
33
|
"react-dom": "^16.8.1"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "f81076118e63884db5f5d65a41cff9aad111137e"
|
|
36
36
|
}
|
package/src/expander.jsx
CHANGED
|
@@ -3,17 +3,11 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { withStyles } from '@material-ui/core/styles';
|
|
4
4
|
import { CSSTransition } from 'react-transition-group';
|
|
5
5
|
|
|
6
|
-
const Expander = props => {
|
|
6
|
+
const Expander = (props) => {
|
|
7
7
|
const { classes, show, children } = props;
|
|
8
8
|
|
|
9
9
|
return (
|
|
10
|
-
<CSSTransition
|
|
11
|
-
in={show}
|
|
12
|
-
appear={true}
|
|
13
|
-
mountOnEnter={false}
|
|
14
|
-
timeout={300}
|
|
15
|
-
classNames={{ ...classes }}
|
|
16
|
-
>
|
|
10
|
+
<CSSTransition in={show} appear={true} mountOnEnter={false} timeout={300} classNames={{ ...classes }}>
|
|
17
11
|
<div className={classes.expander}>{children}</div>
|
|
18
12
|
</CSSTransition>
|
|
19
13
|
);
|
|
@@ -23,7 +17,7 @@ Expander.propTypes = {
|
|
|
23
17
|
show: PropTypes.bool.isRequired,
|
|
24
18
|
className: PropTypes.string,
|
|
25
19
|
classes: PropTypes.object,
|
|
26
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
20
|
+
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
27
21
|
};
|
|
28
22
|
|
|
29
23
|
const transition = 'height ease-in 300ms, opacity ease-in 300ms';
|
|
@@ -35,31 +29,31 @@ export default withStyles(() => ({
|
|
|
35
29
|
overflow: 'hidden',
|
|
36
30
|
display: 'flex',
|
|
37
31
|
visibility: 'hidden',
|
|
38
|
-
width: 0
|
|
32
|
+
width: 0,
|
|
39
33
|
},
|
|
40
34
|
enter: {
|
|
41
35
|
transition,
|
|
42
36
|
opacity: 1,
|
|
43
37
|
height: '25px',
|
|
44
38
|
width: 'auto',
|
|
45
|
-
visibility: 'visible'
|
|
39
|
+
visibility: 'visible',
|
|
46
40
|
},
|
|
47
41
|
enterDone: {
|
|
48
42
|
height: '25px',
|
|
49
43
|
visibility: 'visible',
|
|
50
|
-
width: 'auto'
|
|
44
|
+
width: 'auto',
|
|
51
45
|
},
|
|
52
46
|
exit: {
|
|
53
47
|
transition,
|
|
54
48
|
opacity: 0,
|
|
55
49
|
height: 0,
|
|
56
50
|
visibility: 'visible',
|
|
57
|
-
width: 0
|
|
51
|
+
width: 0,
|
|
58
52
|
},
|
|
59
53
|
exitDone: {
|
|
60
54
|
opacity: 0,
|
|
61
55
|
visibility: 'hidden',
|
|
62
56
|
height: 0,
|
|
63
|
-
width: 0
|
|
64
|
-
}
|
|
57
|
+
width: 0,
|
|
58
|
+
},
|
|
65
59
|
}))(Expander);
|
package/src/index.jsx
CHANGED
|
@@ -18,20 +18,20 @@ export class CorrectAnswerToggle extends React.Component {
|
|
|
18
18
|
hideMessage: PropTypes.string,
|
|
19
19
|
showMessage: PropTypes.string,
|
|
20
20
|
classes: PropTypes.object.isRequired,
|
|
21
|
-
className: PropTypes.string
|
|
21
|
+
className: PropTypes.string,
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
static defaultProps = {
|
|
25
25
|
showMessage: 'Show correct answer',
|
|
26
26
|
hideMessage: 'Hide correct answer',
|
|
27
27
|
show: false,
|
|
28
|
-
toggled: false
|
|
28
|
+
toggled: false,
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
constructor(props) {
|
|
32
32
|
super(props);
|
|
33
33
|
this.state = {
|
|
34
|
-
show: props.show
|
|
34
|
+
show: props.show,
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -41,7 +41,7 @@ export class CorrectAnswerToggle extends React.Component {
|
|
|
41
41
|
|
|
42
42
|
componentWillReceiveProps(nextProps) {
|
|
43
43
|
this.setState({
|
|
44
|
-
show: nextProps.show
|
|
44
|
+
show: nextProps.show,
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
47
|
|
package/src/styles.js
CHANGED
|
@@ -6,18 +6,18 @@ const noTouch = {
|
|
|
6
6
|
'-khtml-user-select': 'none',
|
|
7
7
|
'-moz-user-select': 'none',
|
|
8
8
|
'-ms-user-select': 'none',
|
|
9
|
-
'user-select': 'none'
|
|
9
|
+
'user-select': 'none',
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export default {
|
|
13
13
|
root: {
|
|
14
14
|
width: '100%',
|
|
15
|
-
cursor: 'pointer'
|
|
15
|
+
cursor: 'pointer',
|
|
16
16
|
},
|
|
17
17
|
content: {
|
|
18
18
|
margin: '0 auto',
|
|
19
19
|
textAlign: 'center',
|
|
20
|
-
display: 'flex'
|
|
20
|
+
display: 'flex',
|
|
21
21
|
},
|
|
22
22
|
label: Object.assign(
|
|
23
23
|
{
|
|
@@ -29,32 +29,32 @@ export default {
|
|
|
29
29
|
verticalAlign: 'middle',
|
|
30
30
|
color: `var(--correct-answer-toggle-label-color, ${color.text()})`,
|
|
31
31
|
fontSize: '15px',
|
|
32
|
-
fontWeight: 'normal'
|
|
32
|
+
fontWeight: 'normal',
|
|
33
33
|
},
|
|
34
|
-
noTouch
|
|
34
|
+
noTouch,
|
|
35
35
|
),
|
|
36
36
|
icon: {
|
|
37
37
|
position: 'absolute',
|
|
38
|
-
width: '25px'
|
|
38
|
+
width: '25px',
|
|
39
39
|
},
|
|
40
40
|
iconHolder: {
|
|
41
41
|
width: '25px',
|
|
42
|
-
marginRight: '5px'
|
|
42
|
+
marginRight: '5px',
|
|
43
43
|
},
|
|
44
44
|
enter: {
|
|
45
|
-
opacity: '0'
|
|
45
|
+
opacity: '0',
|
|
46
46
|
},
|
|
47
47
|
enterActive: {
|
|
48
48
|
opacity: '1',
|
|
49
|
-
transition: 'opacity 0.3s ease-in'
|
|
49
|
+
transition: 'opacity 0.3s ease-in',
|
|
50
50
|
},
|
|
51
51
|
exit: {
|
|
52
|
-
opacity: '1'
|
|
52
|
+
opacity: '1',
|
|
53
53
|
},
|
|
54
54
|
exitActive: {
|
|
55
55
|
opacity: '0',
|
|
56
|
-
transition: 'opacity 0.3s ease-in'
|
|
57
|
-
}
|
|
56
|
+
transition: 'opacity 0.3s ease-in',
|
|
57
|
+
},
|
|
58
58
|
};
|
|
59
59
|
|
|
60
60
|
export const animationStyles = {};
|