@pie-element/likert 2.3.4-next.3 → 3.0.0-beta.0

package/lib/choice-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/choice-input.jsx"],"names":["radioStyles","root","color","text","checked","primary","disabled","defaults","DISABLED","RadioStyled","props","classes","onChange","choiceInputStyles","labelRoot","textAlign","cursor","checkboxHolderRoot","display","alignItems","flex","padding","formControlLabelRoot","margin","ChoiceInput","value","selected","label","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","onToggleChoice","__html","React","Component","PropTypes","bool","isRequired","string","func","number","object"],"mappings":"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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()}) !important`,\n  },\n  checked: {\n    color: `var(--choice-input-selected-color, ${color.primary()}) !important`,\n  },\n  disabled: {\n    color: `var(--choice-input-disabled-color, ${color.defaults.DISABLED}) !important`,\n  }\n};\n\nexport const RadioStyled = withStyles(radioStyles)((props) => {\n  const { classes, checked, onChange, disabled } = props;\n\n  return (\n    <Radio\n      checked={checked}\n      onChange={onChange}\n      disabled={disabled}\n      classes={{\n        root: classes.root,\n        checked: classes.checked,\n        disabled: classes.disabled,\n      }}\n    />\n  );\n});\n\nconst choiceInputStyles = () => ({\n  labelRoot: {\n    color: color.text(),\n    textAlign: 'center',\n    cursor: 'pointer',\n  },\n  checkboxHolderRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n    padding: '0 5px',\n    '& label': {},\n  },\n  formControlLabelRoot: {\n    margin: 0,\n  },\n});\n\nexport class ChoiceInput extends React.Component {\n  static propTypes = {\n    checked: PropTypes.bool.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    label: PropTypes.string.isRequired,\n    likertOrientation: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number.isRequired,\n    classes: PropTypes.object,\n  };\n\n  static defaultProps = {\n    checked: false,\n  };\n\n  onToggleChoice = () => {\n    this.props.onChange({\n      value: this.props.value,\n      selected: !this.props.checked,\n    });\n  };\n\n  render() {\n    const { disabled, label, checked, likertOrientation, classes } = this.props;\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'row' : 'column';\n\n    return (\n      <div className={classes.checkboxHolderRoot} style={{ flexDirection }}>\n        <FormControlLabel\n          disabled={disabled}\n          className={classes.formControlLabelRoot}\n          control={<RadioStyled checked={checked} onChange={this.onToggleChoice} />}\n        />\n        <p className={classes.labelRoot} onClick={this.onToggleChoice} dangerouslySetInnerHTML={{ __html: label }} />\n      </div>\n    );\n  }\n}\n\nexport default withStyles(choiceInputStyles)(ChoiceInput);\n"],"file":"choice-input.js"}
+{"version":3,"file":"choice-input.js","names":["_react","_interopRequireDefault","require","_FormControlLabel","_propTypes","_styles","_renderUi","_Radio","_likertEntities","RadioStyled","exports","styled","Radio","color","text","primary","defaults","DISABLED","LabelRoot","textAlign","cursor","CheckboxHolderRoot","display","alignItems","flex","padding","StyledFormControlLabel","FormControlLabel","margin","ChoiceInput","React","Component","constructor","args","_defineProperty2","default","props","onChange","value","selected","checked","render","disabled","label","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","createElement","style","control","onToggleChoice","onClick","dangerouslySetInnerHTML","__html","PropTypes","bool","isRequired","string","func","number","_default"],"sources":["../src/choice-input.jsx"],"sourcesContent":["import React from 'react';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { color } from '@pie-lib/render-ui';\nimport Radio from '@mui/material/Radio';\nimport { LIKERT_ORIENTATION } from './likertEntities';\n\nexport const RadioStyled = styled(Radio)({\n  color: `var(--choice-input-color, ${color.text()})`,\n  '&.Mui-checked': {\n    color: `var(--choice-input-selected-color, ${color.primary()})`,\n  },\n  '&.Mui-disabled': {\n    color: `var(--choice-input-disabled-color, ${color.defaults.DISABLED})`,\n  },\n});\n\nconst LabelRoot = styled('p')({\n  color: color.text(),\n  textAlign: 'center',\n  cursor: 'pointer',\n});\n\nconst CheckboxHolderRoot = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  flex: 1,\n  padding: '0 5px',\n  '& label': {},\n});\n\nconst StyledFormControlLabel = styled(FormControlLabel)({\n  margin: 0,\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  };\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 } = this.props;\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'row' : 'column';\n\n    return (\n      <CheckboxHolderRoot style={{ flexDirection }}>\n        <StyledFormControlLabel\n          disabled={disabled}\n          control={<RadioStyled checked={checked} onChange={this.onToggleChoice} disabled={disabled} />}\n        />\n        <LabelRoot onClick={this.onToggleChoice} dangerouslySetInnerHTML={{ __html: label }} />\n      </CheckboxHolderRoot>\n    );\n  }\n}\n\nexport default ChoiceInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/index.js

@@ -1,107 +1,64 @@
 "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"));
-
+exports.isComplete = exports.default = void 0;
 var _main = _interopRequireDefault(require("./main"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _client = require("react-dom/client");
 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);
-};
-
+const isComplete = session => !!(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);
+class Likert extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
   }
-
-  (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();
+  set model(m) {
+    this._model = m;
+    this._render();
+  }
+  set session(s) {
+    this._session = s;
+    this._render();
+  }
+  get session() {
+    return this._session;
+  }
+  sessionChanged(s) {
+    this._session.value = s.value;
+    const complete = isComplete(this._session, this._model);
+    this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), complete));
+    this._render();
+  }
+  connectedCallback() {
+    this._render();
+  }
+  _render() {
+    if (!this._model || !this._session) {
+      return;
     }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this._render();
+    const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      session: this._session,
+      onSessionChange: this.sessionChanged.bind(this)
+    });
+    if (!this._root) {
+      this._root = (0, _client.createRoot)(this);
     }
-  }, {
-    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);
-      });
+    this._root.render(el);
+    queueMicrotask(() => {
+      (0, _mathRendering.renderMath)(this);
+    });
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
     }
-  }]);
-  return Likert;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = Likert;
+  }
+}
+exports.default = Likert;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","names":["_main","_interopRequireDefault","require","_react","_client","_piePlayerEvents","_mathRendering","isComplete","session","value","length","exports","Likert","HTMLElement","constructor","_root","model","m","_model","_render","s","_session","sessionChanged","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","connectedCallback","el","React","createElement","Main","onSessionChange","bind","createRoot","render","queueMicrotask","renderMath","disconnectedCallback","unmount","default"],"sources":["../src/index.js"],"sourcesContent":["import Main from './main';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\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    this._root = null;\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    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n    queueMicrotask(() => {\n      renderMath(this);\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEO,MAAMK,UAAU,GAAIC,OAAO,IAAK,CAAC,EAAEA,OAAO,IAAIA,OAAO,CAACC,KAAK,IAAID,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;AAACC,OAAA,CAAAJ,UAAA,GAAAA,UAAA;AAE7E,MAAMK,MAAM,SAASC,WAAW,CAAC;EAC9CC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,KAAK,GAAG,IAAI;EACnB;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACC,MAAM,GAAGD,CAAC;IACf,IAAI,CAACE,OAAO,CAAC,CAAC;EAChB;EAEA,IAAIX,OAAOA,CAACY,CAAC,EAAE;IACb,IAAI,CAACC,QAAQ,GAAGD,CAAC;IACjB,IAAI,CAACD,OAAO,CAAC,CAAC;EAChB;EAEA,IAAIX,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACa,QAAQ;EACtB;EAEAC,cAAcA,CAACF,CAAC,EAAE;IAChB,IAAI,CAACC,QAAQ,CAACZ,KAAK,GAAGW,CAAC,CAACX,KAAK;IAC7B,MAAMc,QAAQ,GAAGhB,UAAU,CAAC,IAAI,CAACc,QAAQ,EAAE,IAAI,CAACH,MAAM,CAAC;IACvD,IAAI,CAACM,aAAa,CAAC,IAAIC,oCAAmB,CAAC,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC,EAAEJ,QAAQ,CAAC,CAAC;IACjF,IAAI,CAACJ,OAAO,CAAC,CAAC;EAChB;EAEAS,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACT,OAAO,CAAC,CAAC;EAChB;EAEAA,OAAOA,CAAA,EAAG;IACR,IAAI,CAAC,IAAI,CAACD,MAAM,IAAI,CAAC,IAAI,CAACG,QAAQ,EAAE;MAClC;IACF;IAEA,MAAMQ,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;MACnChB,KAAK,EAAE,IAAI,CAACE,MAAM;MAClBV,OAAO,EAAE,IAAI,CAACa,QAAQ;MACtBY,eAAe,EAAE,IAAI,CAACX,cAAc,CAACY,IAAI,CAAC,IAAI;IAChD,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,CAACnB,KAAK,EAAE;MACf,IAAI,CAACA,KAAK,GAAG,IAAAoB,kBAAU,EAAC,IAAI,CAAC;IAC/B;IACA,IAAI,CAACpB,KAAK,CAACqB,MAAM,CAACP,EAAE,CAAC;IACrBQ,cAAc,CAAC,MAAM;MACnB,IAAAC,yBAAU,EAAC,IAAI,CAAC;IAClB,CAAC,CAAC;EACJ;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACxB,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACyB,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAAC7B,OAAA,CAAA8B,OAAA,GAAA7B,MAAA","ignoreList":[]}

package/lib/likert.js

@@ -1,154 +1,97 @@
 "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"));
-
+exports.default = exports.Likert = void 0;
 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 _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
 var _likertEntities = require("./likertEntities");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 = function styles(theme) {
-  return {
-    main: {
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      '& *': {
-        '-webkit-font-smoothing': 'antialiased'
+const Main = (0, _styles.styled)('div')({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background(),
+  '& *': {
+    '-webkit-font-smoothing': 'antialiased'
+  }
+});
+const StyledCollapsible = (0, _styles.styled)(_renderUi.Collapsible)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2)
+}));
+const Prompt = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  verticalAlign: 'middle',
+  color: 'var(--pie-primary-text, var(--pie-text, #000000))',
+  paddingBottom: theme.spacing(2)
+}));
+const ChoicesWrapper = (0, _styles.styled)('div')({
+  display: 'flex'
+});
+class Likert extends _react.default.Component {
+  UNSAFE_componentWillReceiveProps() {}
+  isSelected(value) {
+    return this.props.session && this.props.session.value === value;
+  }
+  render() {
+    const {
+      disabled,
+      choices = [],
+      prompt,
+      onSessionChange,
+      teacherInstructions,
+      className,
+      likertOrientation
+    } = this.props;
+    const flexDirection = likertOrientation === _likertEntities.LIKERT_ORIENTATION.vertical ? 'column' : 'row';
+    return /*#__PURE__*/_react.default.createElement(Main, {
+      className: className
+    }, teacherInstructions && /*#__PURE__*/_react.default.createElement(StyledCollapsible, {
+      labels: {
+        hidden: 'Show Teacher Instructions',
+        visible: 'Hide Teacher Instructions'
       }
-    },
-    teacherInstructions: {
-      marginBottom: theme.spacing.unit * 2
-    },
-    prompt: {
-      verticalAlign: 'middle',
-      color: 'var(--pie-primary-text, var(--pie-text, #000000))',
-      paddingBottom: theme.spacing.unit * 2
-    },
-    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);
+    }, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: teacherInstructions
+    })), prompt && /*#__PURE__*/_react.default.createElement(Prompt, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      prompt: prompt
+    })), /*#__PURE__*/_react.default.createElement(ChoicesWrapper, {
+      style: {
+        flexDirection
+      }
+    }, choices.map((choice, index) => /*#__PURE__*/_react.default.createElement(_choiceInput.default, {
+      key: `choice-${index}`,
+      label: choice.label,
+      value: choice.value,
+      index: index,
+      disabled: disabled,
+      onChange: onSessionChange,
+      likertOrientation: likertOrientation,
+      checked: this.isSelected(choice.value)
+    }))));
   }
-
-  (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,
-          className = _this$props.className,
-          likertOrientation = _this$props.likertOrientation;
-      var flexDirection = likertOrientation === _likertEntities.LIKERT_ORIENTATION.vertical ? 'column' : 'row';
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.main, className)
-      }, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        className: classes.teacherInstructions,
-        labels: {
-          hidden: 'Show Teacher Instructions',
-          visible: 'Hide Teacher Instructions'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: teacherInstructions
-      })), 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", {
-  className: _propTypes["default"].string,
-  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
+(0, _defineProperty2.default)(Likert, "propTypes", {
+  className: _propTypes.default.string,
+  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
 });
 Likert.defaultProps = {
   session: {
     value: []
   }
 };
-
-var _default = (0, _styles.withStyles)(styles)(Likert);
-
-exports["default"] = _default;
+var _default = exports.default = Likert;
 //# sourceMappingURL=likert.js.map

package/lib/likert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/likert.jsx"],"names":["styles","theme","main","color","text","backgroundColor","background","teacherInstructions","marginBottom","spacing","unit","prompt","verticalAlign","paddingBottom","choicesWrapper","display","Likert","value","props","session","disabled","choices","onSessionChange","classes","className","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","hidden","visible","map","choice","index","label","isSelected","React","Component","PropTypes","string","array","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 { color, Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport { LIKERT_ORIENTATION } from './likertEntities';\nimport classNames from 'classnames';\n\nconst styles = (theme) => ({\n  main: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    '& *': {\n      '-webkit-font-smoothing': 'antialiased',\n    },\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    verticalAlign: 'middle',\n    color: 'var(--pie-primary-text, var(--pie-text, #000000))',\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  choicesWrapper: {\n    display: 'flex',\n  },\n});\n\nexport class Likert extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\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      className,\n      likertOrientation,\n    } = this.props;\n\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';\n\n    return (\n      <div className={classNames(classes.main, className)}>\n        {teacherInstructions && (\n          <Collapsible\n            className={classes.teacherInstructions}\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </Collapsible>\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,"file":"likert.js","names":["_react","_interopRequireDefault","require","_propTypes","_choiceInput","_styles","_renderUi","_likertEntities","Main","styled","color","text","backgroundColor","background","StyledCollapsible","Collapsible","theme","marginBottom","spacing","Prompt","verticalAlign","paddingBottom","ChoicesWrapper","display","Likert","React","Component","UNSAFE_componentWillReceiveProps","isSelected","value","props","session","render","disabled","choices","prompt","onSessionChange","teacherInstructions","className","likertOrientation","flexDirection","LIKERT_ORIENTATION","vertical","default","createElement","labels","hidden","visible","PreviewPrompt","style","map","choice","index","key","label","onChange","checked","exports","_defineProperty2","PropTypes","string","array","object","bool","isRequired","func","defaultProps","_default"],"sources":["../src/likert.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChoiceInput from './choice-input';\nimport { styled } from '@mui/material/styles';\nimport { color, Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport { LIKERT_ORIENTATION } from './likertEntities';\n\nconst Main = styled('div')({\n  color: color.text(),\n  backgroundColor: color.background(),\n  '& *': {\n    '-webkit-font-smoothing': 'antialiased',\n  },\n});\n\nconst StyledCollapsible = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nconst Prompt = styled('div')(({ theme }) => ({\n  verticalAlign: 'middle',\n  color: 'var(--pie-primary-text, var(--pie-text, #000000))',\n  paddingBottom: theme.spacing(2),\n}));\n\nconst ChoicesWrapper = styled('div')({\n  display: 'flex',\n});\n\nexport class Likert extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\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  };\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      className,\n      likertOrientation,\n    } = this.props;\n\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';\n\n    return (\n      <Main className={className}>\n        {teacherInstructions && (\n          <StyledCollapsible\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </StyledCollapsible>\n        )}\n\n        {prompt && (\n          <Prompt>\n            <PreviewPrompt prompt={prompt} />\n          </Prompt>\n        )}\n\n        <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        </ChoicesWrapper>\n      </Main>\n    );\n  }\n}\n\nLikert.defaultProps = {\n  session: {\n    value: [],\n  },\n};\n\nexport default Likert;\n"],"mappings":"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","ignoreList":[]}

package/lib/likertEntities.js

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

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,"file":"likertEntities.js","names":["LIKERT_ORIENTATION","exports","horizontal","vertical"],"sources":["../src/likertEntities.js"],"sourcesContent":["export const LIKERT_ORIENTATION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n};\n"],"mappings":";;;;;;AAAO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

package/lib/main.js

@@ -1,87 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
+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 _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);
+class Main extends _react.default.Component {
+  render() {
+    const {
+      model,
+      onSessionChange,
+      session
+    } = this.props;
+    const {
+      extraCSSRules
+    } = model;
+    return /*#__PURE__*/_react.default.createElement(_renderUi.PreviewLayout, {
+      extraCSSRules: extraCSSRules
+    }, /*#__PURE__*/_react.default.createElement(_likert.default, (0, _extends2.default)({}, model, {
+      session: session,
+      onSessionChange: onSessionChange
+    })));
   }
-
-  (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;
-      var extraCSSRules = model.extraCSSRules;
-      return /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewLayout, {
-        extraCSSRules: extraCSSRules
-      }, /*#__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, "propTypes", {
+  model: _propTypes.default.object,
+  session: _propTypes.default.object,
+  onSessionChange: _propTypes.default.func
 });
-(0, _defineProperty2["default"])(Main, "defaultProps", {
+(0, _defineProperty2.default)(Main, "defaultProps", {
   model: {},
   session: {}
 });
-var Styled = (0, _styles.withStyles)({}, {
-  name: 'Main'
-})(Main);
-
-var Root = function Root(props) {
-  return /*#__PURE__*/_react["default"].createElement(Styled, props);
-};
-
-var _default = Root;
-exports["default"] = _default;
+var _default = exports.default = Main;
 //# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onSessionChange","session","extraCSSRules","React","Component","PropTypes","object","func","classes","isRequired","Styled","name","Root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAaJ,kBAAS;AACP,wBAA4C,KAAKC,KAAjD;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AACA,UAAQC,aAAR,GAA0BH,KAA1B,CAAQG,aAAR;AAEA,0BACE,gCAAC,uBAAD;AAAe,QAAA,aAAa,EAAEA;AAA9B,sBACE,gCAAC,kBAAD,gCAAYH,KAAZ;AAAmB,QAAA,OAAO,EAAEE,OAA5B;AAAqC,QAAA,eAAe,EAAED;AAAtD,SADF,CADF;AAKD;;;EAtBgBG,kBAAMC,S;;iCAAnBP,I,eACe;AACjBE,EAAAA,KAAK,EAAEM,sBAAUC,MADA;AAEjBL,EAAAA,OAAO,EAAEI,sBAAUC,MAFF;AAGjBN,EAAAA,eAAe,EAAEK,sBAAUE,IAHV;AAIjBC,EAAAA,OAAO,EAAEH,sBAAUC,MAAV,CAAiBG;AAJT,C;iCADfZ,I,kBAQkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;AAiBxB,IAAMS,MAAM,GAAG,wBAAW,EAAX,EAAe;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAf,EAAiCd,IAAjC,CAAf;;AAEA,IAAMe,IAAI,GAAG,SAAPA,IAAO,CAACd,KAAD;AAAA,sBACT,gCAAC,MAAD,EAAYA,KAAZ,CADS;AAAA,CAAb;;eAIec,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\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 } = this.props;\n    const { extraCSSRules } = model;\n\n    return (\n      <PreviewLayout extraCSSRules={extraCSSRules}>\n        <Likert {...model} session={session} onSessionChange={onSessionChange} />\n      </PreviewLayout>\n    );\n  }\n}\n\nconst Styled = withStyles({}, { name: 'Main' })(Main);\n\nconst Root = (props) => (\n    <Styled {...props} />\n);\n\nexport default Root;\n"],"file":"main.js"}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_renderUi","_likert","Main","React","Component","render","model","onSessionChange","session","props","extraCSSRules","default","createElement","PreviewLayout","_extends2","_defineProperty2","PropTypes","object","func","_default","exports"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n\n  render() {\n    const { model, onSessionChange, session } = this.props;\n    const { extraCSSRules } = model;\n\n    return (\n      <PreviewLayout extraCSSRules={extraCSSRules}>\n        <Likert {...model} session={session} onSessionChange={onSessionChange} />\n      </PreviewLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,MAAMI,IAAI,SAASC,cAAK,CAACC,SAAS,CAAC;EAYjCC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,eAAe;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;IACtD,MAAM;MAAEC;IAAc,CAAC,GAAGJ,KAAK;IAE/B,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,SAAA,CAAAa,aAAa;MAACH,aAAa,EAAEA;IAAc,gBAC1Cd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAU,OAAM,MAAAG,SAAA,CAAAH,OAAA,MAAKL,KAAK;MAAEE,OAAO,EAAEA,OAAQ;MAACD,eAAe,EAAEA;IAAgB,EAAE,CAC3D,CAAC;EAEpB;AACF;AAAC,IAAAQ,gBAAA,CAAAJ,OAAA,EAtBKT,IAAI,eACW;EACjBI,KAAK,EAAEU,kBAAS,CAACC,MAAM;EACvBT,OAAO,EAAEQ,kBAAS,CAACC,MAAM;EACzBV,eAAe,EAAES,kBAAS,CAACE;AAC7B,CAAC;AAAA,IAAAH,gBAAA,CAAAJ,OAAA,EALGT,IAAI,kBAOc;EACpBI,KAAK,EAAE,CAAC,CAAC;EACTE,OAAO,EAAE,CAAC;AACZ,CAAC;AAAA,IAAAW,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAcYT,IAAI","ignoreList":[]}

package/lib/session-updater.js

@@ -4,10 +4,8 @@ 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 {