@pie-element/likert 2.3.3-next.7 → 2.3.3-next.9
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/lib/choice-input.js +7 -3
- package/lib/choice-input.js.map +1 -1
- package/package.json +2 -2
package/lib/choice-input.js
CHANGED
|
@@ -41,10 +41,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
41
41
|
|
|
42
42
|
var radioStyles = {
|
|
43
43
|
root: {
|
|
44
|
-
color: "var(--choice-input-color, ".concat(_renderUi.color.text(), ")")
|
|
44
|
+
color: "var(--choice-input-color, ".concat(_renderUi.color.text(), ") !important")
|
|
45
45
|
},
|
|
46
46
|
checked: {
|
|
47
|
-
color: "var(--choice-input-selected-color, ".concat(_renderUi.color.
|
|
47
|
+
color: "var(--choice-input-selected-color, ".concat(_renderUi.color.primary(), ") !important")
|
|
48
|
+
},
|
|
49
|
+
disabled: {
|
|
50
|
+
color: "var(--choice-input-disabled-color, ".concat(_renderUi.color.defaults.DISABLED, ") !important")
|
|
48
51
|
}
|
|
49
52
|
};
|
|
50
53
|
var RadioStyled = (0, _styles.withStyles)(radioStyles)(function (props) {
|
|
@@ -58,7 +61,8 @@ var RadioStyled = (0, _styles.withStyles)(radioStyles)(function (props) {
|
|
|
58
61
|
disabled: disabled,
|
|
59
62
|
classes: {
|
|
60
63
|
root: classes.root,
|
|
61
|
-
checked: classes.checked
|
|
64
|
+
checked: classes.checked,
|
|
65
|
+
disabled: classes.disabled
|
|
62
66
|
}
|
|
63
67
|
});
|
|
64
68
|
});
|
package/lib/choice-input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/choice-input.jsx"],"names":["radioStyles","root","color","text","checked","RadioStyled","props","classes","onChange","
|
|
1
|
+
{"version":3,"sources":["../src/choice-input.jsx"],"names":["radioStyles","root","color","text","checked","primary","disabled","defaults","DISABLED","RadioStyled","props","classes","onChange","choiceInputStyles","labelRoot","textAlign","cursor","checkboxHolderRoot","display","alignItems","flex","padding","formControlLabelRoot","margin","ChoiceInput","value","selected","label","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","onToggleChoice","__html","React","Component","PropTypes","bool","isRequired","string","func","number","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,sCAA+BA,gBAAMC,IAAN,EAA/B;AADD,GADY;AAIlBC,EAAAA,OAAO,EAAE;AACPF,IAAAA,KAAK,+CAAwCA,gBAAMG,OAAN,EAAxC;AADE,GAJS;AAOlBC,EAAAA,QAAQ,EAAE;AACRJ,IAAAA,KAAK,+CAAwCA,gBAAMK,QAAN,CAAeC,QAAvD;AADG;AAPQ,CAApB;AAYO,IAAMC,WAAW,GAAG,wBAAWT,WAAX,EAAwB,UAACU,KAAD,EAAW;AAC5D,MAAQC,OAAR,GAAiDD,KAAjD,CAAQC,OAAR;AAAA,MAAiBP,OAAjB,GAAiDM,KAAjD,CAAiBN,OAAjB;AAAA,MAA0BQ,QAA1B,GAAiDF,KAAjD,CAA0BE,QAA1B;AAAA,MAAoCN,QAApC,GAAiDI,KAAjD,CAAoCJ,QAApC;AAEA,sBACE,gCAAC,iBAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,QAAQ,EAAEQ,QAFZ;AAGE,IAAA,QAAQ,EAAEN,QAHZ;AAIE,IAAA,OAAO,EAAE;AACPL,MAAAA,IAAI,EAAEU,OAAO,CAACV,IADP;AAEPG,MAAAA,OAAO,EAAEO,OAAO,CAACP,OAFV;AAGPE,MAAAA,QAAQ,EAAEK,OAAO,CAACL;AAHX;AAJX,IADF;AAYD,CAf0B,CAApB;;;AAiBP,IAAMO,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAO;AAC/BC,IAAAA,SAAS,EAAE;AACTZ,MAAAA,KAAK,EAAEA,gBAAMC,IAAN,EADE;AAETY,MAAAA,SAAS,EAAE,QAFF;AAGTC,MAAAA,MAAM,EAAE;AAHC,KADoB;AAM/BC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,OAAO,EAAE,MADS;AAElBC,MAAAA,UAAU,EAAE,QAFM;AAGlBC,MAAAA,IAAI,EAAE,CAHY;AAIlBC,MAAAA,OAAO,EAAE,OAJS;AAKlB,iBAAW;AALO,KANW;AAa/BC,IAAAA,oBAAoB,EAAE;AACpBC,MAAAA,MAAM,EAAE;AADY;AAbS,GAAP;AAAA,CAA1B;;IAkBaC,W;;;;;;;;;;;;;;;uGAeM,YAAM;AACrB,YAAKd,KAAL,CAAWE,QAAX,CAAoB;AAClBa,QAAAA,KAAK,EAAE,MAAKf,KAAL,CAAWe,KADA;AAElBC,QAAAA,QAAQ,EAAE,CAAC,MAAKhB,KAAL,CAAWN;AAFJ,OAApB;AAID,K;;;;;;WAED,kBAAS;AACP,wBAAiE,KAAKM,KAAtE;AAAA,UAAQJ,QAAR,eAAQA,QAAR;AAAA,UAAkBqB,KAAlB,eAAkBA,KAAlB;AAAA,UAAyBvB,OAAzB,eAAyBA,OAAzB;AAAA,UAAkCwB,iBAAlC,eAAkCA,iBAAlC;AAAA,UAAqDjB,OAArD,eAAqDA,OAArD;AACA,UAAMkB,aAAa,GAAGD,iBAAiB,KAAKE,mCAAmBC,QAAzC,GAAoD,KAApD,GAA4D,QAAlF;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEpB,OAAO,CAACM,kBAAxB;AAA4C,QAAA,KAAK,EAAE;AAAEY,UAAAA,aAAa,EAAbA;AAAF;AAAnD,sBACE,gCAAC,4BAAD;AACE,QAAA,QAAQ,EAAEvB,QADZ;AAEE,QAAA,SAAS,EAAEK,OAAO,CAACW,oBAFrB;AAGE,QAAA,OAAO,eAAE,gCAAC,WAAD;AAAa,UAAA,OAAO,EAAElB,OAAtB;AAA+B,UAAA,QAAQ,EAAE,KAAK4B;AAA9C;AAHX,QADF,eAME;AAAG,QAAA,SAAS,EAAErB,OAAO,CAACG,SAAtB;AAAiC,QAAA,OAAO,EAAE,KAAKkB,cAA/C;AAA+D,QAAA,uBAAuB,EAAE;AAAEC,UAAAA,MAAM,EAAEN;AAAV;AAAxF,QANF,CADF;AAUD;;;EApC8BO,kBAAMC,S;;;iCAA1BX,W,eACQ;AACjBpB,EAAAA,OAAO,EAAEgC,sBAAUC,IAAV,CAAeC,UADP;AAEjBhC,EAAAA,QAAQ,EAAE8B,sBAAUC,IAAV,CAAeC,UAFR;AAGjBX,EAAAA,KAAK,EAAES,sBAAUG,MAAV,CAAiBD,UAHP;AAIjBV,EAAAA,iBAAiB,EAAEQ,sBAAUG,MAAV,CAAiBD,UAJnB;AAKjB1B,EAAAA,QAAQ,EAAEwB,sBAAUI,IAAV,CAAeF,UALR;AAMjBb,EAAAA,KAAK,EAAEW,sBAAUK,MAAV,CAAiBH,UANP;AAOjB3B,EAAAA,OAAO,EAAEyB,sBAAUM;AAPF,C;iCADRlB,W,kBAWW;AACpBpB,EAAAA,OAAO,EAAE;AADW,C;;eA4BT,wBAAWS,iBAAX,EAA8BW,WAA9B,C","sourcesContent":["import React from 'react';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport Radio from '@material-ui/core/Radio';\nimport { LIKERT_ORIENTATION } from './likertEntities';\n\nconst radioStyles = {\n root: {\n color: `var(--choice-input-color, ${color.text()}) !important`,\n },\n checked: {\n color: `var(--choice-input-selected-color, ${color.primary()}) !important`,\n },\n disabled: {\n color: `var(--choice-input-disabled-color, ${color.defaults.DISABLED}) !important`,\n }\n};\n\nexport const RadioStyled = withStyles(radioStyles)((props) => {\n const { classes, checked, onChange, disabled } = props;\n\n return (\n <Radio\n checked={checked}\n onChange={onChange}\n disabled={disabled}\n classes={{\n root: classes.root,\n checked: classes.checked,\n disabled: classes.disabled,\n }}\n />\n );\n});\n\nconst choiceInputStyles = () => ({\n labelRoot: {\n color: color.text(),\n textAlign: 'center',\n cursor: 'pointer',\n },\n checkboxHolderRoot: {\n display: 'flex',\n alignItems: 'center',\n flex: 1,\n padding: '0 5px',\n '& label': {},\n },\n formControlLabelRoot: {\n margin: 0,\n },\n});\n\nexport class ChoiceInput extends React.Component {\n static propTypes = {\n checked: PropTypes.bool.isRequired,\n disabled: PropTypes.bool.isRequired,\n label: PropTypes.string.isRequired,\n likertOrientation: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.number.isRequired,\n classes: PropTypes.object,\n };\n\n static defaultProps = {\n checked: false,\n };\n\n onToggleChoice = () => {\n this.props.onChange({\n value: this.props.value,\n selected: !this.props.checked,\n });\n };\n\n render() {\n const { disabled, label, checked, likertOrientation, classes } = this.props;\n const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'row' : 'column';\n\n return (\n <div className={classes.checkboxHolderRoot} style={{ flexDirection }}>\n <FormControlLabel\n disabled={disabled}\n className={classes.formControlLabelRoot}\n control={<RadioStyled checked={checked} onChange={this.onToggleChoice} />}\n />\n <p className={classes.labelRoot} onClick={this.onToggleChoice} dangerouslySetInnerHTML={{ __html: label }} />\n </div>\n );\n }\n}\n\nexport default withStyles(choiceInputStyles)(ChoiceInput);\n"],"file":"choice-input.js"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"repository": "pie-framework/pie-elements",
|
|
7
|
-
"version": "2.3.3-next.
|
|
7
|
+
"version": "2.3.3-next.9+5ca99df27",
|
|
8
8
|
"description": "",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"author": "",
|
|
27
27
|
"license": "ISC",
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "5ca99df274b354fdf54ac9b03fb4ca4eadd18433",
|
|
29
29
|
"main": "lib/index.js",
|
|
30
30
|
"module": "src/index.js"
|
|
31
31
|
}
|