@pie-element/ebsr 6.6.3-next.884 → 6.6.3-next.968

package/{module → configure/node_modules/@pie-element/multiple-choice/module}/print.js

@@ -1631,7 +1631,7 @@ const styles = {
     } : undefined;
   }
 };
-class MultipleChoice$1 extends React$2.Component {
+class MultipleChoice extends React$2.Component {
   static __initStatic() {
     this.propTypes = {
       mode: PropTypes$1.oneOf(['gather', 'view', 'evaluate']),
@@ -1654,7 +1654,7 @@ class MultipleChoice$1 extends React$2.Component {
   }
   constructor(props) {
     super(props);
-    MultipleChoice$1.prototype.__init.call(this);
+    MultipleChoice.prototype.__init.call(this);
     this.state = {
       showCorrect: this.props.alwaysShowCorrect || false
     };
@@ -1827,13 +1827,13 @@ class MultipleChoice$1 extends React$2.Component {
     }))));
   }
 }
-MultipleChoice$1.__initStatic();
-MultipleChoice$1.defaultProps = {
+MultipleChoice.__initStatic();
+MultipleChoice.defaultProps = {
   session: {
     value: []
   }
 };
-var MultipleChoice$2 = withStyles$1(styles)(MultipleChoice$1);
+var MultipleChoice$1 = withStyles$1(styles)(MultipleChoice);
 const React$1 = _dll_react;
 const PropTypes = _dll_prop_types;
 const {withStyles: withStyles} = _dll_material_ui__core_styles;
@@ -1881,7 +1881,7 @@ class Main extends React$1.Component {
         fileName: _jsxFileName,
         lineNumber: 32
       }
-    }, React$1.createElement(MultipleChoice$2, {
+    }, React$1.createElement(MultipleChoice$1, {
       ...model,
       session: session,
       onChoiceChanged: onChoiceChanged,
@@ -1918,154 +1918,20 @@ const Root = props => React$1.createElement(MuiThemeProvider, {
     lineNumber: 54
   }
 }));
-const {concat: concat} = _dll_lodash;
-const {uniq: uniq} = _dll_lodash;
-const {without: without} = _dll_lodash;
-function updateSessionValue(session, choiceMode, data) {
-  session.value = session.value || [];
-  if (choiceMode === 'checkbox') {
-    if (data.selected) {
-      session.value = uniq(concat(session.value, [data.value]));
-    } else {
-      session.value = without(session.value, data.value);
-    }
-  }
-  if (choiceMode === 'radio') {
-    if (data.selected) {
-      session.value = [data.value];
-    } else {
-      session.value = [];
-    }
-  }
-}
 const React = _dll_react;
 const ReactDOM = _dll_react_dom;
 const {debounce: debounce} = _dll_lodash;
-const debug$1 = _dll_debug;
-const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-const log$1 = debug$1('pie-ui:multiple-choice');
-const isComplete = session => !!(session && session.value && session.value.length);
-class MultipleChoice extends HTMLElement {
-  constructor() {
-    super();
-    this._model = null;
-    this._session = null;
-    this._rerender = debounce(() => {
-      if (this._model && this._session) {
-        var element = React.createElement(Root, {
-          model: this._model,
-          session: this._session,
-          onChoiceChanged: this._onChange.bind(this)
-        });
-        ReactDOM.render(element, this, () => {
-          log$1('render complete - render math');
-          renderMath(this);
-        });
-      } else {
-        log$1('skip');
-      }
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-    this._dispatchResponseChanged = debounce(() => {
-      var event = new CustomEvent('session-changed', {
-        bubbles: true,
-        composed: true,
-        detail: {
-          complete: isComplete(this._session),
-          component: this.tagName.toLowerCase()
-        }
-      });
-      this.dispatchEvent(event);
-    });
-    this._dispatchModelSet = debounce(() => {
-      this.dispatchEvent(new CustomEvent('model-set', {
-        bubbles: true,
-        composed: true,
-        detail: {
-          complete: isComplete(this._session),
-          component: this.tagName.toLowerCase(),
-          hasModel: this._model !== undefined
-        }
-      }));
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-  }
-  set model(s) {
-    this._model = s;
-    this._rerender();
-    this._dispatchModelSet();
-  }
-  get session() {
-    return this._session;
-  }
-  set session(s) {
-    this._session = s;
-    this._rerender();
-    this._dispatchResponseChanged();
-  }
-  _onChange(data) {
-    updateSessionValue(this._session, this._model.choiceMode, data);
-    this._dispatchResponseChanged();
-    this._rerender();
-  }
-  connectedCallback() {
-    this._rerender();
-  }
-}
-var lib = {};
-Object.defineProperty(lib, "__esModule", {
-  value: true
-});
-class ModelSetEvent extends CustomEvent {
-  constructor(component, complete, hasModel) {
-    super(ModelSetEvent.TYPE, {
-      bubbles: true,
-      composed: true,
-      detail: {
-        complete,
-        component,
-        hasModel
-      }
-    });
-    this.component = component;
-    this.complete = complete;
-  }
-}
-ModelSetEvent.TYPE = 'model-set';
-lib.ModelSetEvent = ModelSetEvent;
-class SessionChangedEvent extends CustomEvent {
-  constructor(component, complete) {
-    super(SessionChangedEvent.TYPE, {
-      bubbles: true,
-      composed: true,
-      detail: {
-        complete,
-        component
-      }
-    });
-    this.component = component;
-    this.complete = complete;
-  }
-}
-SessionChangedEvent.TYPE = 'session-changed';
-var SessionChangedEvent_1 = lib.SessionChangedEvent = SessionChangedEvent;
 const {cloneDeep: cloneDeep} = _dll_lodash;
-const {get: get} = _dll_lodash;
 const debug = _dll_debug;
-const MC_TAG_NAME = 'ebsr-multiple-choice';
-const SESSION_CHANGED = SessionChangedEvent_1.TYPE;
-const log = debug('pie-element:ebsr:print');
+const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
+const log = debug('pie-element:multiple-choice:print');
 const preparePrintModel = (model, opts) => {
   const instr = opts.role === 'instructor';
   model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
   model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
   model.showTeacherInstructions = instr;
   model.alwaysShowCorrect = instr;
-  model.mode = instr ? 'evaluate' : 'gather';
+  model.mode = instr ? 'evaluate' : model.mode;
   model.disabled = true;
   model.animationsDisabled = true;
   model.lockChoiceOrder = true;
@@ -2080,109 +1946,38 @@ const preparePrintModel = (model, opts) => {
   model.keyMode = model.choicePrefix || 'letters';
   return model;
 };
-class EbsrMC extends MultipleChoice {}
-const defineMultipleChoice = () => {
-  if (!customElements.get(MC_TAG_NAME)) {
-    customElements.define(MC_TAG_NAME, EbsrMC);
-  }
-};
-defineMultipleChoice();
-const isNonEmptyArray = a => Array.isArray(a) && a.length > 0;
-const isSessionComplete = session => {
-  const a = get(session, 'value.partA.value');
-  const b = get(session, 'value.partB.value');
-  return isNonEmptyArray(a) && isNonEmptyArray(b);
-};
-class Ebsr extends HTMLElement {
+class MultipleChoicePrint extends HTMLElement {
   constructor() {
     super();
-    Ebsr.prototype.__init.call(this);
-    this._model = {};
-    this._session = {};
     this._options = null;
-  }
-  __init() {
-    this.onSessionUpdated = e => {
-      if (e.target === this) {
-        return;
-      }
-      e.preventDefault();
-      e.stopImmediatePropagation();
-      const id = e.target.getAttribute('id');
-      if (id) {
-        const key = `part${id.toUpperCase()}`;
-        if (e.update) {
-          this._model[key] = e.update;
-        }
-        this.dispatchSessionChanged(e.srcElement._session, key);
+    this._model = null;
+    this._session = [];
+    this._rerender = debounce(() => {
+      if (this._model && this._session) {
+        const printModel = preparePrintModel(this._model, this._options);
+        const element = this._options && React.createElement(Root, {
+          model: printModel,
+          session: {}
+        });
+        ReactDOM.render(element, this, () => {
+          log('render complete - render math');
+          renderMath(this);
+        });
+      } else {
+        log('skip');
       }
-    };
-  }
-  set model(m) {
-    this._model = m;
-    customElements.whenDefined(MC_TAG_NAME).then(() => {
-      this.setPartModel(this.partA, 'partA');
-      this.setPartModel(this.partB, 'partB');
-    });
-  }
-  set session(s) {
-    this._session = s;
-    customElements.whenDefined(MC_TAG_NAME).then(() => {
-      this.setPartSession(this.partA, 'partA');
-      this.setPartSession(this.partB, 'partB');
+    }, 50, {
+      leading: false,
+      trailing: true
     });
   }
-  setPartModel(part, key) {
-    if (this._model && this._model[key]) {
-      part.model = {
-        ...preparePrintModel(this._model[key], this._options),
-        keyMode: this._model[key].choicePrefix
-      };
-      if (!part._session) {
-        part.session = {};
-      }
-    }
-  }
   set options(o) {
     this._options = o;
   }
-  setPartSession(part, key) {
-    if (this._session && this._model) {
-      const {value} = this._session;
-      part.session = value && value[key] ? value[key] : {
-        id: key
-      };
-    }
-  }
-  dispatchSessionChanged(partSession, key) {
-    this._session.value = {
-      ...this._session.value,
-      [key]: partSession
-    };
-    log('[onSessionChanged] session: ', this._session);
-    const complete = isSessionComplete(this._session);
-    this.dispatchEvent(new SessionChangedEvent_1(this.tagName.toLowerCase(), complete));
-  }
-  get partA() {
-    return this.querySelector(`${MC_TAG_NAME}#a`);
-  }
-  get partB() {
-    return this.querySelector(`${MC_TAG_NAME}#b`);
-  }
-  connectedCallback() {
-    this._render();
-    this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);
-  }
-  disconnectedCallback() {
-    this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);
-  }
-  _render() {
-    this.innerHTML = `
-      <div>
-        <${MC_TAG_NAME} id="a"></${MC_TAG_NAME}>
-        <${MC_TAG_NAME} id="b"></${MC_TAG_NAME}>
-      </div>
-    `;
+  set model(s) {
+    this._model = s;
+    this._rerender();
   }
+  connectedCallback() {}
 }
-export {Ebsr as default, isSessionComplete};
+export {MultipleChoicePrint as default};