@pie-element/graphing 3.5.3 → 3.5.4-next.1016

package/module/demo.js

@@ -1,92 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var model = (id, element) => ({
-  id,
-  element,
-  answers: {
-    correctAnswer: {
-      name: 'Correct Answer',
-      marks: [{
-        type: 'point',
-        x: 0,
-        y: 0
-      }]
-    },
-    alternate1: {
-      name: 'Alternate 1',
-      marks: [{
-        type: 'segment',
-        from: { x: 0, y: 0 },
-        to: { x: 1, y: 1 },
-      },
-        {
-          type: 'point',
-          x: 3,
-          y: 3,
-          label: 'Point',
-          showLabel: true
-        }]
-    }
-  },
-  arrows: true,
-  backgroundMarks: [
-    {
-      type: 'point',
-      x: 2,
-      y: 2,
-      label: 'Point',
-      showLabel: true
-    }
-  ],
-  domain: {
-    min: -10,
-    max: 10,
-    padding: 0,
-    step: 1,
-    labelStep: 1,
-    axisLabel: 'x'
-  },
-  graph: {
-    width: 480,
-    height: 480
-  },
-  labels: { top: 'top', left: 'left', bottom: 'bottom', right: 'right' },
-  padding: true,
-  prompt: 'Here goes item stem !!!!!!',
-  promptEnabled: true,
-  range: {
-    min: -5,
-    max: 5,
-    padding: 0,
-    step: 1,
-    labelStep: 1,
-    axisLabel: 'y'
-  },
-  rationale: 'Rationale goes here',
-  title: 'Graph title',
-});
-
-var generate = {
-	model: model
-};
-
-const { model: model$1 } = generate;
-
-var config = {
-  elements: {
-    'graphing-element': '../..'
-  },
-  models: [model$1('1', 'graphing-element')]
-};
-
-//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,245 +0,0 @@
-import {_dll_material_ui__core_styles, _dll_react, _dll_prop_types, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _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";
-import {_dll_pie_lib__graphing} from "../../../@pie-ui/shared-graphing@^4.5.18/module/index.js";
-const completePoint = point => point && Number.isFinite(point.x) && Number.isFinite(point.y);
-const completeFromTo = item => item && completeMark.point(item.from) && completeMark.point(item.to);
-const completeRootEdge = item => item && completeMark.point(item.edge) && completeMark.point(item.root);
-const completePoints = item => item && item.points && item.points.length && (item.points.filter(point => completePoint(point)) || []).length === item.points.length;
-const completeMark = {
-  point: completePoint,
-  line: completeFromTo,
-  ray: completeFromTo,
-  segment: completeFromTo,
-  vector: completeFromTo,
-  circle: completeRootEdge,
-  parabola: completeRootEdge,
-  sine: completeRootEdge,
-  polygon: completePoints
-};
-const removeInvalidAnswers = answers => answers ? (answers || []).filter(({type, ...answer}) => completeMark[type] ? completeMark[type](answer) : false) : [];
-const React = _dll_react;
-const PropTypes = _dll_prop_types;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-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 CorrectAnswerToggle = _dll_pie_lib__correct_answer_toggle;
-const {GraphContainer: GraphContainer} = _dll_pie_lib__graphing;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/graphing/src/main.jsx";
-class Main extends React.Component {
-  constructor(...args) {
-    super(...args);
-    Main.prototype.__init.call(this);
-    Main.prototype.__init2.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object,
-      model: PropTypes.object.isRequired,
-      session: PropTypes.object.isRequired,
-      onAnswersChange: PropTypes.func
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      classes: {}
-    };
-  }
-  __init() {
-    this.state = {
-      showingCorrect: false
-    };
-  }
-  __init2() {
-    this.toggleCorrect = showingCorrect => this.setState({
-      showingCorrect
-    });
-  }
-  render() {
-    const {model, classes, onAnswersChange, session} = this.props;
-    const {showingCorrect} = this.state;
-    const {answer} = session || ({});
-    const {answersCorrected, arrows, backgroundMarks, correctResponse, disabled, domain, labels, prompt, range, rationale, size, showToggle, title, teacherInstructions, toolbarTools} = model || ({});
-    const marks = answersCorrected || answer || [];
-    return React.createElement('div', {
-      className: classes.mainContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 50
-      }
-    }, React.createElement(CorrectAnswerToggle, {
-      show: showToggle,
-      toggled: showingCorrect,
-      onToggle: this.toggleCorrect,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 51
-      }
-    }), showingCorrect && showToggle && React.createElement(GraphContainer, {
-      axesSettings: {
-        includeArrows: arrows
-      },
-      backgroundMarks: backgroundMarks,
-      disabled: true,
-      domain: domain,
-      labels: labels,
-      marks: correctResponse,
-      onChangeMarks: onAnswersChange,
-      range: range,
-      size: size,
-      title: title,
-      toolbarTools: toolbarTools,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 58
-      }
-    }), teacherInstructions && hasText(teacherInstructions) && React.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Teacher Instructions',
-        visible: 'Hide Teacher Instructions'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 75
-      }
-    }, React.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: teacherInstructions
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 76
-      }
-    })), React.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 81
-      }
-    }), React.createElement('div', {
-      className: classes.prompt,
-      dangerouslySetInnerHTML: {
-        __html: prompt
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 83
-      }
-    }), React.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 85
-      }
-    }), React.createElement(GraphContainer, {
-      axesSettings: {
-        includeArrows: arrows
-      },
-      backgroundMarks: backgroundMarks,
-      disabled: disabled,
-      domain: domain,
-      labels: labels,
-      marks: marks,
-      onChangeMarks: onAnswersChange,
-      range: range,
-      size: size,
-      title: title,
-      toolbarTools: toolbarTools,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 87
-      }
-    }), React.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 101
-      }
-    }), rationale && hasText(rationale) && React.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Rationale',
-        visible: 'Hide Rationale'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 105
-      }
-    }, React.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: rationale
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 106
-      }
-    })));
-  }
-}
-Main.__initStatic();
-Main.__initStatic2();
-const styles = theme => ({
-  mainContainer: {
-    padding: theme.spacing.unit,
-    color: color.text(),
-    backgroundColor: color.background()
-  },
-  prompt: {
-    verticalAlign: 'middle'
-  }
-});
-var Main$1 = withStyles(styles)(Main);
-const React$1 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {SessionChangedEvent: SessionChangedEvent} = _dll_pie_framework__pie_player_events;
-const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-class Graphing extends HTMLElement {
-  constructor() {
-    super();
-    Graphing.prototype.__init.call(this);
-    Graphing.prototype.__init2.call(this);
-  }
-  set model(m) {
-    this._model = m;
-    this._render();
-  }
-  set session(s) {
-    this._session = s;
-    this._render();
-  }
-  connectedCallback() {
-    this._render();
-  }
-  __init() {
-    this.isComplete = answer => Array.isArray(answer) && answer.length > 0;
-  }
-  __init2() {
-    this.changeAnswers = answer => {
-      this._session.answer = removeInvalidAnswers(answer);
-      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));
-      this._render();
-    };
-  }
-  _render() {
-    if (!this._model || !this._session) {
-      return;
-    }
-    const el = React$1.createElement(Main$1, {
-      model: this._model,
-      session: this._session,
-      onAnswersChange: this.changeAnswers
-    });
-    ReactDOM.render(el, this, () => {
-      renderMath(this);
-    });
-  }
-}
-export default Graphing;
-export {Main$1 as Component};

package/module/index.html

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