@pie-element/explicit-constructed-response 3.9.2 → 3.9.3-next.1016

package/module/demo.js

@@ -1,44 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-const choice = (l, v) => ({ label: l, value: v });
-
-const markup = '<p>The {{0}} <br> jumped {{1}} <br> the {{2}}</p>';
-
-var model = (id, element) => ({
-  id,
-  element,
-  markup,
-  disabled: false,
-  choices: {
-    0: [choice('cow', '0'), choice('cattle', '1'), choice('calf', '2')],
-    1: [choice('over', '0'), choice('past', '1'), choice('beyond', '2')],
-    2: [choice('moon', '0')]
-  },
-  prompt: 'Complete the sentence',
-  promptEnabled: true
-});
-
-var generate = {
-	model: model
-};
-
-const { model: model$1 } = generate;
-
-var config = {
-  elements: {
-    'explicit-constructed-response': '../..'
-  },
-  models: [model$1('1', 'explicit-constructed-response')]
-};
-
-//Note: demo-el is a custom element loaded in the markup.
-      customElements.whenDefined('demo-el').then(() => {
-        config.models.forEach(m => {
-          const de = document.createElement('demo-el');
-          document.body.appendChild(de);
-          de.def = { tagName: m.element, Element, Configure, controller };
-          de.model = m;
-        });
-      });

package/module/element.js

@@ -1,240 +0,0 @@
-import {_dll_material_ui__core_styles, _dll_react, _dll_prop_types, _dll_lodash, _dll_pie_lib__correct_answer_toggle, _dll_pie_lib__mask_markup, _dll_pie_lib__render_ui, _dll_react_dom, _dll_pie_framework__pie_player_events, _dll_pie_lib__math_rendering} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
-const React = _dll_react;
-const PropTypes = _dll_prop_types;
-const {debounce: debounce} = _dll_lodash;
-const {isEmpty: isEmpty} = _dll_lodash;
-const CorrectAnswerToggle = _dll_pie_lib__correct_answer_toggle;
-const {ConstructedResponse: ConstructedResponse} = _dll_pie_lib__mask_markup;
-const {color: color} = _dll_pie_lib__render_ui;
-const {Collapsible: Collapsible} = _dll_pie_lib__render_ui;
-const {hasText: hasText} = _dll_pie_lib__render_ui;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/explicit-constructed-response/src/main.js";
-class Main extends React.Component {
-  constructor(...args) {
-    super(...args);
-    Main.prototype.__init.call(this);
-    Main.prototype.__init2.call(this);
-    Main.prototype.__init3.call(this);
-    Main.prototype.__init4.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object.isRequired,
-      prompt: PropTypes.string,
-      rationale: PropTypes.string,
-      disabled: PropTypes.bool,
-      markup: PropTypes.string,
-      mode: PropTypes.string,
-      teacherInstructions: PropTypes.string,
-      value: PropTypes.object,
-      feedback: PropTypes.object,
-      onChange: PropTypes.func
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      value: {}
-    };
-  }
-  __init() {
-    this.state = {
-      showCorrectAnswer: false,
-      value: this.props.value
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (isEmpty(nextProps.feedback)) {
-      this.setState({
-        showCorrectAnswer: false
-      });
-    }
-  }
-  __init2() {
-    this.toggleShowCorrect = () => {
-      this.setState({
-        showCorrectAnswer: !this.state.showCorrectAnswer
-      });
-    };
-  }
-  __init3() {
-    this.changeSession = debounce(this.props.onChange, 1500);
-  }
-  __init4() {
-    this.onChange = value => {
-      this.setState({
-        value
-      });
-      this.changeSession(value);
-    };
-  }
-  render() {
-    const {showCorrectAnswer, value} = this.state;
-    const {classes, mode, prompt, rationale, teacherInstructions} = this.props;
-    return React.createElement('div', {
-      className: classes.mainContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 56
-      }
-    }, teacherInstructions && hasText(teacherInstructions) && React.createElement('div', {
-      className: classes.collapsible,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 59
-      }
-    }, React.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Teacher Instructions',
-        visible: 'Hide Teacher Instructions'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 60
-      }
-    }, React.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: teacherInstructions
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 63
-      }
-    }))), React.createElement(CorrectAnswerToggle, {
-      show: mode === 'evaluate',
-      toggled: showCorrectAnswer,
-      onToggle: this.toggleShowCorrect,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 68
-      }
-    }), prompt && React.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: prompt
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 73
-      }
-    }), rationale && hasText(rationale) && React.createElement('div', {
-      className: classes.collapsible,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 76
-      }
-    }, React.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Rationale',
-        visible: 'Hide Rationale'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 77
-      }
-    }, React.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: rationale
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 80
-      }
-    }))), React.createElement(ConstructedResponse, {
-      ...this.props,
-      onChange: this.onChange,
-      showCorrectAnswer: showCorrectAnswer,
-      value: value,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 85
-      }
-    }));
-  }
-}
-Main.__initStatic();
-Main.__initStatic2();
-const styles = theme => ({
-  mainContainer: {
-    padding: theme.spacing.unit,
-    color: color.text(),
-    backgroundColor: color.background()
-  },
-  collapsible: {
-    margin: `${theme.spacing.unit * 2} 0`
-  }
-});
-var Main$1 = withStyles(styles)(Main);
-const React$1 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {ModelSetEvent: ModelSetEvent} = _dll_pie_framework__pie_player_events;
-const {SessionChangedEvent: SessionChangedEvent} = _dll_pie_framework__pie_player_events;
-const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-class InlineDropdown extends HTMLElement {
-  constructor() {
-    super();
-    InlineDropdown.prototype.__init.call(this);
-    InlineDropdown.prototype.__init2.call(this);
-    InlineDropdown.prototype.__init3.call(this);
-    this._model = null;
-    this._session = null;
-  }
-  set model(m) {
-    this._model = m;
-    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model));
-    this._render();
-  }
-  set session(s) {
-    this._session = s;
-    this._render();
-  }
-  get session() {
-    return this._session;
-  }
-  __init() {
-    this._render = () => {
-      if (this._model && this._session) {
-        let elem = React$1.createElement(Main$1, {
-          teacherInstructions: this._model.teacherInstructions,
-          prompt: this._model.prompt,
-          rationale: this._model.rationale,
-          disabled: this._model.disabled,
-          choices: this._model.choices,
-          markup: this._model.markup,
-          mode: this._model.mode,
-          value: this._session.value,
-          feedback: this._model.feedback,
-          onChange: this.changeSession
-        });
-        ReactDOM.render(elem, this, () => {
-          renderMath(this);
-        });
-      }
-    };
-  }
-  __init2() {
-    this.dispatchChangedEvent = () => {
-      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.session && !!this.session.value));
-    };
-  }
-  __init3() {
-    this.changeSession = value => {
-      this.session.value = value;
-      this.dispatchChangedEvent();
-      this._render();
-    };
-  }
-  connectedCallback() {
-    this._render();
-  }
-}
-export default InlineDropdown;

package/module/index.html

@@ -1,16 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/explicit-constructed-response@3.7.9</title>
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <script
-        type="module"
-        src="https://unpkg.com/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>
-      <script type="module" src="./demo.js"></script> 
-    </head>
-    <body></body>
-  </html>

package/module/manifest.json

@@ -1,10 +0,0 @@
-{
-  "name": "@pie-element/explicit-constructed-response",
-  "version": "3.7.9",
-  "modules": [
-    {
-      "name": "@pie-ui/shared-lib",
-      "version": "^4.3.3"
-    }
-  ]
-}