@pie-element/inline-dropdown 3.8.2 → 3.8.3-next.1008

package/module/demo.js

@@ -1,93 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var model = (id, element) => ({
-  id,
-  element,
-  disabled: false,
-  mode: 'gather',
-  prompt: 'Use the dropdowns to complete the sentence',
-  promptEnabled: true,
-  shuffle: true,
-  markup: '<div><p>The {{0}} jumped {{1}} the {{2}}</p></div>',
-  choices: {
-    '0': [
-      {
-        label: 'cow ',
-        value: '0',
-        correct: true
-      },
-      {
-        label: 'dog ',
-        value: '1',
-        correct: false
-      },
-      {
-        label: 'cat ',
-        value: '2',
-        correct: false
-      }
-    ],
-    '1': [
-      {
-        label: 'over ',
-        value: '0',
-        correct: true
-      },
-      {
-        label: 'under ',
-        value: '1',
-        correct: false
-      },
-      {
-        label: 'across ',
-        value: '2',
-        correct: false
-      }
-    ],
-    '2': [
-      {
-        label: 'moon ',
-        value: '0',
-        correct: true
-      },
-      {
-        label: 'sun',
-        value: '2',
-        correct: false
-      },
-      {
-        label: 'house ',
-        value: '3',
-        correct: false
-      }
-    ]
-  },
-  alternateResponse: {
-    '2': ['2']
-  }
-});
-
-var generate = {
-	model: model
-};
-
-const { model: model$1 } = generate;
-
-var config = {
-  elements: {
-    'inline-dropdown': '../..'
-  },
-  models: [model$1('1', 'inline-dropdown')]
-};
-
-//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,225 +0,0 @@
-import {_dll_material_ui__core_styles, _dll_react, _dll_react_dom, _dll_prop_types, _dll_lodash, _dll_pie_lib__correct_answer_toggle, _dll_pie_lib__mask_markup, _dll_pie_lib__render_ui, _dll_pie_lib__math_rendering, _dll_pie_framework__pie_player_events} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
-const React = _dll_react;
-const ReactDOM = _dll_react_dom;
-const PropTypes = _dll_prop_types;
-const {isEmpty: isEmpty} = _dll_lodash;
-const CorrectAnswerToggle = _dll_pie_lib__correct_answer_toggle;
-const {InlineDropdown: DropDown} = _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 {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/inline-dropdown/src/inline-dropdown.jsx";
-class InlineDropdown extends React.Component {
-  constructor(...args) {
-    super(...args);
-    InlineDropdown.prototype.__init.call(this);
-    InlineDropdown.prototype.__init2.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object,
-      prompt: PropTypes.string,
-      disabled: PropTypes.bool,
-      markup: PropTypes.string,
-      mode: PropTypes.string,
-      rationale: PropTypes.string,
-      teacherInstructions: PropTypes.string,
-      choices: PropTypes.object,
-      value: PropTypes.object,
-      feedback: PropTypes.object,
-      onChange: PropTypes.func
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      value: {}
-    };
-  }
-  __init() {
-    this.state = {
-      showCorrectAnswer: false
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (isEmpty(nextProps.feedback)) {
-      this.setState({
-        showCorrectAnswer: false
-      });
-    }
-  }
-  componentDidUpdate() {
-    const domNode = ReactDOM.findDOMNode(this);
-    renderMath(domNode);
-  }
-  __init2() {
-    this.toggleShowCorrect = () => {
-      this.setState({
-        showCorrectAnswer: !this.state.showCorrectAnswer
-      });
-    };
-  }
-  render() {
-    const {showCorrectAnswer} = this.state;
-    const {classes, prompt, mode, rationale, teacherInstructions} = this.props;
-    return React.createElement('div', {
-      className: classes.mainContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 56
-      }
-    }, teacherInstructions && hasText(teacherInstructions) && React.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Teacher Instructions',
-        visible: 'Hide Teacher Instructions'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 59
-      }
-    }, React.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: teacherInstructions
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 62
-      }
-    })), React.createElement(CorrectAnswerToggle, {
-      show: mode === 'evaluate',
-      toggled: showCorrectAnswer,
-      onToggle: this.toggleShowCorrect,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 67
-      }
-    }), React.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 72
-      }
-    }), prompt && React.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: prompt
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 73
-      }
-    }), React.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 74
-      }
-    }), rationale && hasText(rationale) && 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(DropDown, {
-      ...this.props,
-      showCorrectAnswer: showCorrectAnswer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 84
-      }
-    }));
-  }
-}
-InlineDropdown.__initStatic();
-InlineDropdown.__initStatic2();
-const styles = theme => ({
-  mainContainer: {
-    color: color.text(),
-    backgroundColor: color.background(),
-    padding: theme.spacing.unit
-  }
-});
-var InlineDropdown$1 = withStyles(styles)(InlineDropdown);
-const React$1 = _dll_react;
-const ReactDOM$1 = _dll_react_dom;
-const {ModelSetEvent: ModelSetEvent} = _dll_pie_framework__pie_player_events;
-const {SessionChangedEvent: SessionChangedEvent} = _dll_pie_framework__pie_player_events;
-const {renderMath: renderMath$1} = _dll_pie_lib__math_rendering;
-class RootInlineDropdown extends HTMLElement {
-  constructor() {
-    super();
-    RootInlineDropdown.prototype.__init.call(this);
-    RootInlineDropdown.prototype.__init2.call(this);
-    RootInlineDropdown.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(InlineDropdown$1, {
-          prompt: this._model.prompt,
-          rationale: this._model.rationale,
-          teacherInstructions: this._model.teacherInstructions,
-          disabled: this._model.disabled,
-          markup: this._model.markup,
-          mode: this._model.mode,
-          choices: this._model.choices,
-          value: this._session.value,
-          feedback: this._model.feedback,
-          onChange: this.changeSession
-        });
-        ReactDOM$1.render(elem, this, () => {
-          renderMath$1(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 RootInlineDropdown;

package/module/index.html

@@ -1,16 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/inline-dropdown@3.5.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/inline-dropdown",
-  "version": "3.5.9",
-  "modules": [
-    {
-      "name": "@pie-ui/shared-lib",
-      "version": "^4.3.3"
-    }
-  ]
-}