@pie-lib/correct-answer-toggle 2.3.30 → 2.3.34
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 +32 -0
- package/lib/expander.js +10 -5
- package/lib/expander.js.map +1 -1
- package/lib/index.js +2 -1
- package/lib/index.js.map +1 -1
- package/package.json +3 -3
- package/src/expander.jsx +10 -5
- package/src/index.jsx +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,38 @@
|
|
|
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.34](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.33...@pie-lib/correct-answer-toggle@2.3.34) (2021-12-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @pie-lib/correct-answer-toggle
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [2.3.33](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.32...@pie-lib/correct-answer-toggle@2.3.33) (2021-12-13)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @pie-lib/correct-answer-toggle
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [2.3.32](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.31...@pie-lib/correct-answer-toggle@2.3.32) (2021-11-29)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @pie-lib/correct-answer-toggle
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## [2.3.31](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.30...@pie-lib/correct-answer-toggle@2.3.31) (2021-09-08)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @pie-lib/correct-answer-toggle
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
6
38
|
## [2.3.30](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.29...@pie-lib/correct-answer-toggle@2.3.30) (2021-09-08)
|
|
7
39
|
|
|
8
40
|
**Note:** Version bump only for package @pie-lib/correct-answer-toggle
|
package/lib/expander.js
CHANGED
|
@@ -51,28 +51,33 @@ var _default = (0, _styles.withStyles)(function () {
|
|
|
51
51
|
height: 0,
|
|
52
52
|
overflow: 'hidden',
|
|
53
53
|
display: 'flex',
|
|
54
|
-
visibility: 'hidden'
|
|
54
|
+
visibility: 'hidden',
|
|
55
|
+
width: 0
|
|
55
56
|
},
|
|
56
57
|
enter: {
|
|
57
58
|
transition: transition,
|
|
58
59
|
opacity: 1,
|
|
59
60
|
height: '25px',
|
|
61
|
+
width: 'auto',
|
|
60
62
|
visibility: 'visible'
|
|
61
63
|
},
|
|
62
64
|
enterDone: {
|
|
63
65
|
height: '25px',
|
|
64
|
-
visibility: 'visible'
|
|
66
|
+
visibility: 'visible',
|
|
67
|
+
width: 'auto'
|
|
65
68
|
},
|
|
66
69
|
exit: {
|
|
67
70
|
transition: transition,
|
|
68
71
|
opacity: 0,
|
|
69
|
-
height:
|
|
70
|
-
visibility: 'visible'
|
|
72
|
+
height: 0,
|
|
73
|
+
visibility: 'visible',
|
|
74
|
+
width: 0
|
|
71
75
|
},
|
|
72
76
|
exitDone: {
|
|
73
77
|
opacity: 0,
|
|
74
78
|
visibility: 'hidden',
|
|
75
|
-
height:
|
|
79
|
+
height: 0,
|
|
80
|
+
width: 0
|
|
76
81
|
}
|
|
77
82
|
};
|
|
78
83
|
})(Expander);
|
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","enter","opacity","enterDone","exit","exitDone"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;AAAA,MAChBC,OADgB,GACYD,KADZ,CAChBC,OADgB;AAAA,MACPC,IADO,GACYF,KADZ,CACPE,IADO;AAAA,MACDC,QADC,GACYH,KADZ,CACDG,QADC;AAGxB,SACE,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,KAOE;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;
|
|
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;AAAA,MAChBC,OADgB,GACYD,KADZ,CAChBC,OADgB;AAAA,MACPC,IADO,GACYF,KADZ,CACPE,IADO;AAAA,MACDC,QADC,GACYH,KADZ,CACDG,QADC;AAGxB,SACE,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,KAOE;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"}
|
package/lib/index.js
CHANGED
|
@@ -117,7 +117,8 @@ function (_React$Component) {
|
|
|
117
117
|
}))), _react["default"].createElement(_renderUi.Readable, {
|
|
118
118
|
"false": true
|
|
119
119
|
}, _react["default"].createElement("div", {
|
|
120
|
-
className: classes.label
|
|
120
|
+
className: classes.label,
|
|
121
|
+
"aria-hidden": !this.state.show
|
|
121
122
|
}, toggled ? hideMessage : showMessage)))));
|
|
122
123
|
}
|
|
123
124
|
}]);
|
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;;;IAGaA,mB;;;;;AAkBX,+BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,6FAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACXC,MAAAA,IAAI,EAAEF,KAAK,CAACE;AADD,KAAb;AAFiB;AAKlB;;;;8BAES;AACR,WAAKF,KAAL,CAAWG,QAAX,CAAoB,CAAC,KAAKH,KAAL,CAAWI,OAAhC;AACD;;;8CAEyBC,S,EAAW;AACnC,WAAKC,QAAL,CAAc;AACZJ,QAAAA,IAAI,EAAEG,SAAS,CAACH;AADJ,OAAd;AAGD;;;6BAEQ;AAAA,wBAC2D,KAAKF,KADhE;AAAA,UACCO,OADD,eACCA,OADD;AAAA,UACUC,SADV,eACUA,SADV;AAAA,UACqBJ,OADrB,eACqBA,OADrB;AAAA,UAC8BK,WAD9B,eAC8BA,WAD9B;AAAA,UAC2CC,WAD3C,eAC2CA,WAD3C;AAGP,aACE;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,IAAnB,EAAyBH,SAAzB;AAAhB,SACE,gCAAC,oBAAD;AAAU,QAAA,IAAI,EAAE,KAAKP,KAAL,CAAWC,IAA3B;AAAiC,QAAA,SAAS,EAAEK,OAAO,CAACK;AAApD,SACE;AAAK,QAAA,SAAS,EAAEL,OAAO,CAACM,OAAxB;AAAiC,QAAA,OAAO,EAAE,KAAKC,OAAL,CAAaC,IAAb,CAAkB,IAAlB;AAA1C,SACE;AAAK,QAAA,SAAS,EAAER,OAAO,CAACS;AAAxB,SACE,gCAAC,yBAAD;AAAe,QAAA,OAAO,EAAE,GAAxB;AAA6B,cAAIZ,OAAjC;AAA0C,QAAA,IAAI,EAAE,CAACA,OAAjD;AAA0D,QAAA,UAAU,EAAEG;AAAtE,SACE,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,SACE,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,SACE;AAAK,QAAA,SAAS,EAAEV,OAAO,CAACW;
|
|
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;;;IAGaA,mB;;;;;AAkBX,+BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,6FAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACXC,MAAAA,IAAI,EAAEF,KAAK,CAACE;AADD,KAAb;AAFiB;AAKlB;;;;8BAES;AACR,WAAKF,KAAL,CAAWG,QAAX,CAAoB,CAAC,KAAKH,KAAL,CAAWI,OAAhC;AACD;;;8CAEyBC,S,EAAW;AACnC,WAAKC,QAAL,CAAc;AACZJ,QAAAA,IAAI,EAAEG,SAAS,CAACH;AADJ,OAAd;AAGD;;;6BAEQ;AAAA,wBAC2D,KAAKF,KADhE;AAAA,UACCO,OADD,eACCA,OADD;AAAA,UACUC,SADV,eACUA,SADV;AAAA,UACqBJ,OADrB,eACqBA,OADrB;AAAA,UAC8BK,WAD9B,eAC8BA,WAD9B;AAAA,UAC2CC,WAD3C,eAC2CA,WAD3C;AAGP,aACE;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,IAAnB,EAAyBH,SAAzB;AAAhB,SACE,gCAAC,oBAAD;AAAU,QAAA,IAAI,EAAE,KAAKP,KAAL,CAAWC,IAA3B;AAAiC,QAAA,SAAS,EAAEK,OAAO,CAACK;AAApD,SACE;AAAK,QAAA,SAAS,EAAEL,OAAO,CAACM,OAAxB;AAAiC,QAAA,OAAO,EAAE,KAAKC,OAAL,CAAaC,IAAb,CAAkB,IAAlB;AAA1C,SACE;AAAK,QAAA,SAAS,EAAER,OAAO,CAACS;AAAxB,SACE,gCAAC,yBAAD;AAAe,QAAA,OAAO,EAAE,GAAxB;AAA6B,cAAIZ,OAAjC;AAA0C,QAAA,IAAI,EAAE,CAACA,OAAjD;AAA0D,QAAA,UAAU,EAAEG;AAAtE,SACE,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,SACE,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,SACE;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;;;;gBAAlCrB,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;;gBADRzB,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/package.json
CHANGED
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
"publishConfig": {
|
|
12
12
|
"access": "public"
|
|
13
13
|
},
|
|
14
|
-
"version": "2.3.
|
|
14
|
+
"version": "2.3.34",
|
|
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
20
|
"@pie-lib/icons": "^2.4.25",
|
|
21
|
-
"@pie-lib/render-ui": "^4.12.
|
|
21
|
+
"@pie-lib/render-ui": "^4.12.4",
|
|
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": "e5b1861ebd9022e70d0f441e46e06c63caf3f02c"
|
|
36
36
|
}
|
package/src/expander.jsx
CHANGED
|
@@ -34,27 +34,32 @@ export default withStyles(() => ({
|
|
|
34
34
|
height: 0,
|
|
35
35
|
overflow: 'hidden',
|
|
36
36
|
display: 'flex',
|
|
37
|
-
visibility: 'hidden'
|
|
37
|
+
visibility: 'hidden',
|
|
38
|
+
width: 0
|
|
38
39
|
},
|
|
39
40
|
enter: {
|
|
40
41
|
transition,
|
|
41
42
|
opacity: 1,
|
|
42
43
|
height: '25px',
|
|
44
|
+
width: 'auto',
|
|
43
45
|
visibility: 'visible'
|
|
44
46
|
},
|
|
45
47
|
enterDone: {
|
|
46
48
|
height: '25px',
|
|
47
|
-
visibility: 'visible'
|
|
49
|
+
visibility: 'visible',
|
|
50
|
+
width: 'auto'
|
|
48
51
|
},
|
|
49
52
|
exit: {
|
|
50
53
|
transition,
|
|
51
54
|
opacity: 0,
|
|
52
|
-
height:
|
|
53
|
-
visibility: 'visible'
|
|
55
|
+
height: 0,
|
|
56
|
+
visibility: 'visible',
|
|
57
|
+
width: 0
|
|
54
58
|
},
|
|
55
59
|
exitDone: {
|
|
56
60
|
opacity: 0,
|
|
57
61
|
visibility: 'hidden',
|
|
58
|
-
height:
|
|
62
|
+
height: 0,
|
|
63
|
+
width: 0
|
|
59
64
|
}
|
|
60
65
|
}))(Expander);
|
package/src/index.jsx
CHANGED
|
@@ -61,7 +61,9 @@ export class CorrectAnswerToggle extends React.Component {
|
|
|
61
61
|
</CSSTransition>
|
|
62
62
|
</div>
|
|
63
63
|
<Readable false>
|
|
64
|
-
<div className={classes.label}
|
|
64
|
+
<div className={classes.label} aria-hidden={!this.state.show}>
|
|
65
|
+
{toggled ? hideMessage : showMessage}
|
|
66
|
+
</div>
|
|
65
67
|
</Readable>
|
|
66
68
|
</div>
|
|
67
69
|
</Expander>
|