@pie-element/likert 0.1.0 → 0.1.1-beta.587

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/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"] = exports.isComplete = void 0;
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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
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","s","_session","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;;;SAED,aAAYC,CAAZ,EAAe;AACb,WAAKC,QAAL,GAAgBD,CAAhB;;AACA,WAAKD,OAAL;AACD;;;WAED,wBAAeC,CAAf,EAAkB;AAChB,WAAKC,QAAL,CAAcP,KAAd,GAAsBM,CAAC,CAACN,KAAxB;AACA,UAAMQ,QAAQ,GAAGV,UAAU,CAAC,KAAKS,QAAN,EAAgB,KAAKH,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,KAAKG,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMM,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKb,MADuB;AAEnCL,QAAAA,OAAO,EAAE,KAAKQ,QAFqB;AAGnCW,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;;;kDA1CiCU,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 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"}
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,SAAa,CAAC,EAAEA,OAAO,IAAIA,OAAO,CAACC,KAAnB,IAA4BD,OAAO,CAACC,KAAR,CAAcC,MAA5C,CAAd;AAAA,CAAnB;;;;IAEcC,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,CAAmB,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDJ,QAApD,CAAnB;;AACA,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;;;kDA5CiCU,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) => !!(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(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
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: {
@@ -87,21 +87,18 @@ var Likert = /*#__PURE__*/function (_React$Component) {
87
87
  var flexDirection = likertOrientation === _likertEntities.LIKERT_ORIENTATION.vertical ? 'column' : 'row';
88
88
  return /*#__PURE__*/_react["default"].createElement("div", {
89
89
  className: classes.corespringChoice
90
- }, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
90
+ }, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
91
91
  labels: {
92
92
  hidden: 'Show Teacher Instructions',
93
93
  visible: 'Hide Teacher Instructions'
94
94
  }
95
- }, /*#__PURE__*/_react["default"].createElement("div", {
96
- dangerouslySetInnerHTML: {
97
- __html: teacherInstructions
98
- }
99
- })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", {
100
- className: classes.prompt,
101
- dangerouslySetInnerHTML: {
102
- __html: prompt
103
- }
104
- }), /*#__PURE__*/_react["default"].createElement("div", {
95
+ }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
96
+ prompt: teacherInstructions
97
+ })), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__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","__html","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 } 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 <Collapsible\n labels={{\n hidden: 'Show Teacher Instructions',\n visible: 'Hide Teacher Instructions',\n }}\n >\n <div dangerouslySetInnerHTML={{ __html: teacherInstructions }} />\n </Collapsible>\n )}\n <br />\n <br />\n <div\n className={classes.prompt}\n dangerouslySetInnerHTML={{ __html: prompt }}\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 ></ChoiceInput>\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"}
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 = 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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/likertEntities.js"],"names":["LIKERT_ORIENTATION","horizontal","vertical"],"mappings":";;;;;;AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,UAAU,EAAE,YADoB;AAEhCC,EAAAA,QAAQ,EAAE;AAFsB,CAA3B","sourcesContent":["export const LIKERT_ORIENTATION = {\n horizontal: 'horizontal',\n vertical: 'vertical'\n};\n"],"file":"likertEntities.js"}
1
+ {"version":3,"sources":["../src/likertEntities.js"],"names":["LIKERT_ORIENTATION","horizontal","vertical"],"mappings":";;;;;;AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,UAAU,EAAE,YADoB;AAEhCC,EAAAA,QAAQ,EAAE;AAFsB,CAA3B","sourcesContent":["export const LIKERT_ORIENTATION = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n};\n"],"file":"likertEntities.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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
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;AAAA,wBAC8C,KAAKC,KADnD;AAAA,UACCC,KADD,eACCA,KADD;AAAA,UACQC,eADR,eACQA,eADR;AAAA,UACyBC,OADzB,eACyBA,OADzB;AAAA,UACkCC,OADlC,eACkCA,OADlC;AAEP,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"}
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,gCAAYL,KAAZ;AAAmB,QAAA,OAAO,EAAEE,OAA5B;AAAqC,QAAA,eAAe,EAAED;AAAtD,SADF,CADF,CADF;AAOD;;;EAtBgBK,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;AAiBxB,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 {...model} session={session} onSessionChange={onSessionChange} />\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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/session-updater.js"],"names":["updateSessionValue","session","data","value","selected"],"mappings":";;;;;;;AAAO,SAASA,kBAAT,CAA4BC,OAA5B,EAAqCC,IAArC,EAA2C;AAChDD,EAAAA,OAAO,CAACE,KAAR,GAAgBF,OAAO,CAACE,KAAR,IAAiB,EAAjC;;AACA,MAAID,IAAI,CAACE,QAAT,EAAmB;AACjBH,IAAAA,OAAO,CAACE,KAAR,GAAgB,CAACD,IAAI,CAACC,KAAN,CAAhB;AACD,GAFD,MAEO;AACLF,IAAAA,OAAO,CAACE,KAAR,GAAgB,EAAhB;AACD;AACF","sourcesContent":["export function updateSessionValue(session, data) {\n session.value = session.value || [];\n if (data.selected) {\n session.value = [data.value]\n } else {\n session.value = [];\n }\n}\n"],"file":"session-updater.js"}
1
+ {"version":3,"sources":["../src/session-updater.js"],"names":["updateSessionValue","session","data","value","selected"],"mappings":";;;;;;;AAAO,SAASA,kBAAT,CAA4BC,OAA5B,EAAqCC,IAArC,EAA2C;AAChDD,EAAAA,OAAO,CAACE,KAAR,GAAgBF,OAAO,CAACE,KAAR,IAAiB,EAAjC;;AACA,MAAID,IAAI,CAACE,QAAT,EAAmB;AACjBH,IAAAA,OAAO,CAACE,KAAR,GAAgB,CAACD,IAAI,CAACC,KAAN,CAAhB;AACD,GAFD,MAEO;AACLF,IAAAA,OAAO,CAACE,KAAR,GAAgB,EAAhB;AACD;AACF","sourcesContent":["export function updateSessionValue(session, data) {\n session.value = session.value || [];\n if (data.selected) {\n session.value = [data.value];\n } else {\n session.value = [];\n }\n}\n"],"file":"session-updater.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.0",
7
+ "version": "0.1.1-beta.587+40df32c2f",
8
8
  "description": "",
9
9
  "scripts": {
10
10
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -12,10 +12,11 @@
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.6",
16
- "@pie-lib/render-ui": "^4.11.5",
15
+ "@pie-lib/math-rendering": "^2.5.12",
16
+ "@pie-lib/render-ui": "^4.14.12",
17
17
  "classnames": "^2.2.5",
18
18
  "debug": "^4.1.1",
19
+ "is-plain-object": "^5.0.0",
19
20
  "lodash": "^4.17.10",
20
21
  "prop-types": "^15.6.1",
21
22
  "react": "^16.8.1",
@@ -25,7 +26,7 @@
25
26
  },
26
27
  "author": "",
27
28
  "license": "ISC",
28
- "gitHead": "8f4eaa4018dffb68e135ec9e274688a8ae05d865",
29
+ "gitHead": "40df32c2f78966706cb168843567c9df174f1d88",
29
30
  "main": "lib/index.js",
30
31
  "module": "src/index.js"
31
32
  }