@pie-lib/mask-markup 1.13.12 → 2.0.0-beta.1

package/lib/test-serializer.js

@@ -0,0 +1,215 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _server = _interopRequireDefault(require("react-dom/server"));
+
+var _escapeHtml = _interopRequireDefault(require("escape-html"));
+
+var _slate = require("slate");
+
+var _slateHyperscript = require("slate-hyperscript");
+
+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 allWhitespace(node) {
+  // Use ECMA-262 Edition 3 String and RegExp features
+  return !/[^\t\n\r ]/.test(node.textContent);
+}
+
+function defaultParseHtml(html) {
+  if (typeof DOMParser === 'undefined') {
+    throw new Error('The native `DOMParser` global which the `Html` serializer uses by default is not present in this environment. You must supply the `options.parseHtml` function instead.');
+  }
+
+  var parsed = new DOMParser().parseFromString(html, 'text/html');
+  var body = parsed.body;
+  var textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);
+  var n = textNodes.nextNode();
+
+  while (n) {
+    if (allWhitespace(n) || n.nodeValue === "\u200B") {
+      n.parentNode.removeChild(n);
+    }
+
+    n = textNodes.nextNode();
+  }
+
+  return body;
+}
+
+var Html = /*#__PURE__*/(0, _createClass2["default"])(function Html(props) {
+  var _this = this;
+
+  (0, _classCallCheck2["default"])(this, Html);
+  (0, _defineProperty2["default"])(this, "serializeEls", function (node) {
+    if (_slate.Text.isText(node)) {
+      var string = (0, _escapeHtml["default"])(node.text);
+
+      if (node.bold) {
+        string = /*#__PURE__*/_react["default"].createElement("strong", null, string);
+      }
+
+      return string;
+    }
+
+    var children = (node.children || []).map(function (n) {
+      return _this.serializeEls(n);
+    });
+
+    var correctRule = _this.rules.reduce(function (res, rule) {
+      return res || rule.serialize(node, children);
+    }, null);
+
+    if (correctRule) {
+      return correctRule;
+    }
+
+    switch (node.type) {
+      case 'quote':
+        return /*#__PURE__*/_react["default"].createElement("blockquote", null, /*#__PURE__*/_react["default"].createElement("p", null, children));
+
+      case 'paragraph':
+        return /*#__PURE__*/_react["default"].createElement("p", null, children);
+
+      case 'link':
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          href: (0, _escapeHtml["default"])(node.url)
+        }, children);
+
+      default:
+        return children;
+    }
+  });
+  (0, _defineProperty2["default"])(this, "serialize", function (node) {
+    var deserialized = _this.serializeEls(node);
+
+    var html = _server["default"].renderToStaticMarkup( /*#__PURE__*/_react["default"].createElement('body', null, deserialized));
+
+    var inner = html.slice(6, -7);
+    return inner;
+  });
+  (0, _defineProperty2["default"])(this, "deserialize", function (html) {
+    var body = _this.parseHtml(html);
+
+    if (body.firstChild && body.firstChild.nodeType === Node.TEXT_NODE) {
+      body = _this.parseHtml("<p>".concat(html, "</p>"));
+    }
+
+    return _this.deserializeEls(body);
+  });
+  (0, _defineProperty2["default"])(this, "deserializeEls", function (element) {
+    var markAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (element.nodeType === Node.TEXT_NODE) {
+      return (0, _slateHyperscript.jsx)('text', markAttributes, element.textContent);
+    } else if (element.nodeType !== Node.ELEMENT_NODE) {
+      return null;
+    }
+
+    var nodeAttributes = _objectSpread({}, markAttributes); // define attributes for text nodes
+
+
+    if (element.nodeName === 'STRONG') {
+      nodeAttributes.bold = true;
+    }
+
+    var nextFn = function nextFn(nodes) {
+      var childNodes = Array.from(nodes);
+      var children = Array.from(childNodes).map(function (node) {
+        return _this.deserializeEls(node, nodeAttributes);
+      }).flat();
+
+      if (children.length === 0) {
+        children.push((0, _slateHyperscript.jsx)('text', nodeAttributes, ''));
+      }
+
+      return children;
+    };
+
+    var correctRule = _this.rules.reduce(function (res, rule) {
+      return res || rule.deserialize(element, nextFn);
+    }, null);
+
+    if (correctRule) {
+      return correctRule;
+    }
+
+    var childNodes = Array.from(element.childNodes);
+    var children = Array.from(childNodes).map(function (node) {
+      return _this.deserializeEls(node, nodeAttributes);
+    }).flat();
+
+    if (children.length === 0) {
+      children.push((0, _slateHyperscript.jsx)('text', nodeAttributes, ''));
+    }
+
+    switch (element.nodeName) {
+      case 'TABLE':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'table'
+        }, children);
+
+      case 'TBODY':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'tbody'
+        }, children);
+
+      case 'TR':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'tr'
+        }, children);
+
+      case 'TD':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'td'
+        }, children);
+
+      case 'BODY':
+        return (0, _slateHyperscript.jsx)('fragment', {}, children);
+
+      case 'BR':
+        return '\n';
+
+      case 'BLOCKQUOTE':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'quote'
+        }, children);
+
+      case 'P':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'paragraph'
+        }, children);
+
+      case 'A':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'link',
+          url: element.getAttribute('href')
+        }, children);
+
+      default:
+        return children;
+    }
+  });
+  this.defaultBlock = props.defaultBlock;
+  this.parseHtml = defaultParseHtml;
+  this.rules = props.rules;
+});
+var _default = Html;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJhbGxXaGl0ZXNwYWNlIiwibm9kZSIsInRlc3QiLCJ0ZXh0Q29udGVudCIsImRlZmF1bHRQYXJzZUh0bWwiLCJodG1sIiwiRE9NUGFyc2VyIiwiRXJyb3IiLCJwYXJzZWQiLCJwYXJzZUZyb21TdHJpbmciLCJib2R5IiwidGV4dE5vZGVzIiwiZG9jdW1lbnQiLCJjcmVhdGVUcmVlV2Fsa2VyIiwiTm9kZUZpbHRlciIsIlNIT1dfVEVYVCIsIm4iLCJuZXh0Tm9kZSIsIm5vZGVWYWx1ZSIsInBhcmVudE5vZGUiLCJyZW1vdmVDaGlsZCIsIkh0bWwiLCJwcm9wcyIsIlRleHQiLCJpc1RleHQiLCJzdHJpbmciLCJlc2NhcGVIdG1sIiwidGV4dCIsImJvbGQiLCJjaGlsZHJlbiIsIm1hcCIsInNlcmlhbGl6ZUVscyIsImNvcnJlY3RSdWxlIiwicnVsZXMiLCJyZWR1Y2UiLCJyZXMiLCJydWxlIiwic2VyaWFsaXplIiwidHlwZSIsInVybCIsImRlc2VyaWFsaXplZCIsIlJlYWN0U2VydmVyIiwicmVuZGVyVG9TdGF0aWNNYXJrdXAiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJpbm5lciIsInNsaWNlIiwicGFyc2VIdG1sIiwiZmlyc3RDaGlsZCIsIm5vZGVUeXBlIiwiTm9kZSIsIlRFWFRfTk9ERSIsImRlc2VyaWFsaXplRWxzIiwiZWxlbWVudCIsIm1hcmtBdHRyaWJ1dGVzIiwianN4IiwiRUxFTUVOVF9OT0RFIiwibm9kZUF0dHJpYnV0ZXMiLCJub2RlTmFtZSIsIm5leHRGbiIsIm5vZGVzIiwiY2hpbGROb2RlcyIsIkFycmF5IiwiZnJvbSIsImZsYXQiLCJsZW5ndGgiLCJwdXNoIiwiZGVzZXJpYWxpemUiLCJnZXRBdHRyaWJ1dGUiLCJkZWZhdWx0QmxvY2siXSwic291cmNlcyI6WyIuLi9zcmMvdGVzdC1zZXJpYWxpemVyLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3RTZXJ2ZXIgZnJvbSAncmVhY3QtZG9tL3NlcnZlcic7XG5pbXBvcnQgZXNjYXBlSHRtbCBmcm9tICdlc2NhcGUtaHRtbCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnc2xhdGUnO1xuaW1wb3J0IHsganN4IH0gZnJvbSAnc2xhdGUtaHlwZXJzY3JpcHQnO1xuXG5mdW5jdGlvbiBhbGxXaGl0ZXNwYWNlKG5vZGUpIHtcbiAgLy8gVXNlIEVDTUEtMjYyIEVkaXRpb24gMyBTdHJpbmcgYW5kIFJlZ0V4cCBmZWF0dXJlc1xuICByZXR1cm4gIS9bXlxcdFxcblxcciBdLy50ZXN0KG5vZGUudGV4dENvbnRlbnQpO1xufVxuXG5mdW5jdGlvbiBkZWZhdWx0UGFyc2VIdG1sKGh0bWwpIHtcbiAgaWYgKHR5cGVvZiBET01QYXJzZXIgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ1RoZSBuYXRpdmUgYERPTVBhcnNlcmAgZ2xvYmFsIHdoaWNoIHRoZSBgSHRtbGAgc2VyaWFsaXplciB1c2VzIGJ5IGRlZmF1bHQgaXMgbm90IHByZXNlbnQgaW4gdGhpcyBlbnZpcm9ubWVudC4gWW91IG11c3Qgc3VwcGx5IHRoZSBgb3B0aW9ucy5wYXJzZUh0bWxgIGZ1bmN0aW9uIGluc3RlYWQuJ1xuICAgICk7XG4gIH1cblxuICBjb25zdCBwYXJzZWQgPSBuZXcgRE9NUGFyc2VyKCkucGFyc2VGcm9tU3RyaW5nKGh0bWwsICd0ZXh0L2h0bWwnKTtcblxuICBjb25zdCB7IGJvZHkgfSA9IHBhcnNlZDtcbiAgY29uc3QgdGV4dE5vZGVzID0gZG9jdW1lbnQuY3JlYXRlVHJlZVdhbGtlcihib2R5LCBOb2RlRmlsdGVyLlNIT1dfVEVYVCwgbnVsbCwgbnVsbCk7XG4gIGxldCBuID0gdGV4dE5vZGVzLm5leHROb2RlKCk7XG5cbiAgd2hpbGUgKG4pIHtcbiAgICBpZiAoYWxsV2hpdGVzcGFjZShuKSB8fCBuLm5vZGVWYWx1ZSA9PT0gJ1xcdTIwMEInKSB7XG4gICAgICBuLnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQobik7XG4gICAgfVxuICAgIG4gPSB0ZXh0Tm9kZXMubmV4dE5vZGUoKTtcbiAgfVxuXG4gIHJldHVybiBib2R5O1xufVxuXG5jbGFzcyBIdG1sIHtcbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICB0aGlzLmRlZmF1bHRCbG9jayA9IHByb3BzLmRlZmF1bHRCbG9jaztcbiAgICB0aGlzLnBhcnNlSHRtbCA9IGRlZmF1bHRQYXJzZUh0bWw7XG4gICAgdGhpcy5ydWxlcyA9IHByb3BzLnJ1bGVzO1xuICB9XG5cbiAgc2VyaWFsaXplRWxzID0gbm9kZSA9PiB7XG4gICAgaWYgKFRleHQuaXNUZXh0KG5vZGUpKSB7XG4gICAgICBsZXQgc3RyaW5nID0gZXNjYXBlSHRtbChub2RlLnRleHQpO1xuICAgICAgaWYgKG5vZGUuYm9sZCkge1xuICAgICAgICBzdHJpbmcgPSA8c3Ryb25nPntzdHJpbmd9PC9zdHJvbmc+O1xuICAgICAgfVxuICAgICAgcmV0dXJuIHN0cmluZztcbiAgICB9XG5cbiAgICBsZXQgY2hpbGRyZW4gPSAobm9kZS5jaGlsZHJlbiB8fCBbXSkubWFwKG4gPT4gdGhpcy5zZXJpYWxpemVFbHMobikpO1xuXG4gICAgY29uc3QgY29ycmVjdFJ1bGUgPSB0aGlzLnJ1bGVzLnJlZHVjZSgocmVzLCBydWxlKSA9PiB7XG4gICAgICByZXR1cm4gcmVzIHx8IHJ1bGUuc2VyaWFsaXplKG5vZGUsIGNoaWxkcmVuKTtcbiAgICB9LCBudWxsKTtcblxuICAgIGlmIChjb3JyZWN0UnVsZSkge1xuICAgICAgcmV0dXJuIGNvcnJlY3RSdWxlO1xuICAgIH1cblxuICAgIHN3aXRjaCAobm9kZS50eXBlKSB7XG4gICAgICBjYXNlICdxdW90ZSc6XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPGJsb2NrcXVvdGU+XG4gICAgICAgICAgICA8cD57Y2hpbGRyZW59PC9wPlxuICAgICAgICAgIDwvYmxvY2txdW90ZT5cbiAgICAgICAgKTtcbiAgICAgIGNhc2UgJ3BhcmFncmFwaCc6XG4gICAgICAgIHJldHVybiA8cD57Y2hpbGRyZW59PC9wPjtcbiAgICAgIGNhc2UgJ2xpbmsnOlxuICAgICAgICByZXR1cm4gPGEgaHJlZj17ZXNjYXBlSHRtbChub2RlLnVybCl9PntjaGlsZHJlbn08L2E+O1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgIH1cbiAgfTtcblxuICBzZXJpYWxpemUgPSBub2RlID0+IHtcbiAgICBjb25zdCBkZXNlcmlhbGl6ZWQgPSB0aGlzLnNlcmlhbGl6ZUVscyhub2RlKTtcbiAgICBjb25zdCBodG1sID0gUmVhY3RTZXJ2ZXIucmVuZGVyVG9TdGF0aWNNYXJrdXAoUmVhY3QuY3JlYXRlRWxlbWVudChcbiAgICAgICdib2R5JyxcbiAgICAgIG51bGwsXG4gICAgICBkZXNlcmlhbGl6ZWRcbiAgICApKTtcbiAgICBjb25zdCBpbm5lciA9IGh0bWwuc2xpY2UoNiwgLTcpO1xuICAgIHJldHVybiBpbm5lcjtcbiAgfTtcblxuICBkZXNlcmlhbGl6ZSA9IGh0bWwgPT4ge1xuICAgIGxldCBib2R5ID0gdGhpcy5wYXJzZUh0bWwoaHRtbCk7XG5cbiAgICBpZiAoYm9keS5maXJzdENoaWxkICYmIGJvZHkuZmlyc3RDaGlsZC5ub2RlVHlwZSA9PT0gTm9kZS5URVhUX05PREUpIHtcbiAgICAgIGJvZHkgPSB0aGlzLnBhcnNlSHRtbChgPHA+JHtodG1sfTwvcD5gKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5kZXNlcmlhbGl6ZUVscyhib2R5KTtcbiAgfTtcblxuICBkZXNlcmlhbGl6ZUVscyA9IChlbGVtZW50LCBtYXJrQXR0cmlidXRlcyA9IHt9KSA9PiB7XG4gICAgaWYgKGVsZW1lbnQubm9kZVR5cGUgPT09IE5vZGUuVEVYVF9OT0RFKSB7XG4gICAgICByZXR1cm4ganN4KCd0ZXh0JywgbWFya0F0dHJpYnV0ZXMsIGVsZW1lbnQudGV4dENvbnRlbnQpO1xuICAgIH0gZWxzZSBpZiAoZWxlbWVudC5ub2RlVHlwZSAhPT0gTm9kZS5FTEVNRU5UX05PREUpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IG5vZGVBdHRyaWJ1dGVzID0geyAuLi5tYXJrQXR0cmlidXRlcyB9O1xuXG4gICAgLy8gZGVmaW5lIGF0dHJpYnV0ZXMgZm9yIHRleHQgbm9kZXNcbiAgICBpZiAoZWxlbWVudC5ub2RlTmFtZSA9PT0gJ1NUUk9ORycpIHtcbiAgICAgIG5vZGVBdHRyaWJ1dGVzLmJvbGQgPSB0cnVlO1xuICAgIH1cblxuICAgIGNvbnN0IG5leHRGbiA9IG5vZGVzID0+IHtcbiAgICAgIGNvbnN0IGNoaWxkTm9kZXMgPSBBcnJheS5mcm9tKG5vZGVzKTtcbiAgICAgIGNvbnN0IGNoaWxkcmVuID0gQXJyYXkuZnJvbShjaGlsZE5vZGVzKVxuICAgICAgICAubWFwKG5vZGUgPT4gdGhpcy5kZXNlcmlhbGl6ZUVscyhub2RlLCBub2RlQXR0cmlidXRlcykpXG4gICAgICAgIC5mbGF0KCk7XG5cbiAgICAgIGlmIChjaGlsZHJlbi5sZW5ndGggPT09IDApIHtcbiAgICAgICAgY2hpbGRyZW4ucHVzaChqc3goJ3RleHQnLCBub2RlQXR0cmlidXRlcywgJycpKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIGNoaWxkcmVuO1xuICAgIH07XG5cbiAgICBjb25zdCBjb3JyZWN0UnVsZSA9IHRoaXMucnVsZXMucmVkdWNlKChyZXMsIHJ1bGUpID0+IHtcbiAgICAgIHJldHVybiByZXMgfHwgcnVsZS5kZXNlcmlhbGl6ZShlbGVtZW50LCBuZXh0Rm4pO1xuICAgIH0sIG51bGwpO1xuXG4gICAgaWYgKGNvcnJlY3RSdWxlKSB7XG4gICAgICByZXR1cm4gY29ycmVjdFJ1bGU7XG4gICAgfVxuXG4gICAgY29uc3QgY2hpbGROb2RlcyA9IEFycmF5LmZyb20oZWxlbWVudC5jaGlsZE5vZGVzKTtcbiAgICBjb25zdCBjaGlsZHJlbiA9IEFycmF5LmZyb20oY2hpbGROb2RlcylcbiAgICAgIC5tYXAobm9kZSA9PiB0aGlzLmRlc2VyaWFsaXplRWxzKG5vZGUsIG5vZGVBdHRyaWJ1dGVzKSlcbiAgICAgIC5mbGF0KCk7XG5cbiAgICBpZiAoY2hpbGRyZW4ubGVuZ3RoID09PSAwKSB7XG4gICAgICBjaGlsZHJlbi5wdXNoKGpzeCgndGV4dCcsIG5vZGVBdHRyaWJ1dGVzLCAnJykpO1xuICAgIH1cblxuICAgIHN3aXRjaCAoZWxlbWVudC5ub2RlTmFtZSkge1xuICAgICAgY2FzZSAnVEFCTEUnOlxuICAgICAgICByZXR1cm4ganN4KCdlbGVtZW50JywgeyB0eXBlOiAndGFibGUnIH0sIGNoaWxkcmVuKTtcbiAgICAgIGNhc2UgJ1RCT0RZJzpcbiAgICAgICAgcmV0dXJuIGpzeCgnZWxlbWVudCcsIHsgdHlwZTogJ3Rib2R5JyB9LCBjaGlsZHJlbik7XG4gICAgICBjYXNlICdUUic6XG4gICAgICAgIHJldHVybiBqc3goJ2VsZW1lbnQnLCB7IHR5cGU6ICd0cicgfSwgY2hpbGRyZW4pO1xuICAgICAgY2FzZSAnVEQnOlxuICAgICAgICByZXR1cm4ganN4KCdlbGVtZW50JywgeyB0eXBlOiAndGQnIH0sIGNoaWxkcmVuKTtcbiAgICAgIGNhc2UgJ0JPRFknOlxuICAgICAgICByZXR1cm4ganN4KCdmcmFnbWVudCcsIHt9LCBjaGlsZHJlbik7XG4gICAgICBjYXNlICdCUic6XG4gICAgICAgIHJldHVybiAnXFxuJztcbiAgICAgIGNhc2UgJ0JMT0NLUVVPVEUnOlxuICAgICAgICByZXR1cm4ganN4KCdlbGVtZW50JywgeyB0eXBlOiAncXVvdGUnIH0sIGNoaWxkcmVuKTtcbiAgICAgIGNhc2UgJ1AnOlxuICAgICAgICByZXR1cm4ganN4KCdlbGVtZW50JywgeyB0eXBlOiAncGFyYWdyYXBoJyB9LCBjaGlsZHJlbik7XG4gICAgICBjYXNlICdBJzpcbiAgICAgICAgcmV0dXJuIGpzeCgnZWxlbWVudCcsIHsgdHlwZTogJ2xpbmsnLCB1cmw6IGVsZW1lbnQuZ2V0QXR0cmlidXRlKCdocmVmJykgfSwgY2hpbGRyZW4pO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJu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

package/lib/with-mask.js

@@ -38,7 +38,7 @@ var buildLayoutFromMarkup = function buildLayoutFromMarkup(markup, type) {
       processed = _componentize.markup;
 
   var value = (0, _serialization.deserialize)(processed);
-  return value.document;
+  return value;
 };
 
 exports.buildLayoutFromMarkup = buildLayoutFromMarkup;
@@ -90,4 +90,4 @@ var withMask = function withMask(type, renderChildren) {
 };
 
 exports.withMask = withMask;
-//# sourceMappingURL=with-mask.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJidWlsZExheW91dEZyb21NYXJrdXAiLCJtYXJrdXAiLCJ0eXBlIiwiY29tcG9uZW50aXplIiwicHJvY2Vzc2VkIiwidmFsdWUiLCJkZXNlcmlhbGl6ZSIsIndpdGhNYXNrIiwicmVuZGVyQ2hpbGRyZW4iLCJwcm9wcyIsImxheW91dCIsIm9uQ2hhbmdlIiwibWFza0xheW91dCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwic3RyaW5nIiwib2JqZWN0IiwiZnVuYyJdLCJzb3VyY2VzIjpbIi4uL3NyYy93aXRoLW1hc2suanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IE1hc2sgZnJvbSAnLi9tYXNrJztcbmltcG9ydCBjb21wb25lbnRpemUgZnJvbSAnLi9jb21wb25lbnRpemUnO1xuaW1wb3J0IHsgZGVzZXJpYWxpemUgfSBmcm9tICcuL3NlcmlhbGl6YXRpb24nO1xuXG5leHBvcnQgY29uc3QgYnVpbGRMYXlvdXRGcm9tTWFya3VwID0gKG1hcmt1cCwgdHlwZSkgPT4ge1xuICBjb25zdCB7IG1hcmt1cDogcHJvY2Vzc2VkIH0gPSBjb21wb25lbnRpemUobWFya3VwLCB0eXBlKTtcbiAgY29uc3QgdmFsdWUgPSBkZXNlcmlhbGl6ZShwcm9jZXNzZWQpO1xuICByZXR1cm4gdmFsdWU7XG59O1xuXG5leHBvcnQgY29uc3Qgd2l0aE1hc2sgPSAodHlwZSwgcmVuZGVyQ2hpbGRyZW4pID0+IHtcbiAgcmV0dXJuIGNsYXNzIFdpdGhNYXNrIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgICAgLyoqXG4gICAgICAgKiBBdCB0aGUgc3RhcnQgd2UnbGwgcHJvYmFibHkgd29yayB3aXRoIG1hcmt1cFxuICAgICAgICovXG4gICAgICBtYXJrdXA6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAvKipcbiAgICAgICAqIE9uY2Ugd2Ugc3RhcnQgYXV0aG9yaW5nLCBpdCBtYXkgbWFrZSBzZW5zZSBmb3IgdXNlIHRvIHVzIGxheW91dCwgd2hpY2ggd2lsbCBiZSBhIHNpbXBsZSBqcyBvYmplY3QgdGhhdCBtYXBzIHRvIGBzbGF0ZS5WYWx1ZWAuXG4gICAgICAgKi9cbiAgICAgIGxheW91dDogUHJvcFR5cGVzLm9iamVjdCxcbiAgICAgIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jXG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgIGNvbnN0IHsgbWFya3VwLCBsYXlvdXQsIHZhbHVlLCBvbkNoYW5nZSB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgY29uc3QgbWFza0xheW91dCA9IGxheW91dCA/IGxheW91dCA6IGJ1aWxkTGF5b3V0RnJvbU1hcmt1cChtYXJrdXAsIHR5cGUpO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1hc2tcbiAgICAgICAgICBsYXlvdXQ9e21hc2tMYXlvdXR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICByZW5kZXJDaGlsZHJlbj17cmVuZGVyQ2hpbGRyZW4odGhpcy5wcm9wcyl9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH1cbiAgfTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFFTyxJQUFNQSxxQkFBcUIsR0FBRyxTQUF4QkEscUJBQXdCLENBQUNDLE1BQUQsRUFBU0MsSUFBVCxFQUFrQjtFQUNyRCxvQkFBOEIsSUFBQUMseUJBQUEsRUFBYUYsTUFBYixFQUFxQkMsSUFBckIsQ0FBOUI7RUFBQSxJQUFnQkUsU0FBaEIsaUJBQVFILE1BQVI7O0VBQ0EsSUFBTUksS0FBSyxHQUFHLElBQUFDLDBCQUFBLEVBQVlGLFNBQVosQ0FBZDtFQUNBLE9BQU9DLEtBQVA7QUFDRCxDQUpNOzs7O0FBTUEsSUFBTUUsUUFBUSxHQUFHLFNBQVhBLFFBQVcsQ0FBQ0wsSUFBRCxFQUFPTSxjQUFQLEVBQTBCO0VBQUE7O0VBQ2hEO0lBQUE7O0lBQUE7O0lBQUE7TUFBQTtNQUFBO0lBQUE7O0lBQUE7TUFBQTtNQUFBLE9BY0Usa0JBQVM7UUFDUCxrQkFBNEMsS0FBS0MsS0FBakQ7UUFBQSxJQUFRUixNQUFSLGVBQVFBLE1BQVI7UUFBQSxJQUFnQlMsTUFBaEIsZUFBZ0JBLE1BQWhCO1FBQUEsSUFBd0JMLEtBQXhCLGVBQXdCQSxLQUF4QjtRQUFBLElBQStCTSxRQUEvQixlQUErQkEsUUFBL0I7UUFFQSxJQUFNQyxVQUFVLEdBQUdGLE1BQU0sR0FBR0EsTUFBSCxHQUFZVixxQkFBcUIsQ0FBQ0MsTUFBRCxFQUFTQyxJQUFULENBQTFEO1FBQ0Esb0JBQ0UsZ0NBQUMsZ0JBQUQ7VUFDRSxNQUFNLEVBQUVVLFVBRFY7VUFFRSxLQUFLLEVBQUVQLEtBRlQ7VUFHRSxRQUFRLEVBQUVNLFFBSFo7VUFJRSxjQUFjLEVBQUVILGNBQWMsQ0FBQyxLQUFLQyxLQUFOO1FBSmhDLEVBREY7TUFRRDtJQTFCSDtJQUFBO0VBQUEsRUFBOEJJLGlCQUFBLENBQU1DLFNBQXBDLHlEQUNxQjtJQUNqQjtBQUNOO0FBQ0E7SUFDTWIsTUFBTSxFQUFFYyxxQkFBQSxDQUFVQyxNQUpEOztJQUtqQjtBQUNOO0FBQ0E7SUFDTU4sTUFBTSxFQUFFSyxxQkFBQSxDQUFVRSxNQVJEO0lBU2pCWixLQUFLLEVBQUVVLHFCQUFBLENBQVVFLE1BVEE7SUFVakJOLFFBQVEsRUFBRUkscUJBQUEsQ0FBVUc7RUFWSCxDQURyQjtBQTRCRCxDQTdCTSJ9

package/lib/with-mask.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/with-mask.jsx"],"names":["buildLayoutFromMarkup","markup","type","processed","value","document","withMask","renderChildren","props","layout","onChange","maskLayout","React","Component","PropTypes","string","object","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,MAAD,EAASC,IAAT,EAAkB;AACrD,sBAA8B,+BAAaD,MAAb,EAAqBC,IAArB,CAA9B;AAAA,MAAgBC,SAAhB,iBAAQF,MAAR;;AACA,MAAMG,KAAK,GAAG,gCAAYD,SAAZ,CAAd;AACA,SAAOC,KAAK,CAACC,QAAb;AACD,CAJM;;;;AAMA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACJ,IAAD,EAAOK,cAAP,EAA0B;AAAA;;AAChD;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,aAcE,kBAAS;AACP,0BAA4C,KAAKC,KAAjD;AAAA,YAAQP,MAAR,eAAQA,MAAR;AAAA,YAAgBQ,MAAhB,eAAgBA,MAAhB;AAAA,YAAwBL,KAAxB,eAAwBA,KAAxB;AAAA,YAA+BM,QAA/B,eAA+BA,QAA/B;AAEA,YAAMC,UAAU,GAAGF,MAAM,GAAGA,MAAH,GAAYT,qBAAqB,CAACC,MAAD,EAASC,IAAT,CAA1D;AACA,4BAAO,gCAAC,gBAAD;AAAM,UAAA,MAAM,EAAES,UAAd;AAA0B,UAAA,KAAK,EAAEP,KAAjC;AAAwC,UAAA,QAAQ,EAAEM,QAAlD;AAA4D,UAAA,cAAc,EAAEH,cAAc,CAAC,KAAKC,KAAN;AAA1F,UAAP;AACD;AAnBH;AAAA;AAAA,IAA8BI,kBAAMC,SAApC,yDACqB;AACjB;AACN;AACA;AACMZ,IAAAA,MAAM,EAAEa,sBAAUC,MAJD;;AAKjB;AACN;AACA;AACMN,IAAAA,MAAM,EAAEK,sBAAUE,MARD;AASjBZ,IAAAA,KAAK,EAAEU,sBAAUE,MATA;AAUjBN,IAAAA,QAAQ,EAAEI,sBAAUG;AAVH,GADrB;AAqBD,CAtBM","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Mask from './mask';\nimport componentize from './componentize';\nimport { deserialize } from './serialization';\n\nexport const buildLayoutFromMarkup = (markup, type) => {\n  const { markup: processed } = componentize(markup, type);\n  const value = deserialize(processed);\n  return value.document;\n};\n\nexport const withMask = (type, renderChildren) => {\n  return class WithMask extends React.Component {\n    static propTypes = {\n      /**\n       * At the start we'll probably work with markup\n       */\n      markup: PropTypes.string,\n      /**\n       * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.\n       */\n      layout: PropTypes.object,\n      value: PropTypes.object,\n      onChange: PropTypes.func,\n    };\n\n    render() {\n      const { markup, layout, value, onChange } = this.props;\n\n      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);\n      return <Mask layout={maskLayout} value={value} onChange={onChange} renderChildren={renderChildren(this.props)} />;\n    }\n  };\n};\n"],"file":"with-mask.js"}
+{"version":3,"file":"with-mask.js","names":["buildLayoutFromMarkup","markup","type","componentize","processed","value","deserialize","document","withMask","renderChildren","props","layout","onChange","maskLayout","React","Component","PropTypes","string","object","func"],"sources":["../src/with-mask.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Mask from './mask';\nimport componentize from './componentize';\nimport { deserialize } from './serialization';\n\nexport const buildLayoutFromMarkup = (markup, type) => {\n  const { markup: processed } = componentize(markup, type);\n  const value = deserialize(processed);\n  return value.document;\n};\n\nexport const withMask = (type, renderChildren) => {\n  return class WithMask extends React.Component {\n    static propTypes = {\n      /**\n       * At the start we'll probably work with markup\n       */\n      markup: PropTypes.string,\n      /**\n       * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.\n       */\n      layout: PropTypes.object,\n      value: PropTypes.object,\n      onChange: PropTypes.func\n    };\n\n    render() {\n      const { markup, layout, value, onChange } = this.props;\n\n      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);\n      return (\n        <Mask\n          layout={maskLayout}\n          value={value}\n          onChange={onChange}\n          renderChildren={renderChildren(this.props)}\n        />\n      );\n    }\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,MAAD,EAASC,IAAT,EAAkB;EACrD,oBAA8B,IAAAC,yBAAA,EAAaF,MAAb,EAAqBC,IAArB,CAA9B;EAAA,IAAgBE,SAAhB,iBAAQH,MAAR;;EACA,IAAMI,KAAK,GAAG,IAAAC,0BAAA,EAAYF,SAAZ,CAAd;EACA,OAAOC,KAAK,CAACE,QAAb;AACD,CAJM;;;;AAMA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACN,IAAD,EAAOO,cAAP,EAA0B;EAAA;;EAChD;IAAA;;IAAA;;IAAA;MAAA;MAAA;IAAA;;IAAA;MAAA;MAAA,OAcE,kBAAS;QACP,kBAA4C,KAAKC,KAAjD;QAAA,IAAQT,MAAR,eAAQA,MAAR;QAAA,IAAgBU,MAAhB,eAAgBA,MAAhB;QAAA,IAAwBN,KAAxB,eAAwBA,KAAxB;QAAA,IAA+BO,QAA/B,eAA+BA,QAA/B;QAEA,IAAMC,UAAU,GAAGF,MAAM,GAAGA,MAAH,GAAYX,qBAAqB,CAACC,MAAD,EAASC,IAAT,CAA1D;QACA,oBACE,gCAAC,gBAAD;UACE,MAAM,EAAEW,UADV;UAEE,KAAK,EAAER,KAFT;UAGE,QAAQ,EAAEO,QAHZ;UAIE,cAAc,EAAEH,cAAc,CAAC,KAAKC,KAAN;QAJhC,EADF;MAQD;IA1BH;IAAA;EAAA,EAA8BI,iBAAA,CAAMC,SAApC,yDACqB;IACjB;AACN;AACA;IACMd,MAAM,EAAEe,qBAAA,CAAUC,MAJD;;IAKjB;AACN;AACA;IACMN,MAAM,EAAEK,qBAAA,CAAUE,MARD;IASjBb,KAAK,EAAEW,qBAAA,CAAUE,MATA;IAUjBN,QAAQ,EAAEI,qBAAA,CAAUG;EAVH,CADrB;AA4BD,CA7BM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "1.13.12",
+  "version": "2.0.0-beta.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -9,23 +9,24 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.3",
-    "@pie-lib/drag": "^2.1.12",
-    "@pie-lib/math-rendering": "^2.5.12",
-    "@pie-lib/render-ui": "^4.14.12",
+    "@pie-lib/drag": "^1.1.52",
+    "@pie-lib/math-rendering": "^2.5.0",
+    "@pie-lib/render-ui": "^4.13.4",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
+    "escape-html": "^1.0.3",
     "immutable": ">=3.8.1",
     "prop-types": "^15.7.2",
     "react": "^16.8.1",
-    "react-dnd-html5-backend": "^14.0.2",
-    "slate": "^0.36.2",
-    "slate-html-serializer": "^0.6.12",
-    "slate-prop-types": "^0.4.38",
-    "slate-react": "^0.14.3",
+    "react-dnd-html5-backend": "^11.1.3",
+    "slate": "^0.82.1",
+    "slate-html-serializer": "^0.8.13",
+    "slate-hyperscript": "^0.77.0",
+    "slate-prop-types": "^0.5.44",
+    "slate-react": "^0.82.1",
     "to-style": "^1.3.3"
   },
   "keywords": [],
   "author": "",
-  "license": "ISC",
-  "gitHead": "6048dd9bb4e8663b85a6257a1f867e442c1437e2"
+  "license": "ISC"
 }

package/src/choices/choice.jsx

@@ -14,7 +14,7 @@ class BlankContentComp extends React.Component {
     disabled: PropTypes.bool,
     choice: PropTypes.object,
     classes: PropTypes.object,
-    connectDragSource: PropTypes.func,
+    connectDragSource: PropTypes.func
   };
 
   componentDidUpdate() {
@@ -27,7 +27,7 @@ class BlankContentComp extends React.Component {
     return connectDragSource(
       <span className={classnames(classes.choice, disabled && classes.disabled)}>
         <Chip
-          ref={(ref) => {
+          ref={ref => {
             //eslint-disable-next-line
             this.rootRef = ReactDOM.findDOMNode(ref);
           }}
@@ -35,7 +35,7 @@ class BlankContentComp extends React.Component {
           label={
             <span
               className={classes.chipLabel}
-              ref={(ref) => {
+              ref={ref => {
                 if (ref) {
                   ref.innerHTML = choice.value || ' ';
                 }
@@ -47,14 +47,14 @@ class BlankContentComp extends React.Component {
           variant={disabled ? 'outlined' : undefined}
         />
       </span>,
-      {},
+      {}
     );
   }
 }
 
-export const BlankContent = withStyles((theme) => ({
+export const BlankContent = withStyles(theme => ({
   choice: {
-    border: `solid 0px ${theme.palette.primary.main}`,
+    border: `solid 0px ${theme.palette.primary.main}`
   },
   chip: {
     alignItems: 'center',
@@ -64,16 +64,16 @@ export const BlankContent = withStyles((theme) => ({
     fontSize: 'inherit',
     whiteSpace: 'pre-wrap',
     maxWidth: '374px',
-    margin: theme.spacing.unit / 2,
+    margin: '4px'
   },
   chipLabel: {
     whiteSpace: 'pre-wrap',
     '& img': {
       display: 'block',
-      padding: '2px 0',
-    },
+      padding: '2px 0'
+    }
   },
-  disabled: {},
+  disabled: {}
 }))(BlankContentComp);
 
 const tileSource = {
@@ -83,14 +83,14 @@ const tileSource = {
   beginDrag(props) {
     return {
       choice: props.choice,
-      instanceId: props.instanceId,
+      instanceId: props.instanceId
     };
-  },
+  }
 };
 
 const DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({
   connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging(),
+  isDragging: monitor.isDragging()
 }))(BlankContent);
 
 export default DragDropTile;

package/src/choices/index.jsx

@@ -2,15 +2,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import findKey from 'lodash/findKey';
 import Choice from './choice';
-import DragDroppablePlaceholder from '@pie-lib/drag/lib/drag-in-the-blank-dp';
 
 export default class Choices extends React.Component {
   static propTypes = {
     disabled: PropTypes.bool,
     duplicates: PropTypes.bool,
-    choices: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),
+    choices: PropTypes.arrayOf(
+      PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })
+    ),
     value: PropTypes.object,
-    choicePosition: PropTypes.string.isRequired,
+    choicePosition: PropTypes.string.isRequired
   };
 
   getStyleForWrapper = () => {
@@ -19,44 +20,39 @@ export default class Choices extends React.Component {
     switch (choicePosition) {
       case 'above':
         return {
-          margin: '0 0 40px 0',
+          margin: '0 0 40px 0'
         };
-
       case 'below':
         return {
-          margin: '40px 0 0 0',
+          margin: '40px 0 0 0'
         };
-
       case 'right':
         return {
-          margin: '0 0 0 40px',
+          margin: '0 0 0 40px'
         };
-
       default:
         return {
-          margin: '0 40px 0 0',
+          margin: '0 40px 0 0'
         };
     }
   };
 
   render() {
     const { disabled, duplicates, choices, value } = this.props;
-    const filteredChoices = choices.filter((c) => {
+    const filteredChoices = choices.filter(c => {
       if (duplicates === true) {
         return true;
       }
-      const foundChoice = findKey(value, (v) => v === c.id);
+      const foundChoice = findKey(value, v => v === c.id);
       return foundChoice === undefined;
     });
     const elementStyle = this.getStyleForWrapper();
 
     return (
       <div style={elementStyle}>
-        <DragDroppablePlaceholder disabled={disabled}>
-          {filteredChoices.map((c, index) => (
-            <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />
-          ))}
-        </DragDroppablePlaceholder>
+        {filteredChoices.map((c, index) => (
+          <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />
+        ))}
       </div>
     );
   }

package/src/components/blank.jsx

@@ -14,7 +14,7 @@ export const DRAG_TYPE = 'MaskBlank';
 const useStyles = withStyles(() => ({
   content: {
     border: `solid 0px ${color.primary()}`,
-    minWidth: '200px',
+    minWidth: '200px'
   },
   chip: {
     minWidth: '90px',
@@ -22,34 +22,34 @@ const useStyles = withStyles(() => ({
     minHeight: '32px',
     height: 'auto',
     maxWidth: '374px',
-    position: 'relative',
+    position: 'relative'
   },
   chipLabel: {
     whiteSpace: 'pre-wrap',
     '& img': {
       display: 'block',
-      padding: '2px 0',
-    },
+      padding: '2px 0'
+    }
   },
   hidden: {
     color: 'transparent',
-    opacity: 0,
+    opacity: 0
   },
   dragged: {
     position: 'absolute',
     left: 14,
-    maxWidth: '60px',
+    maxWidth: '60px'
   },
   correct: {
-    border: `solid 1px ${color.correct()}`,
+    border: `solid 1px ${color.correct()}`
   },
   incorrect: {
-    border: `solid 1px ${color.incorrect()}`,
+    border: `solid 1px ${color.incorrect()}`
   },
   over: {
     whiteSpace: 'nowrap',
-    overflow: 'hidden',
-  },
+    overflow: 'hidden'
+  }
 }));
 
 export class BlankContent extends React.Component {
@@ -62,13 +62,13 @@ export class BlankContent extends React.Component {
     isOver: PropTypes.bool,
     dragItem: PropTypes.object,
     correct: PropTypes.bool,
-    onChange: PropTypes.func,
+    onChange: PropTypes.func
   };
 
   constructor() {
     super();
     this.state = {
-      height: 0,
+      height: 0
     };
   }
 
@@ -80,20 +80,20 @@ export class BlankContent extends React.Component {
     if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {
       if (!currentChoice) {
         this.setState({
-          height: 0,
+          height: 0
         });
         return;
       }
       setTimeout(() => {
         this.setState({
-          height: this.spanRef.offsetHeight,
+          height: this.spanRef.offsetHeight
         });
       }, 300);
     }
   }
 
   addDraggableFalseAttributes(parent) {
-    parent.childNodes.forEach((elem) => {
+    parent.childNodes.forEach(elem => {
       if (elem instanceof Element || elem instanceof HTMLDocument) {
         elem.setAttribute('draggable', false);
       }
@@ -107,7 +107,7 @@ export class BlankContent extends React.Component {
 
     return (
       <Chip
-        ref={(ref) => {
+        ref={ref => {
           //eslint-disable-next-line
           this.rootRef = ReactDOM.findDOMNode(ref);
         }}
@@ -116,9 +116,9 @@ export class BlankContent extends React.Component {
           <React.Fragment>
             <span
               className={classnames(classes.chipLabel, isOver && classes.over, {
-                [classes.hidden]: draggedLabel,
+                [classes.hidden]: draggedLabel
               })}
-              ref={(ref) => {
+              ref={ref => {
                 if (ref) {
                   //eslint-disable-next-line
                   this.spanRef = ReactDOM.findDOMNode(ref);
@@ -132,7 +132,7 @@ export class BlankContent extends React.Component {
             {draggedLabel && (
               <span
                 className={classnames(classes.chipLabel, isOver && classes.over, classes.dragged)}
-                ref={(ref) => {
+                ref={ref => {
                   if (ref) {
                     //eslint-disable-next-line
                     this.spanRef = ReactDOM.findDOMNode(ref);
@@ -148,14 +148,14 @@ export class BlankContent extends React.Component {
         }
         className={classnames(classes.chip, isOver && classes.over, {
           [classes.correct]: correct !== undefined && correct,
-          [classes.incorrect]: correct !== undefined && !correct,
+          [classes.incorrect]: correct !== undefined && !correct
         })}
         variant={disabled ? 'outlined' : undefined}
         style={{
-          ...(this.state.height ? { height: this.state.height } : {}),
+          ...(this.state.height ? { height: this.state.height } : {})
         }}
         classes={{
-          label: isOver && classes.over,
+          label: isOver && classes.over
         }}
       />
     );
@@ -171,8 +171,8 @@ const connectedBlankContent = useStyles(({ connectDragSource, connectDropTarget,
     connectDragSource(
       <span className={classnames(classes.content, isOver && classes.over)}>
         <StyledBlankContent {...props} />
-      </span>,
-    ),
+      </span>
+    )
   );
 });
 
@@ -187,20 +187,20 @@ const tileTarget = {
     }
 
     return {
-      dropped: draggedItem.id !== props.id,
+      dropped: draggedItem.id !== props.id
     };
   },
   canDrop(props, monitor) {
     const draggedItem = monitor.getItem();
 
     return draggedItem.instanceId === props.instanceId;
-  },
+  }
 };
 
 const DropTile = DropTarget(DRAG_TYPE, tileTarget, (connect, monitor) => ({
   connectDropTarget: connect.dropTarget(),
   isOver: monitor.isOver(),
-  dragItem: monitor.getItem(),
+  dragItem: monitor.getItem()
 }))(connectedBlankContent);
 
 const tileSource = {
@@ -212,7 +212,7 @@ const tileSource = {
       id: props.id,
       choice: props.choice,
       instanceId: props.instanceId,
-      fromChoice: true,
+      fromChoice: true
     };
   },
   endDrag(props, monitor) {
@@ -226,12 +226,12 @@ const tileSource = {
         props.onChange(props.id, undefined);
       }
     }
-  },
+  }
 };
 
 const DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({
   connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging(),
+  isDragging: monitor.isDragging()
 }))(DropTile);
 
 export default DragDropTile;