@pie-element/likert 0.1.21 → 0.1.22-beta.1443

package/docs/pie-schema.json.md

@@ -54,6 +54,10 @@ the text label that will be presented to the user for this likert choice
 
 Indicates if Teacher Instructions are enabled
 
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.

package/lib/choice-input.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ChoiceInput = exports.RadioStyled = void 0;
+exports["default"] = exports.RadioStyled = exports.ChoiceInput = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/lib/choice-input.js.map

@@ -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":"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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"}
+{"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\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/lib/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.isComplete = void 0;
+exports.isComplete = exports["default"] = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -58,6 +58,9 @@ var Likert = /*#__PURE__*/function (_HTMLElement) {
     }
   }, {
     key: "session",
+    get: function get() {
+      return this._session;
+    },
     set: function set(s) {
       this._session = s;
 

package/lib/index.js.map

@@ -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"}
+{"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.map

@@ -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","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"}
+{"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"}

package/lib/likertEntities.js.map

@@ -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"}
+{"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.map

@@ -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;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"}
+{"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"}

package/lib/session-updater.js.map

@@ -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"}
+{"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

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "0.1.21",
+  "version": "0.1.22-beta.1443+449763c04",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -12,8 +12,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/math-rendering": "^2.3.12",
-    "@pie-lib/render-ui": "^4.12.4",
+    "@pie-lib/math-rendering": "^2.5.12",
+    "@pie-lib/render-ui": "^4.14.12",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "510db2949732b8997ff2e1a496ca1a7bd3973088",
+  "gitHead": "449763c046b78327513c38ea5367b8d4da120760",
   "main": "lib/index.js",
   "module": "src/index.js"
 }