@pie-element/ebsr 6.6.2 → 6.6.3-next.1016

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/media/media-wrapper.js

@@ -0,0 +1,106 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _excluded = ["editor", "classes", "children", "width"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var useStyles = (0, _styles.withStyles)(function () {
+  return {
+    root: {
+      position: 'relative'
+    },
+    editor: {
+      display: 'inline-block',
+      overflow: 'hidden'
+    }
+  };
+});
+
+var MediaWrapper = /*#__PURE__*/function (_React$Component) {
+  _inherits(MediaWrapper, _React$Component);
+
+  var _super = _createSuper(MediaWrapper);
+
+  function MediaWrapper() {
+    _classCallCheck(this, MediaWrapper);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(MediaWrapper, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          editor = _this$props.editor,
+          classes = _this$props.classes,
+          children = _this$props.children,
+          width = _this$props.width,
+          rest = _objectWithoutProperties(_this$props, _excluded);
+
+      return /*#__PURE__*/_react["default"].createElement("span", _extends({
+        className: (0, _classnames["default"])(classes.root, _defineProperty({}, classes.editor, editor))
+      }, rest, {
+        style: {
+          width: width || 300
+        }
+      }), children);
+    }
+  }]);
+
+  return MediaWrapper;
+}(_react["default"].Component);
+
+_defineProperty(MediaWrapper, "propTypes", {
+  classes: _propTypes["default"].object,
+  children: _propTypes["default"].array,
+  editor: _propTypes["default"].bool,
+  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string])
+});
+
+var _default = useStyles(MediaWrapper);
+
+exports["default"] = _default;
+//# sourceMappingURL=media-wrapper.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/media/media-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/media/media-wrapper.jsx"],"names":["useStyles","root","position","editor","display","overflow","MediaWrapper","props","classes","children","width","rest","React","Component","PropTypes","object","array","bool","oneOfType","number","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,wBAAW;AAAA,SAAO;AAClCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE;AADN,KAD4B;AAIlCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,cADH;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AAJ0B,GAAP;AAAA,CAAX,CAAlB;;IAUMC,Y;;;;;;;;;;;;;WAQJ,kBAAS;AACP,wBAAsD,KAAKC,KAA3D;AAAA,UAAQJ,MAAR,eAAQA,MAAR;AAAA,UAAgBK,OAAhB,eAAgBA,OAAhB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAAA,UAA6CC,IAA7C;;AAEA,0BACE;AACE,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACP,IAAnB,sBACRO,OAAO,CAACL,MADA,EACSA,MADT;AADb,SAIMQ,IAJN;AAKE,QAAA,KAAK,EAAE;AACLD,UAAAA,KAAK,EAAEA,KAAK,IAAI;AADX;AALT,UASGD,QATH,CADF;AAaD;;;;EAxBwBG,kBAAMC,S;;gBAA3BP,Y,eACe;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MADF;AAEjBN,EAAAA,QAAQ,EAAEK,sBAAUE,KAFH;AAGjBb,EAAAA,MAAM,EAAEW,sBAAUG,IAHD;AAIjBP,EAAAA,KAAK,EAAEI,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,MAAX,EAAmBL,sBAAUM,MAA7B,CAApB;AAJU,C;;eA0BNpB,SAAS,CAACM,YAAD,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst useStyles = withStyles(() => ({\n  root: {\n    position: 'relative'\n  },\n  editor: {\n    display: 'inline-block',\n    overflow: 'hidden'\n  }\n}));\n\nclass MediaWrapper extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    children: PropTypes.array,\n    editor: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n  };\n\n  render() {\n    const { editor, classes, children, width, ...rest } = this.props;\n\n    return (\n      <span\n        className={classNames(classes.root, {\n          [classes.editor]: editor\n        })}\n        {...rest}\n        style={{\n          width: width || 300\n        }}\n      >\n        {children}\n      </span>\n    );\n  }\n}\n\nexport default useStyles(MediaWrapper);\n"],"file":"media-wrapper.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/drag-in-the-blank/choice.js

@@ -0,0 +1,264 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tileTarget = exports.tileSource = exports["default"] = exports.BlankContent = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
+
+var _drag = require("@pie-lib/drag");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _mathRendering = require("@pie-lib/math-rendering");
+
+var _styles = require("@material-ui/core/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _icons = require("../icons");
+
+var _excluded = ["connectDropTarget", "connectDragSource"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var useStyles = (0, _styles.withStyles)(function (theme) {
+  return {
+    content: {
+      border: "solid 0px ".concat(theme.palette.primary.main)
+    },
+    chip: {
+      minWidth: '90px'
+    },
+    correct: {
+      border: 'solid 1px green'
+    },
+    incorrect: {
+      border: 'solid 1px red'
+    },
+    selected: {
+      border: "2px solid ".concat(_renderUi.color.primaryDark(), " !important")
+    }
+  };
+});
+
+var BlankContent = /*#__PURE__*/function (_React$Component) {
+  _inherits(BlankContent, _React$Component);
+
+  var _super = _createSuper(BlankContent);
+
+  function BlankContent(props) {
+    var _this;
+
+    _classCallCheck(this, BlankContent);
+
+    _this = _super.call(this, props);
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(BlankContent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.addEventListener('click', this.handleClick);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.removeEventListener('click', this.handleClick);
+    }
+  }, {
+    key: "handleClick",
+    value: function handleClick(event) {
+      var classes = this.props.classes;
+
+      if (this.elementRef) {
+        this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.elementRef) {
+        (0, _mathRendering.renderMath)(this.elementRef);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          n = _this$props.n,
+          children = _this$props.children,
+          isDragging = _this$props.isDragging,
+          dragItem = _this$props.dragItem,
+          isOver = _this$props.isOver,
+          value = _this$props.value;
+      var label = dragItem && isOver ? dragItem.value.value : value.value || "\xA0";
+      var finalLabel = isDragging ? "\xA0" : label;
+      var hasGrip = finalLabel !== "\xA0";
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        ref: function ref(_ref) {
+          return _this2.elementRef = _ref;
+        },
+        style: {
+          display: 'inline-flex',
+          minWidth: '178px',
+          minHeight: '36px',
+          background: '#FFF',
+          border: '1px solid #C0C3CF',
+          boxSizing: 'border-box',
+          borderRadius: '3px',
+          overflow: 'hidden',
+          position: 'relative',
+          padding: '8px 8px 8px 35px'
+        },
+        "data-key": n.key,
+        contentEditable: false
+      }, hasGrip && /*#__PURE__*/_react["default"].createElement(_icons.GripIcon, {
+        style: {
+          position: 'absolute',
+          top: '6px',
+          left: '15px',
+          color: '#9B9B9B'
+        },
+        contentEditable: false
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        dangerouslySetInnerHTML: {
+          __html: finalLabel
+        }
+      }), children);
+    }
+  }]);
+
+  return BlankContent;
+}(_react["default"].Component);
+
+exports.BlankContent = BlankContent;
+
+_defineProperty(BlankContent, "propTypes", {
+  n: _propTypes["default"].object,
+  children: _propTypes["default"].func,
+  isDragging: _propTypes["default"].bool,
+  isOver: _propTypes["default"].bool,
+  dragItem: _propTypes["default"].object,
+  value: _propTypes["default"].object,
+  classes: _propTypes["default"].object
+});
+
+var StyledBlankContent = useStyles(BlankContent);
+var connectedBlankContent = useStyles(function (_ref2) {
+  var connectDropTarget = _ref2.connectDropTarget,
+      connectDragSource = _ref2.connectDragSource,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  var classes = props.classes,
+      isOver = props.isOver,
+      value = props.value;
+
+  var dragContent = /*#__PURE__*/_react["default"].createElement(StyledBlankContent, props);
+
+  var dragEl = !value ? dragContent : connectDragSource( /*#__PURE__*/_react["default"].createElement("span", null, dragContent));
+
+  var content = /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(classes.content, isOver && classes.over)
+  }, dragEl);
+
+  return connectDropTarget ? connectDropTarget(content) : content;
+});
+var tileTarget = {
+  drop: function drop(props, monitor) {
+    var draggedItem = monitor.getItem();
+    var shouldDrop = (0, _isUndefined["default"])(draggedItem.value.index) || (0, _isUndefined["default"])(props.value.index) || draggedItem.value.index !== props.value.index;
+
+    if (shouldDrop) {
+      props.onChange(draggedItem.value);
+    }
+
+    return {
+      dropped: shouldDrop
+    };
+  },
+  canDrop: function canDrop(props, monitor) {
+    var draggedItem = monitor.getItem();
+    return draggedItem.instanceId === props.instanceId;
+  }
+};
+exports.tileTarget = tileTarget;
+var DropTile = (0, _drag.DropTarget)('drag-in-the-blank-choice', tileTarget, function (connect, monitor) {
+  return {
+    connectDropTarget: connect.dropTarget(),
+    isOver: monitor.isOver(),
+    dragItem: monitor.getItem()
+  };
+})(connectedBlankContent);
+var tileSource = {
+  canDrag: function canDrag(props) {
+    return !props.disabled && !!props.value;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      id: props.targetId,
+      value: props.value,
+      instanceId: props.instanceId,
+      fromChoice: true
+    };
+  },
+  endDrag: function endDrag(props, monitor) {
+    // this will be null if it did not drop
+    var dropResult = monitor.getDropResult();
+
+    if (!dropResult || dropResult.dropped && !props.duplicates) {
+      var draggedItem = monitor.getItem();
+
+      if (draggedItem.fromChoice) {
+        props.removeResponse(draggedItem.value);
+      }
+    }
+  }
+};
+exports.tileSource = tileSource;
+
+var _default = (0, _drag.DragSource)('drag-in-the-blank-choice', tileSource, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(DropTile);
+
+exports["default"] = _default;
+//# sourceMappingURL=choice.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/drag-in-the-blank/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"names":["useStyles","theme","content","border","palette","primary","main","chip","minWidth","correct","incorrect","selected","color","primaryDark","BlankContent","props","handleClick","bind","document","addEventListener","removeEventListener","event","classes","elementRef","className","contains","target","n","children","isDragging","dragItem","isOver","value","label","finalLabel","hasGrip","ref","display","minHeight","background","boxSizing","borderRadius","overflow","position","padding","key","top","left","__html","React","Component","PropTypes","object","func","bool","StyledBlankContent","connectedBlankContent","connectDropTarget","connectDragSource","dragContent","dragEl","over","tileTarget","drop","monitor","draggedItem","getItem","shouldDrop","index","onChange","dropped","canDrop","instanceId","DropTile","connect","dropTarget","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","dragSource"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isUndefined from 'lodash/isUndefined';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../icons';\n\nconst useStyles = withStyles(theme => ({\n  content: {\n    border: `solid 0px ${theme.palette.primary.main}`\n  },\n  chip: {\n    minWidth: '90px'\n  },\n  correct: {\n    border: 'solid 1px green'\n  },\n  incorrect: {\n    border: 'solid 1px red'\n  },\n  selected: {\n    border: `2px solid ${color.primaryDark()} !important`\n  }\n}));\n\nexport class BlankContent extends React.Component {\n  static propTypes = {\n    n: PropTypes.object,\n    children: PropTypes.func,\n    isDragging: PropTypes.bool,\n    isOver: PropTypes.bool,\n    dragItem: PropTypes.object,\n    value: PropTypes.object,\n    classes: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  componentDidMount() {\n    document.addEventListener('click', this.handleClick);\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('click', this.handleClick);\n  }\n\n  handleClick(event) {\n    const { classes } = this.props;\n\n    if (this.elementRef) {\n      this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.elementRef) {\n      renderMath(this.elementRef);\n    }\n  }\n\n  render() {\n    const { n, children, isDragging, dragItem, isOver, value } = this.props;\n\n    const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n    const finalLabel = isDragging ? '\\u00A0' : label;\n    const hasGrip = finalLabel !== '\\u00A0';\n\n    return (\n      <div\n        ref={ref => (this.elementRef = ref)}\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          minHeight: '36px',\n          background: '#FFF',\n          border: '1px solid #C0C3CF',\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          position: 'relative',\n          padding: '8px 8px 8px 35px'\n        }}\n        data-key={n.key}\n        contentEditable={false}\n      >\n        {hasGrip && (\n          <GripIcon\n            style={{\n              position: 'absolute',\n              top: '6px',\n              left: '15px',\n              color: '#9B9B9B'\n            }}\n            contentEditable={false}\n          />\n        )}\n        <span\n          dangerouslySetInnerHTML={{\n            __html: finalLabel\n          }}\n        />\n        {children}\n      </div>\n    );\n  }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDropTarget, connectDragSource, ...props }) => {\n  const { classes, isOver, value } = props;\n  const dragContent = <StyledBlankContent {...props} />;\n  const dragEl = !value ? dragContent : connectDragSource(<span>{dragContent}</span>);\n  const content = (\n    <span className={classnames(classes.content, isOver && classes.over)}>{dragEl}</span>\n  );\n\n  return connectDropTarget ? connectDropTarget(content) : content;\n});\n\nexport const tileTarget = {\n  drop(props, monitor) {\n    const draggedItem = monitor.getItem();\n    const shouldDrop =\n      isUndefined(draggedItem.value.index) ||\n      isUndefined(props.value.index) ||\n      draggedItem.value.index !== props.value.index;\n\n    if (shouldDrop) {\n      props.onChange(draggedItem.value);\n    }\n\n    return {\n      dropped: shouldDrop\n    };\n  },\n  canDrop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    return draggedItem.instanceId === props.instanceId;\n  }\n};\n\nconst DropTile = DropTarget('drag-in-the-blank-choice', tileTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n  dragItem: monitor.getItem()\n}))(connectedBlankContent);\n\nexport const tileSource = {\n  canDrag(props) {\n    return !props.disabled && !!props.value;\n  },\n  beginDrag(props) {\n    return {\n      id: props.targetId,\n      value: props.value,\n      instanceId: props.instanceId,\n      fromChoice: true\n    };\n  },\n  endDrag(props, monitor) {\n    // this will be null if it did not drop\n    const dropResult = monitor.getDropResult();\n\n    if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n      const draggedItem = monitor.getItem();\n\n      if (draggedItem.fromChoice) {\n        props.removeResponse(draggedItem.value);\n      }\n    }\n  }\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging()\n}))(DropTile);\n"],"file":"choice.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/drag-in-the-blank/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onValueChange = exports.onRemoveResponse = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _choice = _interopRequireDefault(require("./choice"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var onValueChange = function onValueChange(nodeProps, n, value) {
+  var val = nodeProps.editor.value;
+  var change = val.change();
+  change.setNodeByKey(n.key, {
+    data: _objectSpread(_objectSpread({}, value), {}, {
+      index: n.data.get('index')
+    })
+  });
+  nodeProps.editor.props.onChange(change, function () {
+    nodeProps.editor.props.onEditingDone();
+  });
+};
+
+exports.onValueChange = onValueChange;
+
+var onRemoveResponse = function onRemoveResponse(nodeProps, value) {
+  var val = nodeProps.editor.value;
+  var change = val.change();
+  var dragInTheBlank = val.document.findDescendant(function (n) {
+    return n.data && n.data.get('index') === value.index;
+  });
+  change.setNodeByKey(dragInTheBlank.key, {
+    data: {
+      index: dragInTheBlank.data.get('index')
+    }
+  });
+  nodeProps.editor.props.onChange(change, function () {
+    nodeProps.editor.props.onEditingDone();
+  });
+};
+
+exports.onRemoveResponse = onRemoveResponse;
+
+var DragDrop = function DragDrop(props) {
+  var attributes = props.attributes,
+      data = props.data,
+      n = props.n,
+      nodeProps = props.nodeProps,
+      opts = props.opts;
+  var inTable = data.inTable;
+  return /*#__PURE__*/_react["default"].createElement("span", _extends({}, attributes, {
+    style: {
+      display: 'inline-flex',
+      minHeight: '50px',
+      minWidth: '178px',
+      position: 'relative',
+      margin: inTable ? '10px' : '0 10px',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+    n: n,
+    dragKey: n.key,
+    targetId: "0",
+    value: data,
+    duplicates: opts.options.duplicates,
+    onChange: function onChange(value) {
+      return onValueChange(nodeProps, n, value);
+    },
+    removeResponse: function removeResponse(value) {
+      return onRemoveResponse(nodeProps, value);
+    }
+  }, nodeProps.children));
+};
+
+DragDrop.propTypes = {
+  attributes: _propTypes["default"].object,
+  data: _propTypes["default"].object,
+  n: _propTypes["default"].object,
+  nodeProps: _propTypes["default"].object,
+  opts: _propTypes["default"].object
+};
+var _default = DragDrop;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/drag-in-the-blank/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/respArea/drag-in-the-blank/index.jsx"],"names":["onValueChange","nodeProps","n","value","val","editor","change","setNodeByKey","key","data","index","get","props","onChange","onEditingDone","onRemoveResponse","dragInTheBlank","document","findDescendant","DragDrop","attributes","opts","inTable","display","minHeight","minWidth","position","margin","cursor","options","duplicates","children","propTypes","PropTypes","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragDropTile from './choice';\n\nexport const onValueChange = (nodeProps, n, value) => {\n  const val = nodeProps.editor.value;\n  const change = val.change();\n\n  change.setNodeByKey(n.key, {\n    data: {\n      ...value,\n      index: n.data.get('index')\n    }\n  });\n\n  nodeProps.editor.props.onChange(change, () => {\n    nodeProps.editor.props.onEditingDone();\n  });\n};\n\nexport const onRemoveResponse = (nodeProps, value) => {\n  const val = nodeProps.editor.value;\n  const change = val.change();\n  const dragInTheBlank = val.document.findDescendant(\n    n => n.data && n.data.get('index') === value.index\n  );\n\n  change.setNodeByKey(dragInTheBlank.key, {\n    data: {\n      index: dragInTheBlank.data.get('index')\n    }\n  });\n\n  nodeProps.editor.props.onChange(change, () => {\n    nodeProps.editor.props.onEditingDone();\n  });\n};\n\nconst DragDrop = props => {\n  const { attributes, data, n, nodeProps, opts } = props;\n  const { inTable } = data;\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        minHeight: '50px',\n        minWidth: '178px',\n        position: 'relative',\n        margin: inTable ? '10px' : '0 10px',\n        cursor: 'pointer'\n      }}\n    >\n      <DragDropTile\n        n={n}\n        dragKey={n.key}\n        targetId=\"0\"\n        value={data}\n        duplicates={opts.options.duplicates}\n        onChange={value => onValueChange(nodeProps, n, value)}\n        removeResponse={value => onRemoveResponse(nodeProps, value)}\n      >\n        {nodeProps.children}\n      </DragDropTile>\n    </span>\n  );\n};\n\nDragDrop.propTypes = {\n  attributes: PropTypes.object,\n  data: PropTypes.object,\n  n: PropTypes.object,\n  nodeProps: PropTypes.object,\n  opts: PropTypes.object\n};\n\nexport default DragDrop;\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/explicit-constructed-response/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
+  var attributes = props.attributes,
+      value = props.value,
+      error = props.error;
+  return /*#__PURE__*/_react["default"].createElement("span", _extends({}, attributes, {
+    style: {
+      display: 'inline-flex',
+      minHeight: '50px',
+      minWidth: '178px',
+      position: 'relative',
+      margin: '0 5px',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex',
+      minWidth: '178px',
+      minHeight: '36px',
+      height: '36px',
+      background: '#FFF',
+      border: "1px solid ".concat(error ? 'red' : '#C0C3CF'),
+      boxSizing: 'border-box',
+      borderRadius: '3px',
+      overflow: 'hidden',
+      padding: '8px'
+    },
+    dangerouslySetInnerHTML: {
+      __html: value || '<div>&nbsp;</div>'
+    }
+  }));
+};
+
+ExplicitConstructedResponse.propTypes = {
+  attributes: _propTypes["default"].object,
+  value: _propTypes["default"].string
+};
+var _default = ExplicitConstructedResponse;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/explicit-constructed-response/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/respArea/explicit-constructed-response/index.jsx"],"names":["ExplicitConstructedResponse","props","attributes","value","error","display","minHeight","minWidth","position","margin","cursor","height","background","border","boxSizing","borderRadius","overflow","padding","__html","propTypes","PropTypes","object","string"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CAAAC,KAAK,EAAI;AAC3C,MAAQC,UAAR,GAAqCD,KAArC,CAAQC,UAAR;AAAA,MAAoBC,KAApB,GAAqCF,KAArC,CAAoBE,KAApB;AAAA,MAA2BC,KAA3B,GAAqCH,KAArC,CAA2BG,KAA3B;AAEA,sBACE,qDACMF,UADN;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,OAAO,EAAE,aADJ;AAELC,MAAAA,SAAS,EAAE,MAFN;AAGLC,MAAAA,QAAQ,EAAE,OAHL;AAILC,MAAAA,QAAQ,EAAE,UAJL;AAKLC,MAAAA,MAAM,EAAE,OALH;AAMLC,MAAAA,MAAM,EAAE;AANH;AAFT,mBAWE;AACE,IAAA,KAAK,EAAE;AACLL,MAAAA,OAAO,EAAE,aADJ;AAELE,MAAAA,QAAQ,EAAE,OAFL;AAGLD,MAAAA,SAAS,EAAE,MAHN;AAILK,MAAAA,MAAM,EAAE,MAJH;AAKLC,MAAAA,UAAU,EAAE,MALP;AAMLC,MAAAA,MAAM,sBAAeT,KAAK,GAAG,KAAH,GAAW,SAA/B,CAND;AAOLU,MAAAA,SAAS,EAAE,YAPN;AAQLC,MAAAA,YAAY,EAAE,KART;AASLC,MAAAA,QAAQ,EAAE,QATL;AAULC,MAAAA,OAAO,EAAE;AAVJ,KADT;AAaE,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAEf,KAAK,IAAI;AADM;AAb3B,IAXF,CADF;AA+BD,CAlCD;;AAoCAH,2BAA2B,CAACmB,SAA5B,GAAwC;AACtCjB,EAAAA,UAAU,EAAEkB,sBAAUC,MADgB;AAEtClB,EAAAA,KAAK,EAAEiB,sBAAUE;AAFqB,CAAxC;eAKetB,2B","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = props => {\n  const { attributes, value, error } = props;\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        minHeight: '50px',\n        minWidth: '178px',\n        position: 'relative',\n        margin: '0 5px',\n        cursor: 'pointer'\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          minHeight: '36px',\n          height: '36px',\n          background: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          padding: '8px'\n        }}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>'\n        }}\n      />\n    </span>\n  );\n};\n\nExplicitConstructedResponse.propTypes = {\n  attributes: PropTypes.object,\n  value: PropTypes.string\n};\n\nexport default ExplicitConstructedResponse;\n"],"file":"index.js"}