@pie-lib/correct-answer-toggle 2.3.30-next.86 → 2.3.32

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/lib/expander.js +10 -5
  3. package/lib/expander.js.map +1 -1
  4. package/package.json +3 -3
  5. package/src/expander.jsx +10 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
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.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)
7
+
8
+ **Note:** Version bump only for package @pie-lib/correct-answer-toggle
9
+
10
+
11
+
12
+
13
+
14
+ ## [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)
15
+
16
+ **Note:** Version bump only for package @pie-lib/correct-answer-toggle
17
+
18
+
19
+
20
+
21
+
22
+ ## [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)
23
+
24
+ **Note:** Version bump only for package @pie-lib/correct-answer-toggle
25
+
26
+
27
+
28
+
29
+
6
30
  ## [2.3.29](https://github.com/pie-framework/pie-lib/compare/@pie-lib/correct-answer-toggle@2.3.28...@pie-lib/correct-answer-toggle@2.3.29) (2021-08-30)
7
31
 
8
32
  **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: '0px',
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: '0px'
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;AALJ,KADqB;AAQ/BC,IAAAA,KAAK,EAAE;AACLN,MAAAA,UAAU,EAAVA,UADK;AAELO,MAAAA,OAAO,EAAE,CAFJ;AAGLL,MAAAA,MAAM,EAAE,MAHH;AAILG,MAAAA,UAAU,EAAE;AAJP,KARwB;AAc/BG,IAAAA,SAAS,EAAE;AACTN,MAAAA,MAAM,EAAE,MADC;AAETG,MAAAA,UAAU,EAAE;AAFH,KAdoB;AAkB/BI,IAAAA,IAAI,EAAE;AACJT,MAAAA,UAAU,EAAVA,UADI;AAEJO,MAAAA,OAAO,EAAE,CAFL;AAGJL,MAAAA,MAAM,EAAE,KAHJ;AAIJG,MAAAA,UAAU,EAAE;AAJR,KAlByB;AAwB/BK,IAAAA,QAAQ,EAAE;AACRH,MAAAA,OAAO,EAAE,CADD;AAERF,MAAAA,UAAU,EAAE,QAFJ;AAGRH,MAAAA,MAAM,EAAE;AAHA;AAxBqB,GAAP;AAAA,CAAX,EA6BXlB,QA7BW,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 },\n enter: {\n transition,\n opacity: 1,\n height: '25px',\n visibility: 'visible'\n },\n enterDone: {\n height: '25px',\n visibility: 'visible'\n },\n exit: {\n transition,\n opacity: 0,\n height: '0px',\n visibility: 'visible'\n },\n exitDone: {\n opacity: 0,\n visibility: 'hidden',\n height: '0px'\n }\n}))(Expander);\n"],"file":"expander.js"}
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/package.json CHANGED
@@ -11,14 +11,14 @@
11
11
  "publishConfig": {
12
12
  "access": "public"
13
13
  },
14
- "version": "2.3.30-next.86+f45a2d2e",
14
+ "version": "2.3.32",
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.1-next.86+f45a2d2e",
21
+ "@pie-lib/render-ui": "^4.12.3",
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": "f45a2d2e117fa21914e67a74c97fbec724227986"
35
+ "gitHead": "3575de076034eb451b0a66b2f3fd3d29802983ec"
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: '0px',
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: '0px'
62
+ height: 0,
63
+ width: 0
59
64
  }
60
65
  }))(Expander);