@pie-element/match-list 1.15.1-beta.3 → 1.15.1-beta.4

package/lib/answer.js

@@ -0,0 +1,246 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropAnswer = exports.DragAnswer = exports.Answer = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _reactDnd = require("react-dnd");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _debug = _interopRequireDefault(require("debug"));
+var _styles = require("@material-ui/core/styles");
+var _drag = require("@pie-lib/drag");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _renderUi = require("@pie-lib/render-ui");
+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-elements:match-title:answer');
+var Holder = (0, _styles.withStyles)(function () {
+  return {
+    number: {
+      width: '100%',
+      fontSize: '18px',
+      textAlign: 'center',
+      color: 'rgba(0,0,0,0.6)'
+    },
+    placeholder: {
+      display: 'flex',
+      padding: '0',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: '40px'
+    }
+  };
+})(function (_ref) {
+  var classes = _ref.classes,
+    index = _ref.index,
+    isOver = _ref.isOver,
+    disabled = _ref.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_drag.PlaceHolder, {
+    className: classes.placeholder,
+    disabled: disabled,
+    isOver: isOver
+  }, index !== undefined && /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.number
+  }, index));
+});
+Holder.propTypes = {
+  index: _propTypes["default"].number,
+  isOver: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool
+};
+var AnswerContent = (0, _styles.withStyles)({
+  over: {
+    opacity: 0.2
+  },
+  answerContent: {
+    color: _renderUi.color.text(),
+    backgroundColor: _renderUi.color.background(),
+    border: '1px solid #c2c2c2',
+    // TODO hardcoded color
+    cursor: 'pointer',
+    width: '100%',
+    padding: '10px',
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    transition: 'opacity 200ms linear',
+    wordBreak: 'break-word'
+  },
+  dragging: {
+    opacity: 0.5
+  },
+  disabled: {
+    backgroundColor: _renderUi.color.background(),
+    opacity: 0.6,
+    cursor: 'not-allowed'
+  },
+  incorrect: {
+    border: "1px solid ".concat(_renderUi.color.incorrect())
+  },
+  correct: {
+    border: "1px solid ".concat(_renderUi.color.correct())
+  }
+})(function (props) {
+  var classes = props.classes,
+    isDragging = props.isDragging,
+    isOver = props.isOver,
+    title = props.title,
+    disabled = props.disabled,
+    empty = props.empty,
+    outcome = props.outcome,
+    guideIndex = props.guideIndex,
+    type = props.type;
+  if (empty) {
+    return /*#__PURE__*/_react["default"].createElement(Holder, {
+      index: guideIndex,
+      isOver: isOver,
+      disabled: disabled,
+      type: type
+    });
+  } else {
+    var names = (0, _classnames["default"])(classes.answerContent, isDragging && !disabled && classes.dragging, isOver && !disabled && classes.over, disabled && classes.disabled, outcome && classes[outcome]);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: names,
+      dangerouslySetInnerHTML: {
+        __html: title
+      }
+    });
+  }
+});
+var Answer = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Answer, _React$Component);
+  var _super = _createSuper(Answer);
+  function Answer() {
+    (0, _classCallCheck2["default"])(this, Answer);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Answer, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        id = _this$props.id,
+        title = _this$props.title,
+        isDragging = _this$props.isDragging,
+        className = _this$props.className,
+        connectDragSource = _this$props.connectDragSource,
+        connectDropTarget = _this$props.connectDropTarget,
+        disabled = _this$props.disabled,
+        classes = _this$props.classes,
+        isOver = _this$props.isOver,
+        type = _this$props.type,
+        correct = _this$props.correct;
+      log('[render], props: ', this.props);
+      var name = (0, _classnames["default"])(className, classes.answer, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.correct, correct === true), (0, _defineProperty2["default"])(_classNames, classes.incorrect, correct === false), _classNames));
+      var content = /*#__PURE__*/_react["default"].createElement("div", {
+        className: name
+      }, /*#__PURE__*/_react["default"].createElement(AnswerContent, {
+        title: title,
+        id: id,
+        isOver: isOver,
+        empty: (0, _isEmpty["default"])(title),
+        isDragging: isDragging,
+        disabled: disabled,
+        type: type
+      }));
+      var droppable = connectDropTarget ? connectDropTarget(content) : content;
+      return connectDragSource ? connectDragSource(droppable) : droppable;
+    }
+  }]);
+  return Answer;
+}(_react["default"].Component);
+exports.Answer = Answer;
+(0, _defineProperty2["default"])(Answer, "propTypes", {
+  className: _propTypes["default"].string,
+  connectDragSource: _propTypes["default"].func,
+  connectDropTarget: _propTypes["default"].func,
+  isDragging: _propTypes["default"].bool.isRequired,
+  id: _propTypes["default"].any,
+  title: _propTypes["default"].string,
+  isOver: _propTypes["default"].bool,
+  classes: _propTypes["default"].object.isRequired,
+  empty: _propTypes["default"].bool,
+  type: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  correct: _propTypes["default"].bool
+});
+var StyledAnswer = (0, _styles.withStyles)({
+  answer: {
+    boxSizing: 'border-box',
+    minHeight: 40,
+    minWidth: '100px',
+    overflow: 'hidden',
+    margin: '10px 0',
+    padding: '0px',
+    textAlign: 'center'
+  },
+  incorrect: {
+    border: "1px solid var(--feedback-incorrect-bg-color, ".concat(_renderUi.color.incorrect(), ")")
+  },
+  correct: {
+    border: "1px solid var(--feedback-correct-bg-color, ".concat(_renderUi.color.correct(), ")")
+  }
+})(Answer);
+var answerTarget = {
+  drop: function drop(props, monitor) {
+    var draggedItem = monitor.getItem();
+    if (draggedItem.instanceId === props.instanceId) {
+      props.onPlaceAnswer(props.promptId, draggedItem.id);
+    }
+  },
+  canDrop: function canDrop(props, monitor) {
+    var draggedItem = monitor.getItem();
+    return draggedItem.instanceId === props.instanceId;
+  }
+};
+var DropAnswer = (0, _reactDnd.DropTarget)('Answer', answerTarget, function (connect, monitor) {
+  return {
+    connectDropTarget: connect.dropTarget(),
+    isOver: monitor.isOver()
+  };
+})(StyledAnswer);
+exports.DropAnswer = DropAnswer;
+var answerSource = {
+  canDrag: function canDrag(props) {
+    return props.draggable && !props.disabled;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      id: props.id,
+      type: props.type,
+      instanceId: props.instanceId,
+      promptId: props.promptId
+    };
+  },
+  endDrag: function endDrag(props, monitor) {
+    if (!monitor.didDrop()) {
+      if (props.type === 'target') {
+        props.onRemoveChoice(monitor.getItem());
+      }
+    }
+  }
+};
+var DragAnswer = (0, _reactDnd.DragSource)('Answer', answerSource, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(StyledAnswer);
+exports.DragAnswer = DragAnswer;
+var DragAndDropAnswer = (0, _reactDnd.DragSource)('Answer', answerSource, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(DropAnswer);
+var _default = DragAndDropAnswer;
+exports["default"] = _default;
+//# sourceMappingURL=answer.js.map

package/lib/answer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"answer.js","names":["_reactDnd","require","_propTypes","_interopRequireDefault","_react","_classnames","_debug","_styles","_drag","_isEmpty","_renderUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","Holder","withStyles","number","width","fontSize","textAlign","color","placeholder","display","padding","alignItems","justifyContent","height","_ref","classes","index","isOver","disabled","createElement","PlaceHolder","className","undefined","propTypes","PropTypes","bool","AnswerContent","over","opacity","answerContent","text","backgroundColor","background","border","cursor","boxSizing","overflow","transition","wordBreak","dragging","incorrect","concat","correct","props","isDragging","title","empty","outcome","guideIndex","type","names","classNames","dangerouslySetInnerHTML","__html","Answer","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_classNames","_this$props","id","connectDragSource","connectDropTarget","name","answer","_defineProperty2","content","isEmpty","droppable","React","Component","exports","string","func","isRequired","any","object","StyledAnswer","minHeight","minWidth","margin","answerTarget","drop","monitor","draggedItem","getItem","instanceId","onPlaceAnswer","promptId","canDrop","DropAnswer","DropTarget","connect","dropTarget","answerSource","canDrag","draggable","beginDrag","endDrag","didDrop","onRemoveChoice","DragAnswer","DragSource","dragSource","DragAndDropAnswer","_default"],"sources":["../src/answer.js"],"sourcesContent":["import { DragSource, DropTarget } from 'react-dnd';\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport isEmpty from 'lodash/isEmpty';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('pie-elements:match-title:answer');\n\nconst Holder = withStyles(() => ({\n  number: {\n    width: '100%',\n    fontSize: '18px',\n    textAlign: 'center',\n    color: 'rgba(0,0,0,0.6)',\n  },\n  placeholder: {\n    display: 'flex',\n    padding: '0',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '40px',\n  },\n}))(({ classes, index, isOver, disabled }) => (\n  <PlaceHolder className={classes.placeholder} disabled={disabled} isOver={isOver}>\n    {index !== undefined && <div className={classes.number}>{index}</div>}\n  </PlaceHolder>\n));\n\nHolder.propTypes = {\n  index: PropTypes.number,\n  isOver: PropTypes.bool,\n  disabled: PropTypes.bool,\n};\n\nconst AnswerContent = withStyles({\n  over: {\n    opacity: 0.2,\n  },\n  answerContent: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    border: '1px solid #c2c2c2', // TODO hardcoded color\n    cursor: 'pointer',\n    width: '100%',\n    padding: '10px',\n    boxSizing: 'border-box',\n    overflow: 'hidden',\n    transition: 'opacity 200ms linear',\n    wordBreak: 'break-word',\n  },\n  dragging: {\n    opacity: 0.5,\n  },\n  disabled: {\n    backgroundColor: color.background(),\n    opacity: 0.6,\n    cursor: 'not-allowed',\n  },\n  incorrect: {\n    border: `1px solid ${color.incorrect()}`,\n  },\n  correct: {\n    border: `1px solid ${color.correct()}`,\n  },\n})((props) => {\n  const { classes, isDragging, isOver, title, disabled, empty, outcome, guideIndex, type } = props;\n\n  if (empty) {\n    return <Holder index={guideIndex} isOver={isOver} disabled={disabled} type={type} />;\n  } else {\n    const names = classNames(\n      classes.answerContent,\n      isDragging && !disabled && classes.dragging,\n      isOver && !disabled && classes.over,\n      disabled && classes.disabled,\n      outcome && classes[outcome],\n    );\n\n    return <div className={names} dangerouslySetInnerHTML={{ __html: title }} />;\n  }\n});\n\nexport class Answer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    connectDragSource: PropTypes.func,\n    connectDropTarget: PropTypes.func,\n    isDragging: PropTypes.bool.isRequired,\n    id: PropTypes.any,\n    title: PropTypes.string,\n    isOver: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    empty: PropTypes.bool,\n    type: PropTypes.string,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n  };\n\n  render() {\n    const {\n      id,\n      title,\n      isDragging,\n      className,\n      connectDragSource,\n      connectDropTarget,\n      disabled,\n      classes,\n      isOver,\n      type,\n      correct,\n    } = this.props;\n\n    log('[render], props: ', this.props);\n\n    const name = classNames(className, classes.answer, {\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false,\n    });\n\n    const content = (\n      <div className={name}>\n        <AnswerContent\n          title={title}\n          id={id}\n          isOver={isOver}\n          empty={isEmpty(title)}\n          isDragging={isDragging}\n          disabled={disabled}\n          type={type}\n        />\n      </div>\n    );\n    const droppable = connectDropTarget ? connectDropTarget(content) : content;\n\n    return connectDragSource ? connectDragSource(droppable) : droppable;\n  }\n}\n\nconst StyledAnswer = withStyles({\n  answer: {\n    boxSizing: 'border-box',\n    minHeight: 40,\n    minWidth: '100px',\n    overflow: 'hidden',\n    margin: '10px 0',\n    padding: '0px',\n    textAlign: 'center',\n  },\n  incorrect: {\n    border: `1px solid var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  correct: {\n    border: `1px solid var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n})(Answer);\n\nconst answerTarget = {\n  drop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    if (draggedItem.instanceId === props.instanceId) {\n      props.onPlaceAnswer(props.promptId, draggedItem.id);\n    }\n  },\n  canDrop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    return draggedItem.instanceId === props.instanceId;\n  },\n};\n\nexport const DropAnswer = DropTarget('Answer', answerTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(StyledAnswer);\n\nconst answerSource = {\n  canDrag(props) {\n    return props.draggable && !props.disabled;\n  },\n  beginDrag(props) {\n    return {\n      id: props.id,\n      type: props.type,\n      instanceId: props.instanceId,\n      promptId: props.promptId,\n    };\n  },\n  endDrag(props, monitor) {\n    if (!monitor.didDrop()) {\n      if (props.type === 'target') {\n        props.onRemoveChoice(monitor.getItem());\n      }\n    }\n  },\n};\n\nexport const DragAnswer = DragSource('Answer', answerSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(StyledAnswer);\n\nconst DragAndDropAnswer = DragSource('Answer', answerSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(DropAnswer);\n\nexport default DragAndDropAnswer;\n"],"mappings":"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"}

package/lib/arrow.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Arrow = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
+var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
+var _styles = require("@material-ui/core/styles");
+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 Arrow = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Arrow, _React$Component);
+  var _super = _createSuper(Arrow);
+  function Arrow() {
+    (0, _classCallCheck2["default"])(this, Arrow);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Arrow, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        direction = _this$props.direction,
+        classes = _this$props.classes;
+      var extraStyle = direction === 'left' ? {} : {
+        transform: 'rotate(180deg)'
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.arrow,
+        style: extraStyle
+      }, /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], {
+        style: {
+          transform: 'rotate(90deg)',
+          color: '#979797',
+          fontSize: 40
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        className: (0, _classnames2["default"])(classes.line, (0, _defineProperty2["default"])({}, classes.right, direction !== 'left'))
+      }));
+    }
+  }]);
+  return Arrow;
+}(_react["default"].Component);
+exports.Arrow = Arrow;
+(0, _defineProperty2["default"])(Arrow, "propTypes", {
+  direction: _propTypes["default"].string,
+  classes: _propTypes["default"].object.isRequired
+});
+var styledArrow = (0, _styles.withStyles)({
+  arrow: {
+    display: 'inline-block',
+    position: 'relative',
+    width: '100%'
+  },
+  line: {
+    backgroundColor: '#979797',
+    bottom: 19,
+    content: '""',
+    display: 'block',
+    height: 1,
+    left: 20,
+    position: 'absolute',
+    width: '100%'
+  },
+  right: {
+    bottom: 20
+  }
+})(Arrow);
+var _default = styledArrow;
+exports["default"] = _default;
+//# sourceMappingURL=arrow.js.map

package/lib/arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames2","_ArrowDropDown","_styles","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Arrow","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","direction","classes","extraStyle","transform","createElement","className","arrow","style","color","fontSize","classnames","line","_defineProperty2","right","React","Component","exports","PropTypes","string","object","isRequired","styledArrow","withStyles","display","position","width","backgroundColor","bottom","content","height","left","_default"],"sources":["../src/arrow.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ArrowHead from '@material-ui/icons/ArrowDropDown';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport class Arrow extends React.Component {\n  static propTypes = {\n    direction: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { direction, classes } = this.props;\n\n    const extraStyle =\n      direction === 'left'\n        ? {}\n        : {\n            transform: 'rotate(180deg)',\n          };\n\n    return (\n      <div className={classes.arrow} style={extraStyle}>\n        <ArrowHead\n          style={{\n            transform: 'rotate(90deg)',\n            color: '#979797',\n            fontSize: 40,\n          }}\n        />\n        <span\n          className={classnames(classes.line, {\n            [classes.right]: direction !== 'left',\n          })}\n        />\n      </div>\n    );\n  }\n}\n\nconst styledArrow = withStyles({\n  arrow: {\n    display: 'inline-block',\n    position: 'relative',\n    width: '100%',\n  },\n  line: {\n    backgroundColor: '#979797',\n    bottom: 19,\n    content: '\"\"',\n    display: 'block',\n    height: 1,\n    left: 20,\n    position: 'absolute',\n    width: '100%',\n  },\n  right: {\n    bottom: 20,\n  },\n})(Arrow);\n\nexport default styledArrow;\n"],"mappings":"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"}

package/lib/choices-list.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ChoicesList = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
+var _find = _interopRequireDefault(require("lodash/find"));
+var _answer = require("./answer");
+var _drag = require("@pie-lib/drag");
+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 ChoicesList = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ChoicesList, _React$Component);
+  var _super = _createSuper(ChoicesList);
+  function ChoicesList() {
+    (0, _classCallCheck2["default"])(this, ChoicesList);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ChoicesList, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        model = _this$props.model,
+        classes = _this$props.classes,
+        disabled = _this$props.disabled,
+        session = _this$props.session,
+        instanceId = _this$props.instanceId,
+        onRemoveAnswer = _this$props.onRemoveAnswer;
+      var config = model.config;
+      var duplicates = config.duplicates;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _drag.MatchDroppablePlaceholder ? /*#__PURE__*/_react["default"].createElement(_drag.MatchDroppablePlaceholder, {
+        disabled: disabled,
+        onRemoveAnswer: onRemoveAnswer
+      }, config.answers.filter(function (answer) {
+        return duplicates || (0, _isEmpty["default"])(session) || !session.value || (0, _isUndefined["default"])((0, _find["default"])(session.value, function (val) {
+          return val === answer.id;
+        }));
+      }).map(function (answer) {
+        return /*#__PURE__*/_react["default"].createElement(_answer.DragAnswer, (0, _extends2["default"])({
+          key: answer.id,
+          instanceId: instanceId,
+          className: classes.choice,
+          draggable: true,
+          disabled: disabled,
+          session: session,
+          type: 'choice'
+        }, answer));
+      })) : /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.answersContainer
+      }, ' ', config.answers.filter(function (answer) {
+        return duplicates || (0, _isEmpty["default"])(session) || !session.value || (0, _isUndefined["default"])((0, _find["default"])(session.value, function (val) {
+          return val === answer.id;
+        }));
+      }).map(function (answer) {
+        return /*#__PURE__*/_react["default"].createElement(_answer.DragAnswer, (0, _extends2["default"])({
+          key: answer.id,
+          instanceId: instanceId,
+          className: classes.choice,
+          draggable: true,
+          disabled: disabled,
+          session: session,
+          type: 'choice'
+        }, answer));
+      }), ' '));
+    }
+  }]);
+  return ChoicesList;
+}(_react["default"].Component);
+exports.ChoicesList = ChoicesList;
+(0, _defineProperty2["default"])(ChoicesList, "propTypes", {
+  classes: _propTypes["default"].object,
+  session: _propTypes["default"].object.isRequired,
+  instanceId: _propTypes["default"].string.isRequired,
+  model: _propTypes["default"].object.isRequired,
+  disabled: _propTypes["default"].bool.isRequired
+});
+var styles = function styles() {
+  return {
+    answersContainer: {
+      alignItems: 'center',
+      display: 'flex',
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      justifyContent: 'space-between',
+      marginTop: 50
+    },
+    choice: {
+      minHeight: '40px',
+      minWidth: '200px',
+      height: 'initial',
+      margin: '4px'
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(ChoicesList);
+exports["default"] = _default;
+//# sourceMappingURL=choices-list.js.map

package/lib/choices-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choices-list.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_isEmpty","_isUndefined","_find","_answer","_drag","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ChoicesList","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","model","classes","disabled","session","instanceId","onRemoveAnswer","config","duplicates","createElement","Fragment","MatchDroppablePlaceholder","answers","filter","answer","isEmpty","isUndefined","find","val","id","map","DragAnswer","_extends2","className","choice","draggable","type","answersContainer","React","Component","exports","_defineProperty2","PropTypes","object","isRequired","string","bool","styles","alignItems","display","flexDirection","flexWrap","justifyContent","marginTop","minHeight","minWidth","height","margin","_default","withStyles"],"sources":["../src/choices-list.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport isEmpty from 'lodash/isEmpty';\nimport isUndefined from 'lodash/isUndefined';\nimport find from 'lodash/find';\nimport { DragAnswer } from './answer';\nimport { MatchDroppablePlaceholder } from '@pie-lib/drag';\n\nexport class ChoicesList extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    session: PropTypes.object.isRequired,\n    instanceId: PropTypes.string.isRequired,\n    model: PropTypes.object.isRequired,\n    disabled: PropTypes.bool.isRequired,\n  };\n\n  render() {\n    const { model, classes, disabled, session, instanceId, onRemoveAnswer } = this.props;\n    const { config } = model;\n    const { duplicates } = config;\n\n    return (\n      <>\n        {MatchDroppablePlaceholder ? (\n          <MatchDroppablePlaceholder disabled={disabled} onRemoveAnswer={onRemoveAnswer}>\n            {config.answers\n              .filter(\n                (answer) =>\n                  duplicates ||\n                  isEmpty(session) ||\n                  !session.value ||\n                  isUndefined(find(session.value, (val) => val === answer.id))\n              )\n              .map((answer) => (\n                <DragAnswer\n                  key={answer.id}\n                  instanceId={instanceId}\n                  className={classes.choice}\n                  draggable={true}\n                  disabled={disabled}\n                  session={session}\n                  type={'choice'}\n                  {...answer}\n                />\n              ))}\n          </MatchDroppablePlaceholder>\n        ) : (\n          <div className={classes.answersContainer}>\n            {' '}\n            {config.answers\n              .filter(\n                (answer) =>\n                  duplicates ||\n                  isEmpty(session) ||\n                  !session.value ||\n                  isUndefined(find(session.value, (val) => val === answer.id))\n              )\n              .map((answer) => (\n                <DragAnswer\n                  key={answer.id}\n                  instanceId={instanceId}\n                  className={classes.choice}\n                  draggable={true}\n                  disabled={disabled}\n                  session={session}\n                  type={'choice'}\n                  {...answer}\n                />\n              ))}{' '}\n          </div>\n        )}\n      </>\n    );\n  }\n}\n\nconst styles = () => ({\n  answersContainer: {\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n    marginTop: 50\n  },\n  choice: {\n    minHeight: '40px',\n    minWidth: '200px',\n    height: 'initial',\n    margin: '4px',\n  },\n});\n\nexport default withStyles(styles)(ChoicesList);\n"],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,100 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_debug","_main","_piePlayerEvents","_mathRendering","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","isComplete","session","model","value","complete","config","prompts","forEach","prompt","Number","isFinite","id","exports","MatchList","_HTMLElement","_inherits2","_super","_classCallCheck2","_createClass2","key","set","m","_model","_render","get","_session","s","sessionChanged","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","connectedCallback","_this","el","React","createElement","Main","onSessionChange","bind","ReactDOM","render","renderMath","_wrapNativeSuper2","HTMLElement"],"sources":["../src/index.js"],"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"],"mappings":"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"}