@pie-element/match-list 1.15.1-beta.0 → 1.15.1-beta.1

package/lib/index.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Component", {
-  enumerable: true,
-  get: function get() {
-    return _main["default"];
-  }
-});
-exports.isComplete = exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _main = _interopRequireDefault(require("./main"));
-
-var _piePlayerEvents = require("@pie-framework/pie-player-events");
-
-var _mathRendering = require("@pie-lib/math-rendering");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var log = (0, _debug["default"])('pie-ui:graph-lines');
-
-var isComplete = function isComplete(session, model) {
-  if (!session) {
-    return false;
-  }
-
-  var value = session.value;
-  var complete = true;
-
-  if (value) {
-    (model.config.prompts || []).forEach(function (prompt) {
-      if (!Number.isFinite(value[prompt.id])) {
-        complete = false;
-      }
-    });
-  }
-
-  return complete;
-};
-
-exports.isComplete = isComplete;
-
-var MatchList = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(MatchList, _HTMLElement);
-
-  var _super = _createSuper(MatchList);
-
-  function MatchList() {
-    (0, _classCallCheck2["default"])(this, MatchList);
-    return _super.call(this);
-  }
-
-  (0, _createClass2["default"])(MatchList, [{
-    key: "model",
-    set: function set(m) {
-      this._model = m;
-
-      this._render();
-    }
-  }, {
-    key: "session",
-    get: function get() {
-      return this._session;
-    },
-    set: function set(s) {
-      this._session = s;
-
-      this._render();
-    }
-  }, {
-    key: "sessionChanged",
-    value: function sessionChanged(s) {
-      this._session.value = s.value;
-      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), isComplete(this._session, this._model)));
-      log('session: ', this._session);
-
-      this._render();
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this._render();
-    }
-  }, {
-    key: "_render",
-    value: function _render() {
-      var _this = this;
-
-      if (!this._model || !this._session) {
-        return;
-      }
-
-      var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
-        model: this._model,
-        session: this._session,
-        onSessionChange: this.sessionChanged.bind(this)
-      });
-
-      _reactDom["default"].render(el, this, function () {
-        (0, _mathRendering.renderMath)(_this);
-      });
-    }
-  }]);
-  return MatchList;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = MatchList;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","isComplete","session","model","value","complete","config","prompts","forEach","prompt","Number","isFinite","id","MatchList","m","_model","_render","_session","s","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","el","React","createElement","Main","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,oBAAN,CAAZ;;AAIO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAAUC,KAAV,EAAoB;AAC5C,MAAI,CAACD,OAAL,EAAc;AACZ,WAAO,KAAP;AACD;;AAED,MAAME,KAAK,GAAGF,OAAO,CAACE,KAAtB;AACA,MAAIC,QAAQ,GAAG,IAAf;;AAEA,MAAID,KAAJ,EAAW;AACT,KAACD,KAAK,CAACG,MAAN,CAAaC,OAAb,IAAwB,EAAzB,EAA6BC,OAA7B,CAAqC,UAACC,MAAD,EAAY;AAC/C,UAAI,CAACC,MAAM,CAACC,QAAP,CAAgBP,KAAK,CAACK,MAAM,CAACG,EAAR,CAArB,CAAL,EAAwC;AACtCP,QAAAA,QAAQ,GAAG,KAAX;AACD;AACF,KAJD;AAKD;;AAED,SAAOA,QAAP;AACD,CAjBM;;;;IAmBcQ,S;;;;;AACnB,uBAAc;AAAA;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SAPD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;;AACA,WAAKF,OAAL;AACD;;;WAMD,wBAAeE,CAAf,EAAkB;AAChB,WAAKD,QAAL,CAAcb,KAAd,GAAsBc,CAAC,CAACd,KAAxB;AAEA,WAAKe,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDrB,UAAU,CAAC,KAAKgB,QAAN,EAAgB,KAAKF,MAArB,CAA9D,CAAnB;AAEAf,MAAAA,GAAG,CAAC,WAAD,EAAc,KAAKiB,QAAnB,CAAH;;AACA,WAAKD,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKD,MAAN,IAAgB,CAAC,KAAKE,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMM,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCvB,QAAAA,KAAK,EAAE,KAAKY,MADuB;AAEnCb,QAAAA,OAAO,EAAE,KAAKe,QAFqB;AAGnCU,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAHkB,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBR,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,KAAX;AACD,OAFD;AAGD;;;kDA9CoCS,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\nimport Main from './main';\n\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst log = debug('pie-ui:graph-lines');\n\nexport { Main as Component };\n\nexport const isComplete = (session, model) => {\n  if (!session) {\n    return false;\n  }\n\n  const value = session.value;\n  let complete = true;\n\n  if (value) {\n    (model.config.prompts || []).forEach((prompt) => {\n      if (!Number.isFinite(value[prompt.id])) {\n        complete = false;\n      }\n    });\n  }\n\n  return complete;\n};\n\nexport default class MatchList extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  sessionChanged(s) {\n    this._session.value = s.value;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), isComplete(this._session, this._model)));\n\n    log('session: ', this._session);\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}

package/lib/main.js

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styledMain = exports["default"] = exports.Main = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _drag = require("@pie-lib/drag");
-
-var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _styles = require("@material-ui/core/styles");
-
-var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
-
-var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
-
-var _findKey = _interopRequireDefault(require("lodash/findKey"));
-
-var _answerArea = _interopRequireDefault(require("./answer-area"));
-
-var _choicesList = _interopRequireDefault(require("./choices-list"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Main = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Main, _React$Component);
-
-  var _super = _createSuper(Main);
-
-  function Main(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Main);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleShowCorrect", function () {
-      _this.setState({
-        showCorrectAnswer: !_this.state.showCorrectAnswer
-      });
-    });
-    _this.instanceId = (0, _uniqueId["default"])();
-    _this.state = {
-      showCorrectAnswer: false
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Main, [{
-    key: "onRemoveAnswer",
-    value: function onRemoveAnswer(id) {
-      var _this$props = this.props,
-          session = _this$props.session,
-          onSessionChange = _this$props.onSessionChange;
-      session.value[id] = undefined;
-      onSessionChange(session);
-    }
-  }, {
-    key: "onPlaceAnswer",
-    value: function onPlaceAnswer(place, id) {
-      var _this$props2 = this.props,
-          session = _this$props2.session,
-          onSessionChange = _this$props2.onSessionChange,
-          model = _this$props2.model;
-      var duplicates = model.config.duplicates;
-
-      if ((0, _isUndefined["default"])(session.value)) {
-        session.value = {};
-      }
-
-      var choiceKey = (0, _findKey["default"])(session.value, function (val) {
-        return val === id;
-      });
-
-      if (choiceKey && !duplicates) {
-        session.value = (0, _drag.swap)(session.value, choiceKey, place);
-      } else {
-        session.value[place] = id;
-      }
-
-      onSessionChange(session);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var showCorrectAnswer = this.state.showCorrectAnswer;
-      var _this$props3 = this.props,
-          classes = _this$props3.classes,
-          model = _this$props3.model,
-          session = _this$props3.session;
-      var config = model.config,
-          mode = model.mode;
-      var prompt = config.prompt;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.mainContainer
-      }, /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
-        show: mode === 'evaluate',
-        toggled: showCorrectAnswer,
-        onToggle: this.toggleShowCorrect
-      }), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        className: "prompt",
-        prompt: prompt
-      }), /*#__PURE__*/_react["default"].createElement(_answerArea["default"], {
-        instanceId: this.instanceId,
-        model: model,
-        session: session,
-        onPlaceAnswer: function onPlaceAnswer(place, id) {
-          return _this2.onPlaceAnswer(place, id);
-        },
-        onRemoveAnswer: function onRemoveAnswer(id) {
-          return _this2.onRemoveAnswer(id);
-        },
-        disabled: mode !== 'gather',
-        showCorrect: showCorrectAnswer
-      }), /*#__PURE__*/_react["default"].createElement(_choicesList["default"], {
-        instanceId: this.instanceId,
-        model: model,
-        session: session,
-        disabled: mode !== 'gather',
-        onRemoveAnswer: function onRemoveAnswer(id) {
-          return _this2.onRemoveAnswer(id);
-        }
-      }), model.correctness && model.feedback && !showCorrectAnswer && /*#__PURE__*/_react["default"].createElement(_renderUi.Feedback, {
-        correctness: model.correctness.correctness,
-        feedback: model.feedback
-      }));
-    }
-  }]);
-  return Main;
-}(_react["default"].Component);
-
-exports.Main = Main;
-(0, _defineProperty2["default"])(Main, "propTypes", {
-  classes: _propTypes["default"].object,
-  session: _propTypes["default"].object.isRequired,
-  onSessionChange: _propTypes["default"].func,
-  model: _propTypes["default"].object.isRequired,
-  prompt: _propTypes["default"].string
-});
-
-var styles = function styles(theme) {
-  return {
-    mainContainer: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'center',
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      padding: theme.spacing.unit * 3 / 2
-    },
-    promptList: {
-      alignItems: 'flex-start'
-    },
-    main: {
-      width: '100%'
-    },
-    toggle: {
-      paddingBottom: theme.spacing.unit * 3
-    }
-  };
-};
-
-var styledMain = (0, _styles.withStyles)(styles)(Main);
-exports.styledMain = styledMain;
-
-var _default = (0, _drag.withDragContext)(styledMain);
-
-exports["default"] = _default;
-//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","setState","showCorrectAnswer","state","instanceId","id","session","onSessionChange","value","undefined","place","model","duplicates","config","choiceKey","val","classes","mode","prompt","mainContainer","toggleShowCorrect","onPlaceAnswer","onRemoveAnswer","correctness","feedback","React","Component","PropTypes","object","isRequired","func","string","styles","theme","display","flexDirection","justifyContent","color","text","backgroundColor","background","padding","spacing","unit","promptList","alignItems","main","width","toggle","paddingBottom","styledMain"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withDragContext, swap } from '@pie-lib/drag';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Feedback, PreviewPrompt } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport uniqueId from 'lodash/uniqueId';\nimport isUndefined from 'lodash/isUndefined';\nimport findKey from 'lodash/findKey';\nimport AnswerArea from './answer-area';\nimport ChoicesList from './choices-list';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    prompt: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.instanceId = uniqueId();\n    this.state = {\n      showCorrectAnswer: false,\n    };\n  }\n\n  onRemoveAnswer(id) {\n    const { session, onSessionChange } = this.props;\n\n    session.value[id] = undefined;\n\n    onSessionChange(session);\n  }\n\n  onPlaceAnswer(place, id) {\n    const { session, onSessionChange, model } = this.props;\n    const {\n      config: { duplicates },\n    } = model;\n\n    if (isUndefined(session.value)) {\n      session.value = {};\n    }\n\n    const choiceKey = findKey(session.value, (val) => val === id);\n\n    if (choiceKey && !duplicates) {\n      session.value = swap(session.value, choiceKey, place);\n    } else {\n      session.value[place] = id;\n    }\n\n    onSessionChange(session);\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  render() {\n    const { showCorrectAnswer } = this.state;\n    const { classes, model, session } = this.props;\n    const { config, mode } = model;\n    const { prompt } = config;\n\n    return (\n      <div className={classes.mainContainer}>\n        <CorrectAnswerToggle show={mode === 'evaluate'} toggled={showCorrectAnswer} onToggle={this.toggleShowCorrect} />\n        <PreviewPrompt className=\"prompt\" prompt={prompt} />\n        <AnswerArea\n          instanceId={this.instanceId}\n          model={model}\n          session={session}\n          onPlaceAnswer={(place, id) => this.onPlaceAnswer(place, id)}\n          onRemoveAnswer={(id) => this.onRemoveAnswer(id)}\n          disabled={mode !== 'gather'}\n          showCorrect={showCorrectAnswer}\n        />\n        <ChoicesList instanceId={this.instanceId} model={model} session={session} disabled={mode !== 'gather'} onRemoveAnswer={(id) => this.onRemoveAnswer(id)}/>\n        {model.correctness && model.feedback && !showCorrectAnswer && (\n          <Feedback correctness={model.correctness.correctness} feedback={model.feedback} />\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: (theme.spacing.unit * 3) / 2,\n  },\n  promptList: {\n    alignItems: 'flex-start',\n  },\n  main: {\n    width: '100%',\n  },\n  toggle: {\n    paddingBottom: theme.spacing.unit * 3,\n  },\n});\n\nexport const styledMain = withStyles(styles)(Main);\n\nexport default withDragContext(styledMain);\n"],"file":"main.js"}