@pie-element/likert 0.7.1-beta.1 → 0.7.1-beta.4

package/lib/choice-input.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RadioStyled = exports.ChoiceInput = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _renderUi = require("@pie-lib/render-ui");
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _likertEntities = require("./likertEntities");
+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); }; }
+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; } }
+var radioStyles = {
+  root: {
+    color: "var(--choice-input-color, ".concat(_renderUi.color.text(), ")")
+  },
+  checked: {
+    color: "var(--choice-input-selected-color, ".concat(_renderUi.color.text(), ")")
+  }
+};
+var RadioStyled = (0, _styles.withStyles)(radioStyles)(function (props) {
+  var classes = props.classes,
+    checked = props.checked,
+    onChange = props.onChange,
+    disabled = props.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+    checked: checked,
+    onChange: onChange,
+    disabled: disabled,
+    classes: {
+      root: classes.root,
+      checked: classes.checked
+    }
+  });
+});
+exports.RadioStyled = RadioStyled;
+var choiceInputStyles = function choiceInputStyles() {
+  return {
+    labelRoot: {
+      color: _renderUi.color.text(),
+      textAlign: 'center',
+      cursor: 'pointer'
+    },
+    checkboxHolderRoot: {
+      display: 'flex',
+      alignItems: 'center',
+      flex: 1,
+      padding: '0 5px',
+      '& label': {}
+    },
+    formControlLabelRoot: {
+      margin: 0
+    }
+  };
+};
+var ChoiceInput = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ChoiceInput, _React$Component);
+  var _super = _createSuper(ChoiceInput);
+  function ChoiceInput() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ChoiceInput);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onToggleChoice", function () {
+      _this.props.onChange({
+        value: _this.props.value,
+        selected: !_this.props.checked
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(ChoiceInput, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        disabled = _this$props.disabled,
+        label = _this$props.label,
+        checked = _this$props.checked,
+        likertOrientation = _this$props.likertOrientation,
+        classes = _this$props.classes;
+      var flexDirection = likertOrientation === _likertEntities.LIKERT_ORIENTATION.vertical ? 'row' : 'column';
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.checkboxHolderRoot,
+        style: {
+          flexDirection: flexDirection
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+        disabled: disabled,
+        className: classes.formControlLabelRoot,
+        control: /*#__PURE__*/_react["default"].createElement(RadioStyled, {
+          checked: checked,
+          onChange: this.onToggleChoice
+        })
+      }), /*#__PURE__*/_react["default"].createElement("p", {
+        className: classes.labelRoot,
+        onClick: this.onToggleChoice,
+        dangerouslySetInnerHTML: {
+          __html: label
+        }
+      }));
+    }
+  }]);
+  return ChoiceInput;
+}(_react["default"].Component);
+exports.ChoiceInput = ChoiceInput;
+(0, _defineProperty2["default"])(ChoiceInput, "propTypes", {
+  checked: _propTypes["default"].bool.isRequired,
+  disabled: _propTypes["default"].bool.isRequired,
+  label: _propTypes["default"].string.isRequired,
+  likertOrientation: _propTypes["default"].string.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].number.isRequired,
+  classes: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(ChoiceInput, "defaultProps", {
+  checked: false
+});
+var _default = (0, _styles.withStyles)(choiceInputStyles)(ChoiceInput);
+exports["default"] = _default;
+//# sourceMappingURL=choice-input.js.map

package/lib/choice-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-input.js","names":["_react","_interopRequireDefault","require","_FormControlLabel","_propTypes","_styles","_renderUi","_Radio","_likertEntities","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","radioStyles","root","color","concat","text","checked","RadioStyled","withStyles","props","classes","onChange","disabled","createElement","exports","choiceInputStyles","labelRoot","textAlign","cursor","checkboxHolderRoot","display","alignItems","flex","padding","formControlLabelRoot","margin","ChoiceInput","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_defineProperty2","_assertThisInitialized2","value","selected","_createClass2","key","render","_this$props","label","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","className","style","control","onToggleChoice","onClick","dangerouslySetInnerHTML","__html","React","Component","PropTypes","bool","isRequired","string","func","number","object","_default"],"sources":["../src/choice-input.jsx"],"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"],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isComplete = exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _main = _interopRequireDefault(require("./main"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _mathRendering = require("@pie-lib/math-rendering");
+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); }; }
+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; } }
+var isComplete = function isComplete(session) {
+  return !!(session && session.value && session.value.length);
+};
+exports.isComplete = isComplete;
+var Likert = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(Likert, _HTMLElement);
+  var _super = _createSuper(Likert);
+  function Likert() {
+    (0, _classCallCheck2["default"])(this, Likert);
+    return _super.call(this);
+  }
+  (0, _createClass2["default"])(Likert, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+      this._render();
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+      this._render();
+    }
+  }, {
+    key: "sessionChanged",
+    value: function sessionChanged(s) {
+      this._session.value = s.value;
+      var complete = isComplete(this._session, this._model);
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), complete));
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var _this = this;
+      if (!this._model || !this._session) {
+        return;
+      }
+      var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+        model: this._model,
+        session: this._session,
+        onSessionChange: this.sessionChanged.bind(this)
+      });
+      _reactDom["default"].render(el, this, function () {
+        (0, _mathRendering.renderMath)(_this);
+      });
+    }
+  }]);
+  return Likert;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = Likert;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_main","_interopRequireDefault","require","_react","_reactDom","_piePlayerEvents","_mathRendering","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","isComplete","session","value","length","exports","Likert","_HTMLElement","_inherits2","_super","_classCallCheck2","_createClass2","key","set","m","_model","_render","get","_session","s","sessionChanged","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","connectedCallback","_this","el","React","createElement","Main","model","onSessionChange","bind","ReactDOM","render","renderMath","_wrapNativeSuper2","HTMLElement"],"sources":["../src/index.js"],"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"],"mappings":"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"}

package/lib/likert.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Likert = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _choiceInput = _interopRequireDefault(require("./choice-input"));
+var _styles = require("@material-ui/core/styles");
+var _renderUi = require("@pie-lib/render-ui");
+var _likertEntities = require("./likertEntities");
+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); }; }
+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; } }
+var styles = {
+  corespringChoice: {
+    '& *': {
+      fontFamily: 'Roboto, Arial, Helvetica, sans-serif',
+      '-webkit-font-smoothing': 'antialiased'
+    }
+  },
+  prompt: {
+    verticalAlign: 'middle',
+    color: 'var(--pie-primary-text, var(--pie-text, #000000))',
+    paddingBottom: '20px'
+  },
+  choicesWrapper: {
+    display: 'flex'
+  }
+};
+var Likert = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Likert, _React$Component);
+  var _super = _createSuper(Likert);
+  function Likert() {
+    (0, _classCallCheck2["default"])(this, Likert);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Likert, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps() {}
+  }, {
+    key: "isSelected",
+    value: function isSelected(value) {
+      return this.props.session && this.props.session.value === value;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+      var _this$props = this.props,
+        disabled = _this$props.disabled,
+        _this$props$choices = _this$props.choices,
+        choices = _this$props$choices === void 0 ? [] : _this$props$choices,
+        prompt = _this$props.prompt,
+        onSessionChange = _this$props.onSessionChange,
+        teacherInstructions = _this$props.teacherInstructions,
+        classes = _this$props.classes,
+        likertOrientation = _this$props.likertOrientation;
+      var flexDirection = likertOrientation === _likertEntities.LIKERT_ORIENTATION.vertical ? 'column' : 'row';
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.corespringChoice
+      }, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Teacher Instructions',
+          visible: 'Hide Teacher Instructions'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: teacherInstructions
+      })), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.prompt
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: prompt
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.choicesWrapper,
+        style: {
+          flexDirection: flexDirection
+        }
+      }, choices.map(function (choice, index) {
+        return /*#__PURE__*/_react["default"].createElement(_choiceInput["default"], {
+          key: "choice-".concat(index),
+          label: choice.label,
+          value: choice.value,
+          index: index,
+          disabled: disabled,
+          onChange: onSessionChange,
+          likertOrientation: likertOrientation,
+          checked: _this.isSelected(choice.value)
+        });
+      })));
+    }
+  }]);
+  return Likert;
+}(_react["default"].Component);
+exports.Likert = Likert;
+(0, _defineProperty2["default"])(Likert, "propTypes", {
+  choices: _propTypes["default"].array,
+  prompt: _propTypes["default"].string,
+  teacherInstructions: _propTypes["default"].string,
+  session: _propTypes["default"].object,
+  disabled: _propTypes["default"].bool.isRequired,
+  onSessionChange: _propTypes["default"].func.isRequired,
+  likertOrientation: _propTypes["default"].string.isRequired,
+  classes: _propTypes["default"].object.isRequired
+});
+Likert.defaultProps = {
+  session: {
+    value: []
+  }
+};
+var _default = (0, _styles.withStyles)(styles)(Likert);
+exports["default"] = _default;
+//# sourceMappingURL=likert.js.map

package/lib/likert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"likert.js","names":["_react","_interopRequireDefault","require","_propTypes","_choiceInput","_styles","_renderUi","_likertEntities","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","corespringChoice","fontFamily","prompt","verticalAlign","color","paddingBottom","choicesWrapper","display","Likert","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","UNSAFE_componentWillReceiveProps","isSelected","props","session","render","_this","_this$props","disabled","_this$props$choices","choices","onSessionChange","teacherInstructions","classes","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","createElement","className","Fragment","Collapsible","labels","hidden","visible","PreviewPrompt","style","map","choice","index","concat","label","onChange","checked","React","Component","exports","_defineProperty2","PropTypes","array","string","object","bool","isRequired","func","defaultProps","_default","withStyles"],"sources":["../src/likert.jsx"],"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"],"mappings":"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"}

package/lib/likertEntities.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIKERT_ORIENTATION = void 0;
+var LIKERT_ORIENTATION = {
+  horizontal: 'horizontal',
+  vertical: 'vertical'
+};
+exports.LIKERT_ORIENTATION = LIKERT_ORIENTATION;
+//# sourceMappingURL=likertEntities.js.map

package/lib/likertEntities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"likertEntities.js","names":["LIKERT_ORIENTATION","horizontal","vertical","exports"],"sources":["../src/likertEntities.js"],"sourcesContent":["export const LIKERT_ORIENTATION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n};\n"],"mappings":";;;;;;AAAO,IAAMA,kBAAkB,GAAG;EAChCC,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC;AAACC,OAAA,CAAAH,kBAAA,GAAAA,kBAAA"}

package/lib/main.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _renderUi = require("@pie-lib/render-ui");
+var _likert = _interopRequireDefault(require("./likert"));
+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); }; }
+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; } }
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+  var _super = _createSuper(Main);
+  function Main() {
+    (0, _classCallCheck2["default"])(this, Main);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        model = _this$props.model,
+        onSessionChange = _this$props.onSessionChange,
+        session = _this$props.session,
+        classes = _this$props.classes;
+      return /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewLayout, null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.root, classes[model.className])
+      }, /*#__PURE__*/_react["default"].createElement(_likert["default"], (0, _extends2["default"])({}, model, {
+        session: session,
+        onSessionChange: onSessionChange
+      }))));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Main, "propTypes", {
+  model: _propTypes["default"].object,
+  session: _propTypes["default"].object,
+  onSessionChange: _propTypes["default"].func,
+  classes: _propTypes["default"].object.isRequired
+});
+(0, _defineProperty2["default"])(Main, "defaultProps", {
+  model: {},
+  session: {}
+});
+var Styled = (0, _styles.withStyles)({}, {
+  name: 'Main'
+})(Main);
+var theme = (0, _styles.createMuiTheme)({
+  typography: {
+    useNextVariants: true
+  }
+});
+var Root = function Root(props) {
+  return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
+    theme: theme
+  }, /*#__PURE__*/_react["default"].createElement(Styled, props));
+};
+var _default = Root;
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_renderUi","_likert","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Main","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","model","onSessionChange","session","classes","createElement","PreviewLayout","className","classNames","root","_extends2","React","Component","_defineProperty2","PropTypes","object","func","isRequired","Styled","withStyles","name","theme","createMuiTheme","typography","useNextVariants","Root","MuiThemeProvider","_default","exports"],"sources":["../src/main.jsx"],"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"],"mappings":"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"}

package/lib/session-updater.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSessionValue = updateSessionValue;
+function updateSessionValue(session, data) {
+  session.value = session.value || [];
+  if (data.selected) {
+    session.value = [data.value];
+  } else {
+    session.value = [];
+  }
+}
+//# sourceMappingURL=session-updater.js.map

package/lib/session-updater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-updater.js","names":["updateSessionValue","session","data","value","selected"],"sources":["../src/session-updater.js"],"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"],"mappings":";;;;;;AAAO,SAASA,kBAAkBA,CAACC,OAAO,EAAEC,IAAI,EAAE;EAChDD,OAAO,CAACE,KAAK,GAAGF,OAAO,CAACE,KAAK,IAAI,EAAE;EACnC,IAAID,IAAI,CAACE,QAAQ,EAAE;IACjBH,OAAO,CAACE,KAAK,GAAG,CAACD,IAAI,CAACC,KAAK,CAAC;EAC9B,CAAC,MAAM;IACLF,OAAO,CAACE,KAAK,GAAG,EAAE;EACpB;AACF"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "0.7.1-beta.1+73223f303",
+  "version": "0.7.1-beta.4+4157b2b34",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -26,7 +26,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "73223f303ea31ca510b096d77e6fb06382b0f0c6",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "main": "lib/index.js",
   "module": "src/index.js"
 }