@pie-element/complex-rubric 2.1.2-next.44 → 2.1.2-next.69

package/configure/node_modules/@pie-lib/pie-toolbox/code/mask-markup/choices/choice.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DRAG_TYPE = exports.BlankContent = 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 _drag = require("../../drag");
+
+var _styles = require("@material-ui/core/styles");
+
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _mathRendering = require("../../math-rendering");
+
+var _renderUi = require("../../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 DRAG_TYPE = 'MaskBlank';
+exports.DRAG_TYPE = DRAG_TYPE;
+
+var BlankContentComp = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(BlankContentComp, _React$Component);
+
+  var _super = _createSuper(BlankContentComp);
+
+  function BlankContentComp() {
+    (0, _classCallCheck2["default"])(this, BlankContentComp);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(BlankContentComp, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      (0, _mathRendering.renderMath)(this.rootRef);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      var _this$props = this.props,
+          connectDragSource = _this$props.connectDragSource,
+          choice = _this$props.choice,
+          classes = _this$props.classes,
+          disabled = _this$props.disabled; // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.
+
+      return connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
+        className: (0, _classnames["default"])(classes.choice, disabled && classes.disabled)
+      }, /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
+        clickable: false,
+        disabled: true,
+        ref: function ref(_ref2) {
+          //eslint-disable-next-line
+          _this.rootRef = _reactDom["default"].findDOMNode(_ref2);
+        },
+        className: classes.chip,
+        label: /*#__PURE__*/_react["default"].createElement("span", {
+          className: classes.chipLabel,
+          ref: function ref(_ref) {
+            if (_ref) {
+              _ref.innerHTML = choice.value || ' ';
+            }
+          }
+        }, ' '),
+        variant: disabled ? 'outlined' : undefined
+      })), {});
+    }
+  }]);
+  return BlankContentComp;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(BlankContentComp, "propTypes", {
+  disabled: _propTypes["default"].bool,
+  choice: _propTypes["default"].object,
+  classes: _propTypes["default"].object,
+  connectDragSource: _propTypes["default"].func
+});
+var BlankContent = (0, _styles.withStyles)(function (theme) {
+  return {
+    choice: {
+      border: "solid 0px ".concat(theme.palette.primary.main),
+      borderRadius: theme.spacing.unit * 2,
+      margin: theme.spacing.unit / 2,
+      transform: 'translate(0, 0)'
+    },
+    chip: {
+      backgroundColor: _renderUi.color.background(),
+      border: "1px solid ".concat(_renderUi.color.text()),
+      color: _renderUi.color.text(),
+      alignItems: 'center',
+      display: 'inline-flex',
+      height: 'initial',
+      minHeight: '32px',
+      fontSize: 'inherit',
+      whiteSpace: 'pre-wrap',
+      maxWidth: '374px',
+      // Added for touch devices, for image content.
+      // This will prevent the context menu from appearing and not allowing other interactions with the image.
+      // If interactions with the image in the token will be requested we should handle only the context Menu.
+      pointerEvents: 'none'
+    },
+    chipLabel: {
+      whiteSpace: 'pre-wrap',
+      '& img': {
+        display: 'block',
+        padding: '2px 0'
+      }
+    },
+    disabled: {}
+  };
+})(BlankContentComp);
+exports.BlankContent = BlankContent;
+var tileSource = {
+  canDrag: function canDrag(props) {
+    return !props.disabled;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      choice: props.choice,
+      instanceId: props.instanceId
+    };
+  }
+};
+var DragDropTile = (0, _drag.DragSource)(DRAG_TYPE, tileSource, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(BlankContent);
+var _default = DragDropTile;
+exports["default"] = _default;
+//# sourceMappingURL=choice.js.map

package/configure/node_modules/@pie-lib/pie-toolbox/code/mask-markup/choices/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/mask-markup/choices/choice.jsx"],"names":["DRAG_TYPE","BlankContentComp","rootRef","props","connectDragSource","choice","classes","disabled","ref","ReactDOM","findDOMNode","chip","chipLabel","innerHTML","value","undefined","React","Component","PropTypes","bool","object","func","BlankContent","theme","border","palette","primary","main","borderRadius","spacing","unit","margin","transform","backgroundColor","color","background","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","padding","tileSource","canDrag","beginDrag","instanceId","DragDropTile","connect","monitor","dragSource","isDragging"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DragSource } from '../../drag';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\nimport ReactDOM from 'react-dom';\nimport { renderMath } from '../../math-rendering';\nimport { color } from '../../render-ui';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nclass BlankContentComp extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    choice: PropTypes.object,\n    classes: PropTypes.object,\n    connectDragSource: PropTypes.func,\n  };\n\n  componentDidUpdate() {\n    renderMath(this.rootRef);\n  }\n\n  render() {\n    const { connectDragSource, choice, classes, disabled } = this.props;\n\n    // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.\n\n    return connectDragSource(\n      <span className={classnames(classes.choice, disabled && classes.disabled)}>\n        <Chip\n          clickable={false}\n          disabled={true}\n          ref={(ref) => {\n            //eslint-disable-next-line\n            this.rootRef = ReactDOM.findDOMNode(ref);\n          }}\n          className={classes.chip}\n          label={\n            <span\n              className={classes.chipLabel}\n              ref={(ref) => {\n                if (ref) {\n                  ref.innerHTML = choice.value || ' ';\n                }\n              }}\n            >\n              {' '}\n            </span>\n          }\n          variant={disabled ? 'outlined' : undefined}\n        />\n      </span>,\n      {},\n    );\n  }\n}\n\nexport const BlankContent = withStyles((theme) => ({\n  choice: {\n    border: `solid 0px ${theme.palette.primary.main}`,\n    borderRadius: theme.spacing.unit * 2,\n    margin: theme.spacing.unit / 2,\n    transform: 'translate(0, 0)',\n  },\n  chip: {\n    backgroundColor: color.background(),\n    border: `1px solid ${color.text()}`,\n    color: color.text(),\n    alignItems: 'center',\n    display: 'inline-flex',\n    height: 'initial',\n    minHeight: '32px',\n    fontSize: 'inherit',\n    whiteSpace: 'pre-wrap',\n    maxWidth: '374px',\n    // Added for touch devices, for image content.\n    // This will prevent the context menu from appearing and not allowing other interactions with the image.\n    // If interactions with the image in the token will be requested we should handle only the context Menu.\n    pointerEvents: 'none',\n  },\n  chipLabel: {\n    whiteSpace: 'pre-wrap',\n    '& img': {\n      display: 'block',\n      padding: '2px 0',\n    },\n  },\n  disabled: {},\n}))(BlankContentComp);\n\nconst tileSource = {\n  canDrag(props) {\n    return !props.disabled;\n  },\n  beginDrag(props) {\n    return {\n      choice: props.choice,\n      instanceId: props.instanceId,\n    };\n  },\n};\n\nconst DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(BlankContent);\n\nexport default DragDropTile;\n"],"file":"choice.js"}

package/configure/node_modules/@pie-lib/pie-toolbox/code/mask-markup/choices/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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 _findKey = _interopRequireDefault(require("lodash/findKey"));
+
+var _choice = _interopRequireDefault(require("./choice"));
+
+var _dragInTheBlankDp = _interopRequireDefault(require("../../drag/drag-in-the-blank-dp"));
+
+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 Choices = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Choices, _React$Component);
+
+  var _super = _createSuper(Choices);
+
+  function Choices() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Choices);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getStyleForWrapper", function () {
+      var choicePosition = _this.props.choicePosition;
+
+      switch (choicePosition) {
+        case 'above':
+          return {
+            margin: '0 0 40px 0'
+          };
+
+        case 'below':
+          return {
+            margin: '40px 0 0 0'
+          };
+
+        case 'right':
+          return {
+            margin: '0 0 0 40px'
+          };
+
+        default:
+          return {
+            margin: '0 40px 0 0'
+          };
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Choices, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          duplicates = _this$props.duplicates,
+          choices = _this$props.choices,
+          value = _this$props.value;
+      var filteredChoices = choices.filter(function (c) {
+        if (duplicates === true) {
+          return true;
+        }
+
+        var foundChoice = (0, _findKey["default"])(value, function (v) {
+          return v === c.id;
+        });
+        return foundChoice === undefined;
+      });
+      var elementStyle = this.getStyleForWrapper();
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: elementStyle
+      }, /*#__PURE__*/_react["default"].createElement(_dragInTheBlankDp["default"], {
+        disabled: disabled
+      }, filteredChoices.map(function (c, index) {
+        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+          key: "".concat(c.value, "-").concat(index),
+          disabled: disabled,
+          choice: c
+        });
+      })));
+    }
+  }]);
+  return Choices;
+}(_react["default"].Component);
+
+exports["default"] = Choices;
+(0, _defineProperty2["default"])(Choices, "propTypes", {
+  disabled: _propTypes["default"].bool,
+  duplicates: _propTypes["default"].bool,
+  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    value: _propTypes["default"].string
+  })),
+  value: _propTypes["default"].object,
+  choicePosition: _propTypes["default"].string.isRequired
+});
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/pie-toolbox/code/mask-markup/choices/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/mask-markup/choices/index.jsx"],"names":["Choices","choicePosition","props","margin","disabled","duplicates","choices","value","filteredChoices","filter","c","foundChoice","v","id","undefined","elementStyle","getStyleForWrapper","map","index","React","Component","PropTypes","bool","arrayOf","shape","label","string","object","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEqBA,O;;;;;;;;;;;;;;;2GASE,YAAM;AACzB,UAAQC,cAAR,GAA2B,MAAKC,KAAhC,CAAQD,cAAR;;AAEA,cAAQA,cAAR;AACE,aAAK,OAAL;AACE,iBAAO;AACLE,YAAAA,MAAM,EAAE;AADH,WAAP;;AAIF,aAAK,OAAL;AACE,iBAAO;AACLA,YAAAA,MAAM,EAAE;AADH,WAAP;;AAIF,aAAK,OAAL;AACE,iBAAO;AACLA,YAAAA,MAAM,EAAE;AADH,WAAP;;AAIF;AACE,iBAAO;AACLA,YAAAA,MAAM,EAAE;AADH,WAAP;AAjBJ;AAqBD,K;;;;;;WAED,kBAAS;AACP,wBAAiD,KAAKD,KAAtD;AAAA,UAAQE,QAAR,eAAQA,QAAR;AAAA,UAAkBC,UAAlB,eAAkBA,UAAlB;AAAA,UAA8BC,OAA9B,eAA8BA,OAA9B;AAAA,UAAuCC,KAAvC,eAAuCA,KAAvC;AACA,UAAMC,eAAe,GAAGF,OAAO,CAACG,MAAR,CAAe,UAACC,CAAD,EAAO;AAC5C,YAAIL,UAAU,KAAK,IAAnB,EAAyB;AACvB,iBAAO,IAAP;AACD;;AACD,YAAMM,WAAW,GAAG,yBAAQJ,KAAR,EAAe,UAACK,CAAD;AAAA,iBAAOA,CAAC,KAAKF,CAAC,CAACG,EAAf;AAAA,SAAf,CAApB;AACA,eAAOF,WAAW,KAAKG,SAAvB;AACD,OANuB,CAAxB;AAOA,UAAMC,YAAY,GAAG,KAAKC,kBAAL,EAArB;AAEA,0BACE;AAAK,QAAA,KAAK,EAAED;AAAZ,sBACE,gCAAC,4BAAD;AAA0B,QAAA,QAAQ,EAAEX;AAApC,SACGI,eAAe,CAACS,GAAhB,CAAoB,UAACP,CAAD,EAAIQ,KAAJ;AAAA,4BACnB,gCAAC,kBAAD;AAAQ,UAAA,GAAG,YAAKR,CAAC,CAACH,KAAP,cAAgBW,KAAhB,CAAX;AAAoC,UAAA,QAAQ,EAAEd,QAA9C;AAAwD,UAAA,MAAM,EAAEM;AAAhE,UADmB;AAAA,OAApB,CADH,CADF,CADF;AASD;;;EAvDkCS,kBAAMC,S;;;iCAAtBpB,O,eACA;AACjBI,EAAAA,QAAQ,EAAEiB,sBAAUC,IADH;AAEjBjB,EAAAA,UAAU,EAAEgB,sBAAUC,IAFL;AAGjBhB,EAAAA,OAAO,EAAEe,sBAAUE,OAAV,CAAkBF,sBAAUG,KAAV,CAAgB;AAAEC,IAAAA,KAAK,EAAEJ,sBAAUK,MAAnB;AAA2BnB,IAAAA,KAAK,EAAEc,sBAAUK;AAA5C,GAAhB,CAAlB,CAHQ;AAIjBnB,EAAAA,KAAK,EAAEc,sBAAUM,MAJA;AAKjB1B,EAAAA,cAAc,EAAEoB,sBAAUK,MAAV,CAAiBE;AALhB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport findKey from 'lodash/findKey';\nimport Choice from './choice';\nimport DragDroppablePlaceholder from '../../drag/drag-in-the-blank-dp';\n\nexport default class Choices extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    duplicates: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),\n    value: PropTypes.object,\n    choicePosition: PropTypes.string.isRequired,\n  };\n\n  getStyleForWrapper = () => {\n    const { choicePosition } = this.props;\n\n    switch (choicePosition) {\n      case 'above':\n        return {\n          margin: '0 0 40px 0',\n        };\n\n      case 'below':\n        return {\n          margin: '40px 0 0 0',\n        };\n\n      case 'right':\n        return {\n          margin: '0 0 0 40px',\n        };\n\n      default:\n        return {\n          margin: '0 40px 0 0',\n        };\n    }\n  };\n\n  render() {\n    const { disabled, duplicates, choices, value } = this.props;\n    const filteredChoices = choices.filter((c) => {\n      if (duplicates === true) {\n        return true;\n      }\n      const foundChoice = findKey(value, (v) => v === c.id);\n      return foundChoice === undefined;\n    });\n    const elementStyle = this.getStyleForWrapper();\n\n    return (\n      <div style={elementStyle}>\n        <DragDroppablePlaceholder disabled={disabled}>\n          {filteredChoices.map((c, index) => (\n            <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />\n          ))}\n        </DragDroppablePlaceholder>\n      </div>\n    );\n  }\n}\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/pie-toolbox/code/mask-markup/componentize.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var REGEX = /\{\{(\d+)\}\}/g;
+
+var _default = function _default(s, t) {
+  if (!s) {
+    return {
+      markup: ''
+    };
+  }
+
+  var markup = s.replace(REGEX, function (match, g) {
+    return "<span data-component=\"".concat(t, "\" data-id=\"").concat(g, "\"></span>");
+  });
+  return {
+    markup: markup
+  };
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=componentize.js.map

package/configure/node_modules/@pie-lib/pie-toolbox/code/mask-markup/componentize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/code/mask-markup/componentize.js"],"names":["REGEX","s","t","markup","replace","match","g"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG,gBAAd;;eAEe,kBAACC,CAAD,EAAIC,CAAJ,EAAU;AACvB,MAAI,CAACD,CAAL,EAAQ;AACN,WAAO;AAAEE,MAAAA,MAAM,EAAE;AAAV,KAAP;AACD;;AAED,MAAMA,MAAM,GAAGF,CAAC,CAACG,OAAF,CAAUJ,KAAV,EAAiB,UAACK,KAAD,EAAQC,CAAR,EAAc;AAC5C,4CAAgCJ,CAAhC,0BAA+CI,CAA/C;AACD,GAFc,CAAf;AAIA,SAAO;AAAEH,IAAAA,MAAM,EAANA;AAAF,GAAP;AACD,C","sourcesContent":["const REGEX = /\\{\\{(\\d+)\\}\\}/g;\n\nexport default (s, t) => {\n  if (!s) {\n    return { markup: '' };\n  }\n\n  const markup = s.replace(REGEX, (match, g) => {\n    return `<span data-component=\"${t}\" data-id=\"${g}\"></span>`;\n  });\n\n  return { markup };\n};\n"],"file":"componentize.js"}

package/configure/node_modules/@pie-lib/pie-toolbox/code/mask-markup/components/blank.js

@@ -0,0 +1,303 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DRAG_TYPE = exports.BlankContent = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _mathRendering = require("../../math-rendering");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _drag = require("../../drag");
+
+var _styles = require("@material-ui/core/styles");
+
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+
+var _classnames3 = _interopRequireDefault(require("classnames"));
+
+var _renderUi = require("../../render-ui");
+
+var _excluded = ["connectDragSource", "connectDropTarget"];
+
+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) { (0, _defineProperty2["default"])(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 _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-lib:mask-markup:blank');
+var DRAG_TYPE = 'MaskBlank';
+exports.DRAG_TYPE = DRAG_TYPE;
+var useStyles = (0, _styles.withStyles)(function () {
+  return {
+    content: {
+      border: "solid 0px ".concat(_renderUi.color.primary()),
+      minWidth: '200px',
+      touchAction: 'none',
+      overflow: 'hidden'
+    },
+    chip: {
+      backgroundColor: _renderUi.color.background(),
+      border: "1px solid ".concat(_renderUi.color.text()),
+      color: _renderUi.color.text(),
+      minWidth: '90px',
+      fontSize: 'inherit',
+      minHeight: '32px',
+      height: 'auto',
+      maxWidth: '374px',
+      position: 'relative'
+    },
+    chipLabel: {
+      whiteSpace: 'pre-wrap',
+      // Added for touch devices, for image content.
+      // This will prevent the context menu from appearing and not allowing other interactions with the image.
+      // If interactions with the image in the token will be requested we should handle only the context Menu.
+      pointerEvents: 'none',
+      '& img': {
+        display: 'block',
+        padding: '2px 0'
+      }
+    },
+    hidden: {
+      color: 'transparent',
+      opacity: 0
+    },
+    dragged: {
+      position: 'absolute',
+      left: 16,
+      maxWidth: '60px'
+    },
+    correct: {
+      border: "solid 1px ".concat(_renderUi.color.correct())
+    },
+    incorrect: {
+      border: "solid 1px ".concat(_renderUi.color.incorrect())
+    },
+    over: {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden'
+    }
+  };
+});
+
+var BlankContent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(BlankContent, _React$Component);
+
+  var _super = _createSuper(BlankContent);
+
+  function BlankContent() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, BlankContent);
+    _this = _super.call(this);
+    _this.state = {
+      height: 0
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(BlankContent, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+
+      (0, _mathRendering.renderMath)(this.rootRef);
+      var currentChoice = this.props.choice;
+      var prevChoice = prevProps.choice;
+
+      if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {
+        if (!currentChoice) {
+          this.setState({
+            height: 0
+          });
+          return;
+        }
+
+        setTimeout(function () {
+          _this2.setState({
+            height: _this2.spanRef.offsetHeight
+          });
+        }, 300);
+      }
+    }
+  }, {
+    key: "addDraggableFalseAttributes",
+    value: function addDraggableFalseAttributes(parent) {
+      parent.childNodes.forEach(function (elem) {
+        if (elem instanceof Element || elem instanceof HTMLDocument) {
+          elem.setAttribute('draggable', false);
+        }
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this,
+          _classnames2;
+
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          choice = _this$props.choice,
+          classes = _this$props.classes,
+          isOver = _this$props.isOver,
+          dragItem = _this$props.dragItem,
+          correct = _this$props.correct;
+      var draggedLabel = dragItem && isOver && dragItem.choice.value;
+      var label = choice && choice.value;
+      return (
+        /*#__PURE__*/
+        // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.
+        _react["default"].createElement(_Chip["default"], {
+          clickable: false,
+          disabled: true,
+          ref: function ref(_ref3) {
+            //eslint-disable-next-line
+            _this3.rootRef = _reactDom["default"].findDOMNode(_ref3);
+          },
+          component: "span",
+          label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+            className: (0, _classnames3["default"])(classes.chipLabel, isOver && classes.over, (0, _defineProperty2["default"])({}, classes.hidden, draggedLabel)),
+            ref: function ref(_ref) {
+              if (_ref) {
+                //eslint-disable-next-line
+                _this3.spanRef = _reactDom["default"].findDOMNode(_ref);
+                _ref.innerHTML = label || '';
+
+                _this3.addDraggableFalseAttributes(_ref);
+              }
+            }
+          }, ' '), draggedLabel && /*#__PURE__*/_react["default"].createElement("span", {
+            className: (0, _classnames3["default"])(classes.chipLabel, isOver && classes.over, classes.dragged),
+            ref: function ref(_ref2) {
+              if (_ref2) {
+                //eslint-disable-next-line
+                _this3.spanRef = _reactDom["default"].findDOMNode(_ref2);
+                _ref2.innerHTML = draggedLabel || '';
+
+                _this3.addDraggableFalseAttributes(_ref2);
+              }
+            }
+          }, ' ')),
+          className: (0, _classnames3["default"])(classes.chip, isOver && classes.over, (_classnames2 = {}, (0, _defineProperty2["default"])(_classnames2, classes.correct, correct !== undefined && correct), (0, _defineProperty2["default"])(_classnames2, classes.incorrect, correct !== undefined && !correct), _classnames2)),
+          variant: disabled ? 'outlined' : undefined,
+          style: _objectSpread({}, this.state.height ? {
+            height: this.state.height
+          } : {}),
+          classes: {
+            label: isOver && classes.over
+          }
+        })
+      );
+    }
+  }]);
+  return BlankContent;
+}(_react["default"].Component);
+
+exports.BlankContent = BlankContent;
+(0, _defineProperty2["default"])(BlankContent, "propTypes", {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  disabled: _propTypes["default"].bool,
+  duplicates: _propTypes["default"].bool,
+  choice: _propTypes["default"].object,
+  classes: _propTypes["default"].object,
+  isOver: _propTypes["default"].bool,
+  dragItem: _propTypes["default"].object,
+  correct: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func
+});
+var StyledBlankContent = useStyles(BlankContent);
+var connectedBlankContent = useStyles(function (_ref4) {
+  var connectDragSource = _ref4.connectDragSource,
+      connectDropTarget = _ref4.connectDropTarget,
+      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
+  var classes = props.classes,
+      isOver = props.isOver;
+  return connectDropTarget(connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames3["default"])(classes.content, isOver && classes.over)
+  }, /*#__PURE__*/_react["default"].createElement(StyledBlankContent, props))));
+});
+var tileTarget = {
+  drop: function drop(props, monitor) {
+    var draggedItem = monitor.getItem();
+    log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);
+
+    if (draggedItem.id !== props.id) {
+      props.onChange(props.id, draggedItem.choice.id);
+    }
+
+    return {
+      dropped: draggedItem.id !== props.id
+    };
+  },
+  canDrop: function canDrop(props, monitor) {
+    var draggedItem = monitor.getItem();
+    return draggedItem.instanceId === props.instanceId;
+  }
+};
+var DropTile = (0, _drag.DropTarget)(DRAG_TYPE, 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.choice;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      id: props.id,
+      choice: props.choice,
+      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.onChange(props.id, undefined);
+      }
+    }
+  }
+};
+var DragDropTile = (0, _drag.DragSource)(DRAG_TYPE, tileSource, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(DropTile);
+var _default = DragDropTile;
+exports["default"] = _default;
+//# sourceMappingURL=blank.js.map