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

package/lib/test-serializer.js

@@ -1,207 +1,156 @@
 "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>"));
+      body = _this.parseHtml("<span>".concat(html, "</span>"));
     }
-
     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);
 
-    var nodeAttributes = _objectSpread({}, markAttributes); // define attributes for text nodes
-
-
+    // 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;
     }
@@ -212,4 +161,4 @@ var Html = /*#__PURE__*/(0, _createClass2["default"])(function Html(props) {
 });
 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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
+//# sourceMappingURL=test-serializer.js.map

package/lib/test-serializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-serializer.js","names":["_react","_interopRequireDefault","require","_server","_escapeHtml","_slate","_slateHyperscript","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","allWhitespace","node","test","textContent","defaultParseHtml","html","DOMParser","Error","parsed","parseFromString","body","textNodes","document","createTreeWalker","NodeFilter","SHOW_TEXT","n","nextNode","nodeValue","parentNode","removeChild","Html","_createClass2","props","_this","_classCallCheck2","Text","isText","string","escapeHtml","text","bold","createElement","children","map","serializeEls","correctRule","rules","reduce","res","rule","serialize","type","href","url","deserialized","ReactServer","renderToStaticMarkup","React","inner","slice","parseHtml","firstChild","nodeType","Node","TEXT_NODE","concat","deserializeEls","element","markAttributes","undefined","jsx","ELEMENT_NODE","nodeAttributes","nodeName","nextFn","nodes","childNodes","Array","from","flat","deserialize","getAttribute","defaultBlock","_default","exports"],"sources":["../src/test-serializer.js"],"sourcesContent":["import React from 'react';\nimport ReactServer from 'react-dom/server';\nimport escapeHtml from 'escape-html';\nimport { Text } from 'slate';\nimport { jsx } from 'slate-hyperscript';\n\nfunction allWhitespace(node) {\n  // Use ECMA-262 Edition 3 String and RegExp features\n  return !/[^\\t\\n\\r ]/.test(node.textContent);\n}\n\nfunction defaultParseHtml(html) {\n  if (typeof DOMParser === 'undefined') {\n    throw new Error(\n      '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.',\n    );\n  }\n\n  const parsed = new DOMParser().parseFromString(html, 'text/html');\n\n  const { body } = parsed;\n  const textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);\n  let n = textNodes.nextNode();\n\n  while (n) {\n    if (allWhitespace(n) || n.nodeValue === '\\u200B') {\n      n.parentNode.removeChild(n);\n    }\n    n = textNodes.nextNode();\n  }\n\n  return body;\n}\n\nclass Html {\n  constructor(props) {\n    this.defaultBlock = props.defaultBlock;\n    this.parseHtml = defaultParseHtml;\n    this.rules = props.rules;\n  }\n\n  serializeEls = (node) => {\n    if (Text.isText(node)) {\n      let string = escapeHtml(node.text);\n      if (node.bold) {\n        string = <strong>{string}</strong>;\n      }\n      return string;\n    }\n\n    let children = (node.children || []).map((n) => this.serializeEls(n));\n\n    const correctRule = this.rules.reduce((res, rule) => {\n      return res || rule.serialize(node, children);\n    }, null);\n\n    if (correctRule) {\n      return correctRule;\n    }\n\n    switch (node.type) {\n      case 'quote':\n        return (\n          <blockquote>\n            <p>{children}</p>\n          </blockquote>\n        );\n      case 'paragraph':\n        return <p>{children}</p>;\n      case 'link':\n        return <a href={escapeHtml(node.url)}>{children}</a>;\n      default:\n        return children;\n    }\n  };\n\n  serialize = (node) => {\n    const deserialized = this.serializeEls(node);\n    const html = ReactServer.renderToStaticMarkup(React.createElement('body', null, deserialized));\n    const inner = html.slice(6, -7);\n    return inner;\n  };\n\n  deserialize = (html) => {\n    let body = this.parseHtml(html);\n\n    if (body.firstChild && body.firstChild.nodeType === Node.TEXT_NODE) {\n      body = this.parseHtml(`<span>${html}</span>`);\n    }\n\n    return this.deserializeEls(body);\n  };\n\n  deserializeEls = (element, markAttributes = {}) => {\n    if (element.nodeType === Node.TEXT_NODE) {\n      return jsx('text', markAttributes, element.textContent);\n    } else if (element.nodeType !== Node.ELEMENT_NODE) {\n      return null;\n    }\n\n    const nodeAttributes = { ...markAttributes };\n\n    // define attributes for text nodes\n    if (element.nodeName === 'STRONG') {\n      nodeAttributes.bold = true;\n    }\n\n    const nextFn = (nodes) => {\n      const childNodes = Array.from(nodes);\n      const children = Array.from(childNodes)\n        .map((node) => this.deserializeEls(node, nodeAttributes))\n        .flat();\n\n      if (children.length === 0) {\n        children.push(jsx('text', nodeAttributes, ''));\n      }\n\n      return children;\n    };\n\n    const correctRule = this.rules.reduce((res, rule) => {\n      return res || rule.deserialize(element, nextFn);\n    }, null);\n\n    if (correctRule) {\n      return correctRule;\n    }\n\n    const childNodes = Array.from(element.childNodes);\n    const children = Array.from(childNodes)\n      .map((node) => this.deserializeEls(node, nodeAttributes))\n      .flat();\n\n    if (children.length === 0) {\n      children.push(jsx('text', nodeAttributes, ''));\n    }\n\n    switch (element.nodeName) {\n      case 'TABLE':\n        return jsx('element', { type: 'table' }, children);\n      case 'TBODY':\n        return jsx('element', { type: 'tbody' }, children);\n      case 'TR':\n        return jsx('element', { type: 'tr' }, children);\n      case 'TD':\n        return jsx('element', { type: 'td' }, children);\n      case 'BODY':\n        return jsx('fragment', {}, children);\n      case 'BR':\n        return '\\n';\n      case 'BLOCKQUOTE':\n        return jsx('element', { type: 'quote' }, children);\n      case 'P':\n        return jsx('element', { type: 'paragraph' }, children);\n      case 'A':\n        return jsx('element', { type: 'link', url: element.getAttribute('href') }, children);\n      default:\n        return children;\n    }\n  };\n}\n\nexport default Html;\n"],"mappings":"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"}

package/lib/with-mask.js

@@ -1,69 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withMask = exports.buildLayoutFromMarkup = 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 _mask = _interopRequireDefault(require("./mask"));
-
 var _componentize2 = _interopRequireDefault(require("./componentize"));
-
 var _serialization = require("./serialization");
-
 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 buildLayoutFromMarkup = function buildLayoutFromMarkup(markup, type) {
   var _componentize = (0, _componentize2["default"])(markup, type),
-      processed = _componentize.markup;
-
+    processed = _componentize.markup;
   var value = (0, _serialization.deserialize)(processed);
   return value;
 };
-
 exports.buildLayoutFromMarkup = buildLayoutFromMarkup;
-
 var withMask = function withMask(type, renderChildren) {
   var _class;
-
   return _class = /*#__PURE__*/function (_React$Component) {
     (0, _inherits2["default"])(WithMask, _React$Component);
-
     var _super = _createSuper(WithMask);
-
     function WithMask() {
       (0, _classCallCheck2["default"])(this, WithMask);
       return _super.apply(this, arguments);
     }
-
     (0, _createClass2["default"])(WithMask, [{
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            markup = _this$props.markup,
-            layout = _this$props.layout,
-            value = _this$props.value,
-            onChange = _this$props.onChange;
+          markup = _this$props.markup,
+          layout = _this$props.layout,
+          value = _this$props.value,
+          onChange = _this$props.onChange;
         var maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);
         return /*#__PURE__*/_react["default"].createElement(_mask["default"], {
           layout: maskLayout,
@@ -79,7 +57,6 @@ var withMask = function withMask(type, renderChildren) {
      * At the start we'll probably work with markup
      */
     markup: _propTypes["default"].string,
-
     /**
      * 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`.
      */
@@ -88,6 +65,5 @@ var withMask = function withMask(type, renderChildren) {
     onChange: _propTypes["default"].func
   }), _class;
 };
-
 exports.withMask = withMask;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJidWlsZExheW91dEZyb21NYXJrdXAiLCJtYXJrdXAiLCJ0eXBlIiwiY29tcG9uZW50aXplIiwicHJvY2Vzc2VkIiwidmFsdWUiLCJkZXNlcmlhbGl6ZSIsIndpdGhNYXNrIiwicmVuZGVyQ2hpbGRyZW4iLCJwcm9wcyIsImxheW91dCIsIm9uQ2hhbmdlIiwibWFza0xheW91dCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwic3RyaW5nIiwib2JqZWN0IiwiZnVuYyJdLCJzb3VyY2VzIjpbIi4uL3NyYy93aXRoLW1hc2suanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IE1hc2sgZnJvbSAnLi9tYXNrJztcbmltcG9ydCBjb21wb25lbnRpemUgZnJvbSAnLi9jb21wb25lbnRpemUnO1xuaW1wb3J0IHsgZGVzZXJpYWxpemUgfSBmcm9tICcuL3NlcmlhbGl6YXRpb24nO1xuXG5leHBvcnQgY29uc3QgYnVpbGRMYXlvdXRGcm9tTWFya3VwID0gKG1hcmt1cCwgdHlwZSkgPT4ge1xuICBjb25zdCB7IG1hcmt1cDogcHJvY2Vzc2VkIH0gPSBjb21wb25lbnRpemUobWFya3VwLCB0eXBlKTtcbiAgY29uc3QgdmFsdWUgPSBkZXNlcmlhbGl6ZShwcm9jZXNzZWQpO1xuICByZXR1cm4gdmFsdWU7XG59O1xuXG5leHBvcnQgY29uc3Qgd2l0aE1hc2sgPSAodHlwZSwgcmVuZGVyQ2hpbGRyZW4pID0+IHtcbiAgcmV0dXJuIGNsYXNzIFdpdGhNYXNrIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgICAgLyoqXG4gICAgICAgKiBBdCB0aGUgc3RhcnQgd2UnbGwgcHJvYmFibHkgd29yayB3aXRoIG1hcmt1cFxuICAgICAgICovXG4gICAgICBtYXJrdXA6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAvKipcbiAgICAgICAqIE9uY2Ugd2Ugc3RhcnQgYXV0aG9yaW5nLCBpdCBtYXkgbWFrZSBzZW5zZSBmb3IgdXNlIHRvIHVzIGxheW91dCwgd2hpY2ggd2lsbCBiZSBhIHNpbXBsZSBqcyBvYmplY3QgdGhhdCBtYXBzIHRvIGBzbGF0ZS5WYWx1ZWAuXG4gICAgICAgKi9cbiAgICAgIGxheW91dDogUHJvcFR5cGVzLm9iamVjdCxcbiAgICAgIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jXG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgIGNvbnN0IHsgbWFya3VwLCBsYXlvdXQsIHZhbHVlLCBvbkNoYW5nZSB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgY29uc3QgbWFza0xheW91dCA9IGxheW91dCA/IGxheW91dCA6IGJ1aWxkTGF5b3V0RnJvbU1hcmt1cChtYXJrdXAsIHR5cGUpO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1hc2tcbiAgICAgICAgICBsYXlvdXQ9e21hc2tMYXlvdXR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICByZW5kZXJDaGlsZHJlbj17cmVuZGVyQ2hpbGRyZW4odGhpcy5wcm9wcyl9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH1cbiAgfTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFFTyxJQUFNQSxxQkFBcUIsR0FBRyxTQUF4QkEscUJBQXdCLENBQUNDLE1BQUQsRUFBU0MsSUFBVCxFQUFrQjtFQUNyRCxvQkFBOEIsSUFBQUMseUJBQUEsRUFBYUYsTUFBYixFQUFxQkMsSUFBckIsQ0FBOUI7RUFBQSxJQUFnQkUsU0FBaEIsaUJBQVFILE1BQVI7O0VBQ0EsSUFBTUksS0FBSyxHQUFHLElBQUFDLDBCQUFBLEVBQVlGLFNBQVosQ0FBZDtFQUNBLE9BQU9DLEtBQVA7QUFDRCxDQUpNOzs7O0FBTUEsSUFBTUUsUUFBUSxHQUFHLFNBQVhBLFFBQVcsQ0FBQ0wsSUFBRCxFQUFPTSxjQUFQLEVBQTBCO0VBQUE7O0VBQ2hEO0lBQUE7O0lBQUE7O0lBQUE7TUFBQTtNQUFBO0lBQUE7O0lBQUE7TUFBQTtNQUFBLE9BY0Usa0JBQVM7UUFDUCxrQkFBNEMsS0FBS0MsS0FBakQ7UUFBQSxJQUFRUixNQUFSLGVBQVFBLE1BQVI7UUFBQSxJQUFnQlMsTUFBaEIsZUFBZ0JBLE1BQWhCO1FBQUEsSUFBd0JMLEtBQXhCLGVBQXdCQSxLQUF4QjtRQUFBLElBQStCTSxRQUEvQixlQUErQkEsUUFBL0I7UUFFQSxJQUFNQyxVQUFVLEdBQUdGLE1BQU0sR0FBR0EsTUFBSCxHQUFZVixxQkFBcUIsQ0FBQ0MsTUFBRCxFQUFTQyxJQUFULENBQTFEO1FBQ0Esb0JBQ0UsZ0NBQUMsZ0JBQUQ7VUFDRSxNQUFNLEVBQUVVLFVBRFY7VUFFRSxLQUFLLEVBQUVQLEtBRlQ7VUFHRSxRQUFRLEVBQUVNLFFBSFo7VUFJRSxjQUFjLEVBQUVILGNBQWMsQ0FBQyxLQUFLQyxLQUFOO1FBSmhDLEVBREY7TUFRRDtJQTFCSDtJQUFBO0VBQUEsRUFBOEJJLGlCQUFBLENBQU1DLFNBQXBDLHlEQUNxQjtJQUNqQjtBQUNOO0FBQ0E7SUFDTWIsTUFBTSxFQUFFYyxxQkFBQSxDQUFVQyxNQUpEOztJQUtqQjtBQUNOO0FBQ0E7SUFDTU4sTUFBTSxFQUFFSyxxQkFBQSxDQUFVRSxNQVJEO0lBU2pCWixLQUFLLEVBQUVVLHFCQUFBLENBQVVFLE1BVEE7SUFVakJOLFFBQVEsRUFBRUkscUJBQUEsQ0FBVUc7RUFWSCxDQURyQjtBQTRCRCxDQTdCTSJ9
+//# sourceMappingURL=with-mask.js.map

package/lib/with-mask.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"with-mask.js","names":["_react","_interopRequireDefault","require","_propTypes","_mask","_componentize2","_serialization","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","buildLayoutFromMarkup","markup","type","_componentize","componentize","processed","value","deserialize","exports","withMask","renderChildren","_class","_React$Component","_inherits2","WithMask","_super","_classCallCheck2","_createClass2","key","render","_this$props","props","layout","onChange","maskLayout","createElement","React","Component","_defineProperty2","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;\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"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -9,21 +9,21 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.3",
-    "@pie-lib/drag": "^1.1.52",
-    "@pie-lib/math-rendering": "^2.5.0",
-    "@pie-lib/render-ui": "^4.13.4",
+    "@pie-lib/drag": "^2.2.1",
+    "@pie-lib/math-rendering": "^2.5.17",
+    "@pie-lib/render-ui": "^4.14.28",
     "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": "^11.1.3",
-    "slate": "^0.82.1",
+    "react-dnd-html5-backend": "^14.0.2",
+    "slate": "^0.94.1",
     "slate-html-serializer": "^0.8.13",
     "slate-hyperscript": "^0.77.0",
     "slate-prop-types": "^0.5.44",
-    "slate-react": "^0.82.1",
+    "slate-react": "^0.97.2",
     "to-style": "^1.3.3"
   },
   "keywords": [],

package/src/choices/choice.jsx

@@ -6,6 +6,7 @@ import Chip from '@material-ui/core/Chip';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { renderMath } from '@pie-lib/math-rendering';
+import { color } from '@pie-lib/render-ui';
 
 export const DRAG_TYPE = 'MaskBlank';
 
@@ -14,7 +15,7 @@ class BlankContentComp extends React.Component {
     disabled: PropTypes.bool,
     choice: PropTypes.object,
     classes: PropTypes.object,
-    connectDragSource: PropTypes.func
+    connectDragSource: PropTypes.func,
   };
 
   componentDidUpdate() {
@@ -24,10 +25,14 @@ class BlankContentComp extends React.Component {
   render() {
     const { connectDragSource, choice, classes, disabled } = this.props;
 
+    // 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(
       <span className={classnames(classes.choice, disabled && classes.disabled)}>
         <Chip
-          ref={ref => {
+          clickable={false}
+          disabled={true}
+          ref={(ref) => {
             //eslint-disable-next-line
             this.rootRef = ReactDOM.findDOMNode(ref);
           }}
@@ -35,7 +40,7 @@ class BlankContentComp extends React.Component {
           label={
             <span
               className={classes.chipLabel}
-              ref={ref => {
+              ref={(ref) => {
                 if (ref) {
                   ref.innerHTML = choice.value || ' ';
                 }
@@ -47,16 +52,22 @@ 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}`,
+    borderRadius: theme.spacing.unit * 2,
+    margin: theme.spacing.unit / 2,
+    transform: 'translate(0, 0)',
   },
   chip: {
+    backgroundColor: color.background(),
+    border: `1px solid ${color.text()}`,
+    color: color.text(),
     alignItems: 'center',
     display: 'inline-flex',
     height: 'initial',
@@ -64,16 +75,19 @@ export const BlankContent = withStyles(theme => ({
     fontSize: 'inherit',
     whiteSpace: 'pre-wrap',
     maxWidth: '374px',
-    margin: '4px'
+    // 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'
-    }
+      padding: '2px 0',
+    },
   },
-  disabled: {}
+  disabled: {},
 }))(BlankContentComp);
 
 const tileSource = {
@@ -83,14 +97,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,16 +2,15 @@ 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 = () => {
@@ -20,39 +19,44 @@ 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}>
-        {filteredChoices.map((c, index) => (
-          <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />
-        ))}
+        <DragDroppablePlaceholder disabled={disabled}>
+          {filteredChoices.map((c, index) => (
+            <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />
+          ))}
+        </DragDroppablePlaceholder>
       </div>
     );
   }