@pie-element/likert 0.1.3 → 0.1.4-next.1016
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 +150 -0
- package/configure/CHANGELOG.md +117 -0
- package/configure/lib/defaults.js +5 -0
- package/configure/lib/defaults.js.map +1 -1
- package/configure/lib/index.js +3 -3
- package/configure/lib/likertEntities.js +1 -1
- package/configure/lib/main.js +14 -7
- package/configure/lib/main.js.map +1 -1
- package/configure/package.json +3 -3
- package/controller/CHANGELOG.md +16 -0
- package/controller/lib/index.js +3 -3
- package/controller/package.json +1 -1
- package/docs/config-schema.json +16 -0
- package/docs/config-schema.json.md +12 -0
- package/docs/pie-schema.json +6 -0
- package/docs/pie-schema.json.md +4 -0
- package/lib/choice-input.js +2 -2
- package/lib/choice-input.js.map +1 -1
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib/likert.js +7 -10
- package/lib/likert.js.map +1 -1
- package/lib/main.js +1 -1
- package/lib/main.js.map +1 -1
- package/package.json +4 -4
- package/module/configure.js +0 -1306
- package/module/controller.js +0 -55
- package/module/demo.js +0 -49
- package/module/element.js +0 -408
- package/module/index.html +0 -16
- package/module/manifest.json +0 -10
package/docs/pie-schema.json
CHANGED
|
@@ -65,6 +65,11 @@
|
|
|
65
65
|
"type": "boolean",
|
|
66
66
|
"title": "teacherInstructionsEnabled"
|
|
67
67
|
},
|
|
68
|
+
"spellCheckEnabled": {
|
|
69
|
+
"description": "Indicates if spellcheck is enabled for the author. Default value is true",
|
|
70
|
+
"type": "boolean",
|
|
71
|
+
"title": "spellCheckEnabled"
|
|
72
|
+
},
|
|
68
73
|
"id": {
|
|
69
74
|
"description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
|
|
70
75
|
"type": "string",
|
|
@@ -80,6 +85,7 @@
|
|
|
80
85
|
"choices",
|
|
81
86
|
"element",
|
|
82
87
|
"id",
|
|
88
|
+
"spellCheckEnabled",
|
|
83
89
|
"teacherInstructionsEnabled"
|
|
84
90
|
],
|
|
85
91
|
"definitions": {
|
package/docs/pie-schema.json.md
CHANGED
|
@@ -54,6 +54,10 @@ the text label that will be presented to the user for this likert choice
|
|
|
54
54
|
|
|
55
55
|
Indicates if Teacher Instructions are enabled
|
|
56
56
|
|
|
57
|
+
# `spellCheckEnabled` (boolean, required)
|
|
58
|
+
|
|
59
|
+
Indicates if spellcheck is enabled for the author. Default value is true
|
|
60
|
+
|
|
57
61
|
# `id` (string, required)
|
|
58
62
|
|
|
59
63
|
Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
|
package/lib/choice-input.js
CHANGED
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports["default"] = exports.
|
|
8
|
+
exports["default"] = exports.RadioStyled = exports.ChoiceInput = void 0;
|
|
9
9
|
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
|
|
@@ -37,7 +37,7 @@ var _likertEntities = require("./likertEntities");
|
|
|
37
37
|
|
|
38
38
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
39
|
|
|
40
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try {
|
|
40
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
41
|
|
|
42
42
|
var radioStyles = {
|
|
43
43
|
root: {
|
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","disabled","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,gBAAMC,IAAN,EAAxC;AADE;AAJS,CAApB;AASO,IAAME,WAAW,GAAG,wBAAWL,WAAX,EAAwB,UAACM,KAAD,EAAW;
|
|
1
|
+
{"version":3,"sources":["../src/choice-input.jsx"],"names":["radioStyles","root","color","text","checked","RadioStyled","props","classes","onChange","disabled","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":"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","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()})`\n },\n checked: {\n color: `var(--choice-input-selected-color, ${color.text()})`\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 }}\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\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 {\n disabled,\n label,\n checked,\n likertOrientation,\n classes\n } = 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={\n <RadioStyled\n checked={checked}\n onChange={this.onToggleChoice}\n />\n }\n />\n <p\n className={classes.labelRoot}\n onClick={this.onToggleChoice}\n dangerouslySetInnerHTML={{__html: label}}\n />\n </div>\n );\n }\n}\n\nexport default withStyles(choiceInputStyles)(ChoiceInput);\n"],"file":"choice-input.js"}
|
package/lib/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports["default"] =
|
|
8
|
+
exports.isComplete = exports["default"] = void 0;
|
|
9
9
|
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
|
|
@@ -31,7 +31,7 @@ var _mathRendering = require("@pie-lib/math-rendering");
|
|
|
31
31
|
|
|
32
32
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
33
33
|
|
|
34
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try {
|
|
34
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
35
35
|
|
|
36
36
|
var isComplete = function isComplete(session) {
|
|
37
37
|
return !!(session && session.value && session.value.length);
|
|
@@ -58,6 +58,9 @@ var Likert = /*#__PURE__*/function (_HTMLElement) {
|
|
|
58
58
|
}
|
|
59
59
|
}, {
|
|
60
60
|
key: "session",
|
|
61
|
+
get: function get() {
|
|
62
|
+
return this._session;
|
|
63
|
+
},
|
|
61
64
|
set: function set(s) {
|
|
62
65
|
this._session = s;
|
|
63
66
|
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":["isComplete","session","value","length","Likert","m","_model","_render","
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":["isComplete","session","value","length","Likert","m","_model","_render","_session","s","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","el","React","createElement","Main","model","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD;AAAA,SACxB,CAAC,EAAEA,OAAO,IAAIA,OAAO,CAACC,KAAnB,IAA4BD,OAAO,CAACC,KAAR,CAAcC,MAA5C,CADuB;AAAA,CAAnB;;;;IAGcC,M;;;;;AACnB,oBAAc;AAAA;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SAPD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;;AACA,WAAKF,OAAL;AACD;;;WAMD,wBAAeE,CAAf,EAAkB;AAChB,WAAKD,QAAL,CAAcN,KAAd,GAAsBO,CAAC,CAACP,KAAxB;AACA,UAAMQ,QAAQ,GAAGV,UAAU,CAAC,KAAKQ,QAAN,EAAgB,KAAKF,MAArB,CAA3B;AACA,WAAKK,aAAL,CACE,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDJ,QAApD,CADF;;AAGA,WAAKH,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKD,MAAN,IAAgB,CAAC,KAAKE,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMO,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKb,MADuB;AAEnCL,QAAAA,OAAO,EAAE,KAAKO,QAFqB;AAGnCY,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAHkB,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,KAAX;AACD,OAFD;AAGD;;;kDA9CiCU,W","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nexport const isComplete = (session) =>\n !!(session && session.value && session.value.length);\n\nexport default class Likert extends HTMLElement {\n constructor() {\n super();\n }\n\n set model(m) {\n this._model = m;\n this._render();\n }\n\n set session(s) {\n this._session = s;\n this._render();\n }\n\n get session() {\n return this._session;\n }\n\n sessionChanged(s) {\n this._session.value = s.value;\n const complete = isComplete(this._session, this._model);\n this.dispatchEvent(\n new SessionChangedEvent(this.tagName.toLowerCase(), complete)\n );\n this._render();\n }\n\n connectedCallback() {\n this._render();\n }\n\n _render() {\n if (!this._model || !this._session) {\n return;\n }\n\n const el = React.createElement(Main, {\n model: this._model,\n session: this._session,\n onSessionChange: this.sessionChanged.bind(this),\n });\n\n ReactDOM.render(el, this, () => {\n renderMath(this);\n });\n }\n}\n"],"file":"index.js"}
|
package/lib/likert.js
CHANGED
|
@@ -33,7 +33,7 @@ var _likertEntities = require("./likertEntities");
|
|
|
33
33
|
|
|
34
34
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
35
35
|
|
|
36
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try {
|
|
36
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
37
|
|
|
38
38
|
var styles = {
|
|
39
39
|
corespringChoice: {
|
|
@@ -92,16 +92,13 @@ var Likert = /*#__PURE__*/function (_React$Component) {
|
|
|
92
92
|
hidden: 'Show Teacher Instructions',
|
|
93
93
|
visible: 'Hide Teacher Instructions'
|
|
94
94
|
}
|
|
95
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
96
|
-
|
|
97
|
-
__html: teacherInstructions
|
|
98
|
-
}
|
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
|
|
96
|
+
prompt: teacherInstructions
|
|
99
97
|
})), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
|
-
className: classes.prompt
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
98
|
+
className: classes.prompt
|
|
99
|
+
}, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
|
|
100
|
+
prompt: prompt
|
|
101
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
105
102
|
className: classes.choicesWrapper,
|
|
106
103
|
style: {
|
|
107
104
|
flexDirection: flexDirection
|
package/lib/likert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/likert.jsx"],"names":["styles","corespringChoice","fontFamily","prompt","verticalAlign","color","paddingBottom","choicesWrapper","display","Likert","value","props","session","disabled","choices","onSessionChange","teacherInstructions","classes","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","hidden","visible","
|
|
1
|
+
{"version":3,"sources":["../src/likert.jsx"],"names":["styles","corespringChoice","fontFamily","prompt","verticalAlign","color","paddingBottom","choicesWrapper","display","Likert","value","props","session","disabled","choices","onSessionChange","teacherInstructions","classes","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","hidden","visible","map","choice","index","label","isSelected","React","Component","PropTypes","array","string","object","bool","isRequired","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChoiceInput from './choice-input';\nimport { withStyles } from '@material-ui/core/styles';\nimport {Collapsible, PreviewPrompt} from '@pie-lib/render-ui';\nimport { LIKERT_ORIENTATION } from './likertEntities';\n\nconst styles = {\n corespringChoice: {\n '& *': {\n fontFamily: 'Roboto, Arial, Helvetica, sans-serif',\n '-webkit-font-smoothing': 'antialiased',\n },\n },\n prompt: {\n verticalAlign: 'middle',\n color: 'var(--pie-primary-text, var(--pie-text, #000000))',\n paddingBottom: '20px',\n },\n choicesWrapper: {\n display: 'flex',\n },\n};\n\nexport class Likert extends React.Component {\n static propTypes = {\n choices: PropTypes.array,\n prompt: PropTypes.string,\n teacherInstructions: PropTypes.string,\n session: PropTypes.object,\n disabled: PropTypes.bool.isRequired,\n onSessionChange: PropTypes.func.isRequired,\n likertOrientation: PropTypes.string.isRequired,\n classes: PropTypes.object.isRequired,\n };\n\n UNSAFE_componentWillReceiveProps() {}\n\n isSelected(value) {\n return this.props.session && this.props.session.value === value;\n }\n\n render() {\n const {\n disabled,\n choices = [],\n prompt,\n onSessionChange,\n teacherInstructions,\n classes,\n likertOrientation,\n } = this.props;\n\n const flexDirection =\n likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';\n\n return (\n <div className={classes.corespringChoice}>\n {teacherInstructions && (\n <React.Fragment>\n <Collapsible\n labels={{\n hidden: 'Show Teacher Instructions',\n visible: 'Hide Teacher Instructions',\n }}\n >\n <PreviewPrompt prompt={teacherInstructions} />\n </Collapsible>\n <br />\n </React.Fragment>\n )}\n\n {prompt && (\n <div className={classes.prompt}>\n <PreviewPrompt prompt={prompt} />\n </div>\n )}\n\n <div className={classes.choicesWrapper} style={{ flexDirection }}>\n {choices.map((choice, index) => (\n <ChoiceInput\n key={`choice-${index}`}\n label={choice.label}\n value={choice.value}\n index={index}\n disabled={disabled}\n onChange={onSessionChange}\n likertOrientation={likertOrientation}\n checked={this.isSelected(choice.value)}\n />\n ))}\n </div>\n </div>\n );\n }\n}\n\nLikert.defaultProps = {\n session: {\n value: [],\n },\n};\n\nexport default withStyles(styles)(Likert);\n"],"file":"likert.js"}
|
package/lib/main.js
CHANGED
|
@@ -35,7 +35,7 @@ var _likert = _interopRequireDefault(require("./likert"));
|
|
|
35
35
|
|
|
36
36
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
37
37
|
|
|
38
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try {
|
|
38
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
39
39
|
|
|
40
40
|
var Main = /*#__PURE__*/function (_React$Component) {
|
|
41
41
|
(0, _inherits2["default"])(Main, _React$Component);
|
package/lib/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onSessionChange","session","classes","root","className","React","Component","PropTypes","object","func","isRequired","Styled","name","theme","typography","useNextVariants","Root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAaJ,kBAAS;
|
|
1
|
+
{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onSessionChange","session","classes","root","className","React","Component","PropTypes","object","func","isRequired","Styled","name","theme","typography","useNextVariants","Root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAaJ,kBAAS;AACP,wBAAqD,KAAKC,KAA1D;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AAAA,UAAyCC,OAAzC,eAAyCA,OAAzC;AACA,0BACE,gCAAC,uBAAD,qBACE;AAAK,QAAA,SAAS,EAAE,4BAAWA,OAAO,CAACC,IAAnB,EAAyBD,OAAO,CAACH,KAAK,CAACK,SAAP,CAAhC;AAAhB,sBACE,gCAAC,kBAAD,gCACML,KADN;AAEE,QAAA,OAAO,EAAEE,OAFX;AAGE,QAAA,eAAe,EAAED;AAHnB,SADF,CADF,CADF;AAWD;;;EA1BgBK,kBAAMC,S;;iCAAnBT,I,eACe;AACjBE,EAAAA,KAAK,EAAEQ,sBAAUC,MADA;AAEjBP,EAAAA,OAAO,EAAEM,sBAAUC,MAFF;AAGjBR,EAAAA,eAAe,EAAEO,sBAAUE,IAHV;AAIjBP,EAAAA,OAAO,EAAEK,sBAAUC,MAAV,CAAiBE;AAJT,C;iCADfb,I,kBAQkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;AAqBxB,IAAMU,MAAM,GAAG,wBAAW,EAAX,EAAe;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAf,EAAiCf,IAAjC,CAAf;AAEA,IAAMgB,KAAK,GAAG,4BAAe;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,eAAe,EAAE;AADP;AADe,CAAf,CAAd;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAAClB,KAAD;AAAA,sBACX,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEe;AAAzB,kBACE,gCAAC,MAAD,EAAYf,KAAZ,CADF,CADW;AAAA,CAAb;;eAMekB,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { PreviewLayout } from '@pie-lib/render-ui';\nimport Likert from './likert';\n\nclass Main extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n session: PropTypes.object,\n onSessionChange: PropTypes.func,\n classes: PropTypes.object.isRequired,\n };\n\n static defaultProps = {\n model: {},\n session: {},\n };\n\n render() {\n const { model, onSessionChange, session, classes } = this.props;\n return (\n <PreviewLayout>\n <div className={classNames(classes.root, classes[model.className])}>\n <Likert\n {...model}\n session={session}\n onSessionChange={onSessionChange}\n />\n </div>\n </PreviewLayout>\n );\n }\n}\n\nconst Styled = withStyles({}, { name: 'Main' })(Main);\n\nconst theme = createMuiTheme({\n typography: {\n useNextVariants: true,\n },\n});\n\nconst Root = (props) => (\n <MuiThemeProvider theme={theme}>\n <Styled {...props} />\n </MuiThemeProvider>\n);\n\nexport default Root;\n"],"file":"main.js"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"repository": "pie-framework/pie-elements",
|
|
7
|
-
"version": "0.1.
|
|
7
|
+
"version": "0.1.4-next.1016+1dc291af4",
|
|
8
8
|
"description": "",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@material-ui/core": "^3.9.2",
|
|
14
14
|
"@pie-framework/pie-player-events": "^0.1.0",
|
|
15
|
-
"@pie-lib/math-rendering": "^2.3
|
|
16
|
-
"@pie-lib/render-ui": "^4.
|
|
15
|
+
"@pie-lib/math-rendering": "^2.4.3",
|
|
16
|
+
"@pie-lib/render-ui": "^4.12.9",
|
|
17
17
|
"classnames": "^2.2.5",
|
|
18
18
|
"debug": "^4.1.1",
|
|
19
19
|
"lodash": "^4.17.10",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"author": "",
|
|
27
27
|
"license": "ISC",
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "1dc291af490cf91cc86a6a7c8d0eb0fdf184232b",
|
|
29
29
|
"main": "lib/index.js",
|
|
30
30
|
"module": "src/index.js"
|
|
31
31
|
}
|