@pie-element/boilerplate-item-type 5.0.1-next.0 → 5.0.1

package/esm/controller.js

@@ -0,0 +1,113 @@
+import isEmpty from 'lodash/isEmpty';
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+// Should be exactly the same as configure/defaults.js
+var defaults = {
+  model: {
+    prompt: '',
+    promptEnabled: true
+  },
+  configuration: {
+    prompt: {
+      label: 'Prompt',
+      settings: true
+    }
+  }
+};
+
+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) { _defineProperty(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 = model => {
+  var correctnessCondition = 'c';
+
+  switch (correctnessCondition) {
+    case 'c':
+      return 'correct';
+
+    case 'pc':
+      return 'partially-correct';
+
+    case 'i':
+      return 'incorrect';
+
+    default:
+      return 'unknown';
+  }
+};
+var getPartialScore = (question, session) => {
+  if (!session || isEmpty(session)) {
+    return 0;
+  }
+
+  return 1;
+};
+var outcome = (question, session, env) => new Promise(resolve => {
+  if (!session || isEmpty(session)) {
+    resolve({
+      score: 0,
+      empty: true
+    });
+  }
+
+  session = normalizeSession(session);
+
+  if (env.mode !== 'evaluate') {
+    resolve({
+      score: undefined,
+      completed: undefined
+    });
+  } else {
+    resolve({
+      score: 1
+    });
+  }
+});
+var createDefaultModel = function createDefaultModel() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread(_objectSpread({}, defaults.model), model);
+};
+var normalizeSession = s => _objectSpread({}, s);
+var model = (question, session, env) => {
+  return new Promise(resolve => {
+    var normalizedQuestion = createDefaultModel(question);
+    var out = {
+      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
+      extraCSSRules: normalizedQuestion.extraCSSRules,
+      env
+    };
+    resolve(out);
+  });
+};
+var createCorrectResponseSession = (question, env) => {
+  return new Promise(resolve => {
+    if (env.mode !== 'evaluate' && env.role === 'instructor') {
+      resolve({
+        id: '1'
+      });
+    } else {
+      resolve(null);
+    }
+  });
+};
+var validate = function validate() {
+  var errors = {};
+  return errors;
+};
+
+export { createCorrectResponseSession, createDefaultModel, getCorrectness, getPartialScore, model, normalizeSession, outcome, validate };
+//# sourceMappingURL=controller.js.map

package/esm/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../controller/src/defaults.js","../controller/src/index.js"],"sourcesContent":["export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","// Should be exactly the same as configure/defaults.js\nexport default {\n  model: {\n    prompt: '',\n    promptEnabled: true,\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n  },\n};\n","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 = {}) => ({ ...defaults.model, ...model });\n\nexport const normalizeSession = (s) => ({ ...s });\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      extraCSSRules: normalizedQuestion.extraCSSRules,\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"],"names":["model","prompt","promptEnabled","configuration","label","settings","getCorrectness","correctnessCondition","getPartialScore","question","session","isEmpty","outcome","env","Promise","resolve","score","empty","normalizeSession","mode","undefined","completed","createDefaultModel","defaults","s","normalizedQuestion","out","extraCSSRules","createCorrectResponseSession","role","id","validate","errors"],"mappings":"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"}

package/esm/element.js

@@ -0,0 +1,99 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';
+import PropTypes from 'prop-types';
+import { UiLayout, PreviewPrompt } from '@pie-lib/render-ui';
+import { renderMath } from '@pie-lib/math-rendering';
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+class Main extends React.Component {
+  render() {
+    var {
+      model
+    } = this.props;
+    var {
+      extraCSSRules
+    } = model;
+    return /*#__PURE__*/React.createElement(UiLayout, {
+      extraCSSRules: extraCSSRules
+    }, model.prompt && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Boilerplate Item"), /*#__PURE__*/React.createElement(PreviewPrompt, {
+      prompt: model.prompt
+    })));
+  }
+
+}
+
+_defineProperty(Main, "propTypes", {
+  model: PropTypes.object,
+  session: PropTypes.object,
+  onSessionChange: PropTypes.func.isRequired
+});
+
+_defineProperty(Main, "defaultProps", {});
+
+class BoilerplateItemType extends HTMLElement {
+  set model(m) {
+    this._model = m;
+    this.render();
+    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
+  }
+
+  get model() {
+    return this._model;
+  }
+
+  set session(s) {
+    this._session = s;
+    this.render();
+  }
+
+  get session() {
+    return this._session;
+  }
+
+  isSessionComplete() {
+    // a method to check if student answered the question
+    return true;
+  }
+
+  onSessionChange(session) {
+    // you can add an extra step here to validate session
+    this._session = session;
+    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));
+  }
+
+  connectedCallback() {
+    this.render();
+  }
+
+  render() {
+    if (this._model && this._session) {
+      var el = /*#__PURE__*/React.createElement(Main, {
+        model: this._model,
+        session: this._session,
+        onSessionChange: this.onSessionChange.bind(this)
+      });
+      ReactDOM.render(el, this, () => {
+        renderMath(this);
+      });
+    }
+  }
+
+}
+
+export { BoilerplateItemType as default };
+//# sourceMappingURL=element.js.map

package/esm/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../src/main.jsx","../src/index.js"],"sourcesContent":["export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewPrompt, UiLayout } 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    const { extraCSSRules } = model;\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules}>\n        {model.prompt && (\n          <div>\n            <p>Boilerplate Item</p>\n            <PreviewPrompt prompt={model.prompt} />\n          </div>\n        )}\n      </UiLayout>\n    );\n  }\n}\n","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 BoilerplateItemType 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"],"names":["Main","React","Component","render","model","props","extraCSSRules","prompt","PropTypes","object","session","onSessionChange","func","isRequired","BoilerplateItemType","HTMLElement","m","_model","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","s","_session","SessionChangedEvent","connectedCallback","el","createElement","bind","ReactDOM","renderMath"],"mappings":"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"}

package/esm/print.js

@@ -0,0 +1,103 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import debounce from 'lodash/debounce';
+import PropTypes from 'prop-types';
+import { UiLayout, PreviewPrompt } from '@pie-lib/render-ui';
+import { renderMath } from '@pie-lib/math-rendering';
+import debug from 'debug';
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+class Main extends React.Component {
+  render() {
+    var {
+      model
+    } = this.props;
+    var {
+      extraCSSRules
+    } = model;
+    return /*#__PURE__*/React.createElement(UiLayout, {
+      extraCSSRules: extraCSSRules
+    }, model.prompt && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Boilerplate Item"), /*#__PURE__*/React.createElement(PreviewPrompt, {
+      prompt: model.prompt
+    })));
+  }
+
+}
+
+_defineProperty(Main, "propTypes", {
+  model: PropTypes.object,
+  session: PropTypes.object,
+  onSessionChange: PropTypes.func.isRequired
+});
+
+_defineProperty(Main, "defaultProps", {});
+
+var log = debug('pie-element:multiple-choice:print');
+/**
+ * Live in same package as main element - so we can access some of the shared comps!
+ *
+ * - update pslb to build print if src/print.js is there
+ * - update demo el
+ * - get configure/controller building
+ */
+
+var preparePrintModel = (model, opts) => {
+  return model;
+};
+
+class BoilerPlateItemTypePrint extends HTMLElement {
+  constructor() {
+    super();
+    this._options = null;
+    this._model = null;
+    this._session = [];
+    this._rerender = debounce(() => {
+      if (this._model && this._session) {
+        var printModel = preparePrintModel(this._model, this._options);
+        var element = this._options && /*#__PURE__*/React.createElement(Main, {
+          model: printModel,
+          session: {}
+        });
+        ReactDOM.render(element, this, () => {
+          log('render complete - render math');
+          renderMath(this);
+        });
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+  }
+
+  set options(o) {
+    this._options = o;
+  }
+
+  set model(s) {
+    this._model = s;
+
+    this._rerender();
+  }
+
+  connectedCallback() {}
+
+}
+
+export { BoilerPlateItemTypePrint as default };
+//# sourceMappingURL=print.js.map

package/esm/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../src/main.jsx","../src/print.js"],"sourcesContent":["export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewPrompt, UiLayout } 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    const { extraCSSRules } = model;\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules}>\n        {model.prompt && (\n          <div>\n            <p>Boilerplate Item</p>\n            <PreviewPrompt prompt={model.prompt} />\n          </div>\n        )}\n      </UiLayout>\n    );\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:multiple-choice:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  return model;\n};\n\nexport default class BoilerPlateItemTypePrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: {},\n            });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n}\n"],"names":["Main","React","Component","render","model","props","extraCSSRules","prompt","PropTypes","object","session","onSessionChange","func","isRequired","log","debug","preparePrintModel","opts","BoilerPlateItemTypePrint","HTMLElement","constructor","_options","_model","_session","_rerender","debounce","printModel","element","createElement","ReactDOM","renderMath","leading","trailing","options","o","s","connectedCallback"],"mappings":"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"}

package/module/configure.js

@@ -0,0 +1 @@
+import{_dll_react as e,_dll_prop_types as t,_dll_material_ui__core_styles as n,_dll_lodash as i,_dll_react_dom as s}from"../../../@pie-lib/shared-module@^1.14.0/module/index.js";import{_dll_pie_lib__config_ui as o}from"../../../@pie-lib/config-module@^2.19.0/module/index.js";import{_dll_pie_lib__editable_html as a}from"../../../@pie-lib/editable-html-module@^5.6.0/module/index.js";const d=e,r=t,{withStyles:l}=n,{cloneDeep:u}=i,{InputContainer:p}=o,{settings:c}=o,{layout:h}=o,m=a,{Panel:g,toggle:_}=c;class b extends d.Component{constructor(...e){super(...e),b.prototype.__init.call(this)}static __initStatic(){this.propTypes={model:r.object.isRequired,configuration:r.object.isRequired,classes:r.object.isRequired,onModelChanged:r.func.isRequired,onConfigurationChanged:r.func.isRequired,imageSupport:r.shape({add:r.func.isRequired,delete:r.func.isRequired}),uploadSoundSupport:r.object}}static __initStatic2(){this.defaultProps={}}__init(){this.onPromptChanged=e=>{const{onModelChanged:t,model:n}=this.props,i=u(n);i.prompt=e,t(i)}}render(){const{classes:e,configuration:t,imageSupport:n,model:i,onConfigurationChanged:s,onModelChanged:o,uploadSoundSupport:a}=this.props,{contentDimensions:r={},prompt:l={},settingsPanelDisabled:u}=t||{},{extraCSSRules:c,promptEnabled:b}=i||{},C={promptEnabled:l.settings&&_(l.label)};return d.createElement(h.ConfigLayout,{extraCSSRules:c,dimensions:r,hideSettings:u,settings:d.createElement(g,{model:i,configuration:t,onChangeModel:e=>o(e),onChangeConfiguration:s,groups:{Settings:{},Properties:C}})},b&&d.createElement(p,{label:l.label||"",className:e.promptHolder},d.createElement(m,{className:e.prompt,markup:i.prompt,onChange:this.onPromptChanged,imageSupport:n,uploadSoundSupport:a,languageCharactersProps:[{language:"spanish"},{language:"special"}]})))}}b.__initStatic(),b.__initStatic2();var C=l((e=>({promptHolder:{width:"100%",paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit}})))(b),E={};Object.defineProperty(E,"__esModule",{value:!0});class f extends CustomEvent{constructor(e,t=!1){super(f.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}f.TYPE="model.updated";var S=E.ModelUpdatedEvent=f;class v extends CustomEvent{constructor(e,t){super(v.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}v.TYPE="delete.image";var P=E.DeleteImageEvent=v;class x extends CustomEvent{constructor(e){super(x.TYPE,{bubbles:!0,detail:e}),this.handler=e}}x.TYPE="insert.image";var T=E.InsertImageEvent=x;class D extends CustomEvent{constructor(e,t){super(D.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}D.TYPE="delete.sound";var M=E.DeleteSoundEvent=D;class Y extends CustomEvent{constructor(e){super(Y.TYPE,{bubbles:!0,detail:e}),this.handler=e}}Y.TYPE="insert.sound";var I=E.InsertSoundEvent=Y,R={prompt:"",promptEnabled:!0},j={prompt:{label:"Prompt",settings:!0}};const y=e,q=s;class w extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...R,...e})}constructor(){super(),this._model=w.createDefaultModel(),this._configuration=j}set model(e){this._model=w.createDefaultModel(e),this.render()}set configuration(e){this._configuration=e,this.render()}connectedCallback(){this.render()}modelChanged(e){this._model=e,this.dispatchEvent(new S(this._model),!0),this.render()}onConfigurationChanged(e){this._configuration=e,this.render()}insertImage(e){this.dispatchEvent(new T(e))}onDeleteImage(e,t){this.dispatchEvent(new P(e,t))}insertSound(e){this.dispatchEvent(new I(e))}onDeleteSound(e,t){this.dispatchEvent(new M(e,t))}render(){if(this._model){const e=y.createElement(C,{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)}});q.render(e,this)}}}w.__initStatic();export{w as default};