@pie-element/boilerplate-item-type 1.0.1-next.5851

package/CHANGELOG.json

@@ -0,0 +1 @@
+[]

package/LICENSE.md

@@ -0,0 +1,5 @@
+Copyright 2019 CoreSpring Inc
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# boilerplate-item-type
+
+To generate new item types, copy the folder and replace all occurrences of:
+1. boilerplate-item-type with your-item-type
+2. BoilerplateItemType with YourItemType

package/configure/CHANGELOG.json

@@ -0,0 +1 @@
+[]

package/configure/lib/defaults.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+// Should be exactly the same as controller/defaults.js
+var _default = {
+  model: {
+    prompt: 'Question Prompt goes here',
+    promptEnabled: true
+  },
+  configuration: {
+    prompt: {
+      label: 'Prompt',
+      settings: true
+    }
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/defaults.js"],"names":["model","prompt","promptEnabled","configuration","label","settings"],"mappings":";;;;;;AAAA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,2BADH;AAELC,IAAAA,aAAa,EAAE;AAFV,GADM;AAKbC,EAAAA,aAAa,EAAE;AACbF,IAAAA,MAAM,EAAE;AACNG,MAAAA,KAAK,EAAE,QADD;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AADK;AALF,C","sourcesContent":["// Should be exactly the same as controller/defaults.js\nexport default {\n  model: {\n    prompt: 'Question Prompt goes here',\n    promptEnabled: true\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    }\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/design.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Design = 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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _configUi = require("@pie-lib/config-ui");
+
+var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+
+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 Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle;
+
+var Design = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Design, _React$Component);
+
+  var _super = _createSuper(Design);
+
+  function Design() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Design);
+
+    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), "onPromptChanged", function (prompt) {
+      var _this$props = _this.props,
+          onModelChanged = _this$props.onModelChanged,
+          model = _this$props.model;
+      var update = (0, _cloneDeep["default"])(model);
+      update.prompt = prompt;
+      onModelChanged(update);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Design, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          configuration = _this$props2.configuration,
+          imageSupport = _this$props2.imageSupport,
+          model = _this$props2.model,
+          onConfigurationChanged = _this$props2.onConfigurationChanged,
+          onModelChanged = _this$props2.onModelChanged,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
+
+      var _ref = configuration || {},
+          _ref$contentDimension = _ref.contentDimensions,
+          contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
+          _ref$prompt = _ref.prompt,
+          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
+          settingsPanelDisabled = _ref.settingsPanelDisabled;
+
+      var _ref2 = model || {},
+          promptEnabled = _ref2.promptEnabled;
+
+      var panelSettings = {};
+      var panelProperties = {
+        promptEnabled: prompt.settings && toggle(prompt.label)
+      };
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        dimensions: contentDimensions,
+        hideSettings: settingsPanelDisabled,
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          configuration: configuration,
+          onChangeModel: function onChangeModel(model) {
+            return onModelChanged(model);
+          },
+          onChangeConfiguration: onConfigurationChanged,
+          groups: {
+            Settings: panelSettings,
+            Properties: panelProperties
+          }
+        })
+      }, promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: prompt.label || '',
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+        className: classes.prompt,
+        markup: model.prompt,
+        onChange: this.onPromptChanged,
+        imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
+      })));
+    }
+  }]);
+  return Design;
+}(_react["default"].Component);
+
+exports.Design = Design;
+(0, _defineProperty2["default"])(Design, "propTypes", {
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  onModelChanged: _propTypes["default"].func.isRequired,
+  onConfigurationChanged: _propTypes["default"].func.isRequired,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  uploadSoundSupport: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(Design, "defaultProps", {});
+
+var _default = (0, _styles.withStyles)(function (theme) {
+  return {
+    promptHolder: {
+      width: '100%',
+      paddingTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2
+    }
+  };
+})(Design);
+
+exports["default"] = _default;
+//# sourceMappingURL=design.js.map

package/configure/lib/design.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","Design","prompt","props","onModelChanged","model","update","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","contentDimensions","settingsPanelDisabled","promptEnabled","panelSettings","panelProperties","label","Settings","Properties","promptHolder","onPromptChanged","language","React","Component","PropTypes","object","isRequired","func","shape","add","theme","width","paddingTop","spacing","unit","marginBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\n\nconst { Panel, toggle } = settings;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  onPromptChanged = (prompt) => {\n    const { onModelChanged, model } = this.props;\n    const update = cloneDeep(model);\n\n    update.prompt = prompt;\n    onModelChanged(update);\n  };\n\n  render() {\n    const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      contentDimensions = {},\n      prompt = {},\n      settingsPanelDisabled,\n    } = configuration || {};\n    const { promptEnabled } = model || {};\n\n    const panelSettings = {};\n\n    const panelProperties = {\n      promptEnabled: prompt.settings && toggle(prompt.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {promptEnabled && (\n          <InputContainer label={prompt.label || ''} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  }\n}))(Design);\n"],"file":"design.js"}

package/configure/lib/index.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _design = _interopRequireDefault(require("./design"));
+
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+
+var _defaults = _interopRequireDefault(require("./defaults"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 SelectTextConfigure = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(SelectTextConfigure, _HTMLElement);
+
+  var _super = _createSuper(SelectTextConfigure);
+
+  /**
+   * This function makes sure you set the default values on the model
+   * @param model
+   * @returns model
+   */
+  function SelectTextConfigure() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, SelectTextConfigure);
+    _this = _super.call(this);
+    _this._model = SelectTextConfigure.createDefaultModel();
+    _this._configuration = _defaults["default"].configuration;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(SelectTextConfigure, [{
+    key: "model",
+    set: function set(m) {
+      this._model = SelectTextConfigure.createDefaultModel(m);
+      this.render();
+    }
+  }, {
+    key: "configuration",
+    set: function set(c) {
+      this._configuration = c;
+      this.render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this.render();
+    }
+  }, {
+    key: "modelChanged",
+    value: function modelChanged(m) {
+      this._model = m;
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
+      this.render();
+    }
+  }, {
+    key: "onConfigurationChanged",
+    value: function onConfigurationChanged(c) {
+      this._configuration = c;
+      this.render();
+    }
+    /**
+     *
+     * @param {done, progress, file} handler
+     */
+
+  }, {
+    key: "insertImage",
+    value: function insertImage(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+    }
+  }, {
+    key: "onDeleteImage",
+    value: function onDeleteImage(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+    }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this._model) {
+        var el = /*#__PURE__*/_react["default"].createElement(_design["default"], {
+          model: this._model,
+          configuration: this._configuration,
+          onModelChanged: this.modelChanged.bind(this),
+          onConfigurationChanged: this.onConfigurationChanged.bind(this),
+          imageSupport: {
+            add: this.insertImage.bind(this),
+            "delete": this.onDeleteImage.bind(this)
+          },
+          uploadSoundSupport: {
+            add: this.insertSound.bind(this),
+            "delete": this.onDeleteSound.bind(this)
+          }
+        });
+
+        _reactDom["default"].render(el, this);
+      }
+    }
+  }]);
+  return SelectTextConfigure;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = SelectTextConfigure;
+(0, _defineProperty2["default"])(SelectTextConfigure, "createDefaultModel", function () {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["SelectTextConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAOA;;;;;;;;;;IAEqBA,mB;;;;;AACnB;AACF;AACA;AACA;AACA;AAME,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;AAEA,WAAKD,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIQ,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKrB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCoB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI,WALqB;AASnCM,UAAAA,kBAAkB,EAAE;AAClBH,YAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiBP,IAAjB,CAAsB,IAAtB,CADa;AAElB,sBAAQ,KAAKQ,aAAL,CAAmBR,IAAnB,CAAwB,IAAxB;AAFU;AATe,SAA1B,CAAX;;AAeAS,6BAAS3B,MAAT,CAAgBW,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDAlF8CiB,W;;;iCAA5BnC,mB,wBAMS;AAAA,MAACsB,KAAD,uEAAS,EAAT;AAAA,yCACvBlB,qBAAckB,KADS,GAEvBA,KAFuB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaults';\n\nexport default class SelectTextConfigure extends HTMLElement {\n  /**\n   * This function makes sure you set the default values on the model\n   * @param model\n   * @returns model\n   */\n  static createDefaultModel = (model = {}) => ({\n    ...defaultValues.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._model = SelectTextConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = SelectTextConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@pie-element/boilerplate-item-type-configure",
+  "private": true,
+  "version": "1.0.0",
+  "description": "",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "dependencies": {
+    "@material-ui/core": "^3.9.2",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/config-ui": "^11.9.4",
+    "@pie-lib/editable-html": "^9.7.8",
+    "debug": "^3.1.0",
+    "lodash": "^4.17.15",
+    "prop-types": "^15.6.2",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/controller/CHANGELOG.json

@@ -0,0 +1 @@
+[]

package/controller/lib/defaults.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+// Should be exactly the same as configure/defaults.js
+var _default = {
+  model: {
+    prompt: 'Question Prompt goes here',
+    promptEnabled: true
+  },
+  configuration: {
+    prompt: {
+      label: 'Prompt',
+      settings: true
+    }
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/defaults.js"],"names":["model","prompt","promptEnabled","configuration","label","settings"],"mappings":";;;;;;AAAA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,2BADH;AAELC,IAAAA,aAAa,EAAE;AAFV,GADM;AAKbC,EAAAA,aAAa,EAAE;AACbF,IAAAA,MAAM,EAAE;AACNG,MAAAA,KAAK,EAAE,QADD;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AADK;AALF,C","sourcesContent":["// Should be exactly the same as configure/defaults.js\nexport default {\n  model: {\n    prompt: 'Question Prompt goes here',\n    promptEnabled: true\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    }\n  },\n};\n"],"file":"defaults.js"}

package/controller/lib/index.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validate = exports.outcome = exports.normalizeSession = exports.model = exports.getPartialScore = exports.getCorrectness = exports.createDefaultModel = exports.createCorrectResponseSession = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _defaults = _interopRequireDefault(require("./defaults"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var getCorrectness = function getCorrectness(model) {
+  var correctnessCondition = 'c';
+
+  switch (correctnessCondition) {
+    case 'c':
+      return 'correct';
+
+    case 'pc':
+      return 'partially-correct';
+
+    case 'i':
+      return 'incorrect';
+
+    default:
+      return 'unknown';
+  }
+};
+
+exports.getCorrectness = getCorrectness;
+
+var getPartialScore = function getPartialScore(question, session) {
+  if (!session || (0, _isEmpty["default"])(session)) {
+    return 0;
+  }
+
+  return 1;
+};
+
+exports.getPartialScore = getPartialScore;
+
+var outcome = function outcome(question, session, env) {
+  return new Promise(function (resolve) {
+    if (!session || (0, _isEmpty["default"])(session)) {
+      resolve({
+        score: 0,
+        empty: true
+      });
+    }
+
+    session = normalizeSession(session);
+
+    if (env.mode !== 'evaluate') {
+      resolve({
+        score: undefined,
+        completed: undefined
+      });
+    } else {
+      resolve({
+        score: 1
+      });
+    }
+  });
+};
+
+exports.outcome = outcome;
+
+var createDefaultModel = function createDefaultModel() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
+};
+
+exports.createDefaultModel = createDefaultModel;
+
+var normalizeSession = function normalizeSession(s) {
+  return _objectSpread({}, s);
+};
+
+exports.normalizeSession = normalizeSession;
+
+var model = function model(question, session, env) {
+  return new Promise(function (resolve) {
+    session = session || {};
+    var normalizedQuestion = createDefaultModel(question);
+    var out = {
+      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
+      env: env
+    };
+    resolve(out);
+  });
+};
+
+exports.model = model;
+
+var createCorrectResponseSession = function createCorrectResponseSession(question, env) {
+  return new Promise(function (resolve) {
+    if (env.mode !== 'evaluate' && env.role === 'instructor') {
+      resolve({
+        id: '1'
+      });
+    } else {
+      resolve(null);
+    }
+  });
+};
+
+exports.createCorrectResponseSession = createCorrectResponseSession;
+
+var validate = function validate() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var errors = {};
+  return errors;
+};
+
+exports.validate = validate;
+//# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["getCorrectness","model","correctnessCondition","getPartialScore","question","session","outcome","env","Promise","resolve","score","empty","normalizeSession","mode","undefined","completed","createDefaultModel","defaults","s","normalizedQuestion","out","prompt","promptEnabled","createCorrectResponseSession","role","id","validate","config","errors"],"mappings":"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","sourcesContent":["import isEmpty from 'lodash/isEmpty';\nimport defaults from './defaults';\n\nexport const getCorrectness = (model) => {\n  const correctnessCondition = 'c';\n\n  switch (correctnessCondition) {\n    case 'c':\n      return 'correct';\n    case 'pc':\n      return 'partially-correct';\n    case 'i':\n      return 'incorrect';\n    default:\n      return 'unknown';\n  }\n};\n\nexport const getPartialScore = (question, session) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  return 1;\n};\n\nexport const outcome = (question, session, env) =>\n  new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    }\n\n    session = normalizeSession(session);\n\n    if (env.mode !== 'evaluate') {\n      resolve({ score: undefined, completed: undefined });\n    } else {\n      resolve({ score: 1 });\n    }\n  });\n\nexport const createDefaultModel = (model = {}) => ({\n  ...defaults.model,\n  ...model,\n});\nexport const normalizeSession = (s) => ({\n  ...s,\n});\n\nexport const model = (question, session, env) => {\n  return new Promise((resolve) => {\n    session = session || {};\n    const normalizedQuestion = createDefaultModel(question);\n\n    const out = {\n      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n      env,\n    };\n\n    resolve(out);\n  });\n};\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({ id: '1' });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  return errors;\n};\n"],"file":"index.js"}

package/controller/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@pie-element/boilerplate-item-type-controller",
+  "private": true,
+  "version": "1.0.0",
+  "description": "",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "dependencies": {
+    "@pie-lib/controller-utils": "^0.2.44",
+    "@pie-lib/feedback": "^0.4.43",
+    "debug": "^3.1.0",
+    "lodash": "^4.17.15"
+  },
+  "devDependencies": {
+    "lodash": "^4.17.15"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/docs/config-schema.json

@@ -0,0 +1,104 @@
+{
+  "description": "Config Object for @pie-elements/boilerplate-item-type",
+  "additionalProperties": false,
+  "type": "object",
+  "properties": {
+    "prompt": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
+    "showPrompt": {
+      "description": "Determines whether prompt field will be displayed or not",
+      "default": true,
+      "type": "boolean",
+      "title": "showPrompt"
+    },
+    "promptLabel": {
+      "description": "The label for the item stem/prompt field",
+      "default": "Item Stemm",
+      "type": "string",
+      "title": "promptLabel"
+    },
+    "contentDimensions": {
+      "description": "Indicates the dimensions configuration for the authoring container\nNote: Some items have a default minimum width because of their content, but if\nthe minWidth is lower than this, the overflow behavior will take care of that",
+      "default": ": {}",
+      "type": "object",
+      "properties": {
+        "maxHeight": {
+          "description": "Indicates the max height of the authoring container",
+          "default": "undefined",
+          "type": [
+            "string",
+            "number"
+          ],
+          "title": "maxHeight"
+        },
+        "maxWidth": {
+          "description": "Indicates the max width of the authoring container",
+          "default": "undefined",
+          "type": [
+            "string",
+            "number"
+          ],
+          "title": "maxWidth"
+        },
+        "minHeight": {
+          "description": "Indicates the min height of the authoring container",
+          "default": "undefined",
+          "type": [
+            "string",
+            "number"
+          ],
+          "title": "minHeight"
+        },
+        "minWidth": {
+          "description": "Indicates the min width of the authoring container",
+          "default": "undefined",
+          "type": [
+            "string",
+            "number"
+          ],
+          "title": "minWidth"
+        }
+      },
+      "title": "contentDimensions"
+    },
+    "settingsPartialScoring": {
+      "description": "Indicates whether the settings panel wil allow the author to modify settings for partial scoring",
+      "default": true,
+      "type": "boolean",
+      "title": "settingsPartialScoring"
+    }
+  },
+  "definitions": {
+    "ConfigureProp": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    }
+  },
+  "$schema": "http://json-schema.org/draft-07/schema#"
+}

package/docs/config-schema.json.md

@@ -0,0 +1,85 @@
+Config Object for @pie-elements/boilerplate-item-type
+
+The schema defines the following properties:
+
+# `prompt` (object)
+
+Properties of the `prompt` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+# `showPrompt` (boolean)
+
+Determines whether prompt field will be displayed or not
+
+Default: `true`
+
+# `promptLabel` (string)
+
+The label for the item stem/prompt field
+
+Default: `"Item Stemm"`
+
+# `contentDimensions` (object)
+
+Indicates the dimensions configuration for the authoring container
+Note: Some items have a default minimum width because of their content, but if
+the minWidth is lower than this, the overflow behavior will take care of that
+
+Properties of the `contentDimensions` object:
+
+## `maxHeight` (string,number)
+
+Indicates the max height of the authoring container
+
+Default: `"undefined"`
+
+## `maxWidth` (string,number)
+
+Indicates the max width of the authoring container
+
+Default: `"undefined"`
+
+## `minHeight` (string,number)
+
+Indicates the min height of the authoring container
+
+Default: `"undefined"`
+
+## `minWidth` (string,number)
+
+Indicates the min width of the authoring container
+
+Default: `"undefined"`
+
+Default: `": {}"`
+
+# `settingsPartialScoring` (boolean)
+
+Indicates whether the settings panel wil allow the author to modify settings for partial scoring
+
+Default: `true`
+
+---
+
+# Sub Schemas
+
+The schema defines the following additional types:
+
+## `ConfigureProp` (object)
+
+Properties of the `ConfigureProp` object:
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel

package/docs/demo/config.js

@@ -0,0 +1,8 @@
+const { model } = require('./generate');
+
+module.exports = {
+  elements: {
+    'boilerplate-item-type': '../..',
+  },
+  models: [model('1', 'boilerplate-item-type')],
+};

package/docs/demo/generate.js

@@ -0,0 +1,5 @@
+exports.model = (id, element) => ({
+  id,
+  element,
+  prompt: 'Custom Prompt'
+});

package/docs/demo/index.html

@@ -0,0 +1 @@
+<boilerplate-item-type pie-id="1"></boilerplate-item-type>

package/docs/demo/session.js

@@ -0,0 +1,6 @@
+module.exports = [
+  {
+    id: '1',
+    element: 'boilerplate-item-type'
+  },
+];

package/docs/pie-schema.json

@@ -0,0 +1,51 @@
+{
+  "description": "Pie Model Object for @pie-elements/boilerplate-item-type",
+  "additionalProperties": false,
+  "type": "object",
+  "properties": {
+    "prompt": {
+      "description": "The user prompt/item stem",
+      "type": "string",
+      "title": "prompt"
+    },
+    "promptEnabled": {
+      "description": "Determines if prompt should show",
+      "type": "boolean",
+      "title": "promptEnabled"
+    },
+    "id": {
+      "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
+      "type": "string",
+      "title": "id"
+    },
+    "element": {
+      "description": "The html Element tag name",
+      "type": "string",
+      "title": "element"
+    }
+  },
+  "required": [
+    "element",
+    "id",
+    "prompt"
+  ],
+  "definitions": {
+    "ConfigureProp": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    }
+  },
+  "$schema": "http://json-schema.org/draft-07/schema#"
+}

package/docs/pie-schema.json.md

@@ -0,0 +1,37 @@
+Pie Model Object for @pie-elements/boilerplate-item-type
+
+The schema defines the following properties:
+
+# `prompt` (string, required)
+
+The user prompt/item stem
+
+# `promptEnabled` (boolean)
+
+Determines if prompt should show
+
+# `id` (string, required)
+
+Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
+
+# `element` (string, required)
+
+The html Element tag name
+
+---
+
+# Sub Schemas
+
+The schema defines the following additional types:
+
+## `ConfigureProp` (object)
+
+Properties of the `ConfigureProp` object:
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel

package/lib/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+
+var _main = _interopRequireDefault(require("./main"));
+
+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 SelectText = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(SelectText, _HTMLElement);
+
+  var _super = _createSuper(SelectText);
+
+  function SelectText() {
+    (0, _classCallCheck2["default"])(this, SelectText);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(SelectText, [{
+    key: "model",
+    get: function get() {
+      return this._model;
+    },
+    set: function set(m) {
+      this._model = m;
+      this.render();
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+      this.render();
+    }
+  }, {
+    key: "isSessionComplete",
+    value: function isSessionComplete() {
+      // a method to check if student answered the question
+      return true;
+    }
+  }, {
+    key: "onSessionChange",
+    value: function onSessionChange(session) {
+      // you can add an extra step here to validate session
+      this._session = session;
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this.render();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      if (this._model && this._session) {
+        var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          model: this._model,
+          session: this._session,
+          onSessionChange: this.onSessionChange.bind(this)
+        });
+
+        _reactDom["default"].render(el, this, function () {
+          (0, _mathRendering.renderMath)(_this);
+        });
+      }
+    }
+  }]);
+  return SelectText;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = SelectText;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["SelectText","_model","m","render","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","_session","s","session","SessionChangedEvent","el","React","createElement","Main","model","onSessionChange","bind","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEqBA,U;;;;;;;;;;;;SAUnB,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD,K;SAXD,aAAUC,CAAV,EAAa;AACX,WAAKD,MAAL,GAAcC,CAAd;AAEA,WAAKC,MAAL;AACA,WAAKC,aAAL,CACE,IAAIC,8BAAJ,CAAkB,KAAKC,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKC,iBAAL,EAA9C,EAAwE,KAAKP,MAAL,KAAgBQ,SAAxF,CADF;AAGD;;;SAYD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SARD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;AAEA,WAAKR,MAAL;AACD;;;WAMD,6BAAoB;AAClB;AACA,aAAO,IAAP;AACD;;;WAED,yBAAgBS,OAAhB,EAAyB;AACvB;AACA,WAAKF,QAAL,GAAgBE,OAAhB;AAEA,WAAKR,aAAL,CAAmB,IAAIS,oCAAJ,CAAwB,KAAKP,OAAL,CAAaC,WAAb,EAAxB,EAAoD,KAAKC,iBAAL,EAApD,CAAnB;AACD;;;WAED,6BAAoB;AAClB,WAAKL,MAAL;AACD;;;WAED,kBAAS;AAAA;;AACP,UAAI,KAAKF,MAAL,IAAe,KAAKS,QAAxB,EAAkC;AAChC,YAAMI,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKjB,MADuB;AAEnCW,UAAAA,OAAO,EAAE,KAAKF,QAFqB;AAGnCS,UAAAA,eAAe,EAAE,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B;AAHkB,SAA1B,CAAX;;AAMAC,6BAASlB,MAAT,CAAgBW,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,yCAAW,KAAX;AACD,SAFD;AAGD;AACF;;;kDApDqCQ,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nexport default class SelectText extends HTMLElement {\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  get model() {\n    return this._model;\n  }\n\n  set session(s) {\n    this._session = s;\n\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    // a method to check if student answered the question\n    return true;\n  }\n\n  onSessionChange(session) {\n    // you can add an extra step here to validate session\n    this._session = session;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  render() {\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSessionChange: this.onSessionChange.bind(this),\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"file":"index.js"}

package/lib/main.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+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 model = this.props.model;
+      return /*#__PURE__*/_react["default"].createElement("div", null, model.prompt && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: model.prompt
+      })));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+exports["default"] = Main;
+(0, _defineProperty2["default"])(Main, "propTypes", {
+  model: _propTypes["default"].object,
+  session: _propTypes["default"].object,
+  onSessionChange: _propTypes["default"].func.isRequired
+});
+(0, _defineProperty2["default"])(Main, "defaultProps", {});
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","model","props","prompt","React","Component","PropTypes","object","session","onSessionChange","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEqBA,I;;;;;;;;;;;;WASnB,kBAAS;AACP,UAAQC,KAAR,GAAkB,KAAKC,KAAvB,CAAQD,KAAR;AAEA,0BACE,6CACGA,KAAK,CAACE,MAAN,iBACC,0DACE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAEF,KAAK,CAACE;AAA7B,QADF,CAFJ,CADF;AASD;;;EArB+BC,kBAAMC,S;;;iCAAnBL,I,eACA;AACjBC,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBC,EAAAA,OAAO,EAAEF,sBAAUC,MAFF;AAGjBE,EAAAA,eAAe,EAAEH,sBAAUI,IAAV,CAAeC;AAHf,C;iCADAX,I,kBAOG,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewPrompt } from '@pie-lib/render-ui';\n\nexport default class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onSessionChange: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { model } = this.props;\n\n    return (\n      <div>\n        {model.prompt && (\n          <div>\n            <PreviewPrompt prompt={model.prompt}/>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"file":"main.js"}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@pie-element/boilerplate-item-type",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": "pie-framework/pie-elements",
+  "version": "1.0.1-next.5851+606665e33",
+  "description": "",
+  "dependencies": {
+    "@material-ui/core": "^3.9.2",
+    "@pie-framework/pie-player-events": "^0.1.0",
+    "@pie-lib/math-rendering": "^2.5.17",
+    "@pie-lib/render-ui": "^4.15.1",
+    "prop-types": "^15.6.1",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  },
+  "author": "",
+  "license": "ISC",
+  "gitHead": "606665e3380879cc9ef6ea5e5ac75f25657f3165",
+  "scripts": {
+    "postpublish": "../../scripts/postpublish"
+  },
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "exports": {
+    ".": "./src/index.js"
+  }
+}