@pie-lib/editable-html-tip-tap 1.0.0

package/lib/extensions/css.js

@@ -0,0 +1,252 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeDialogs = exports.CSSMark = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _core = require("@tiptap/core");
+
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+
+var removeDialogs = function removeDialogs() {
+  var prevDialogs = document.querySelectorAll('.insert-css-dialog');
+  prevDialogs.forEach(function (s) {
+    return s.remove();
+  });
+};
+
+exports.removeDialogs = removeDialogs;
+
+var insertDialog = function insertDialog(_ref) {
+  var editor = _ref.editor,
+      callback = _ref.callback,
+      opts = _ref.opts,
+      selectedText = _ref.selectedText,
+      parentNode = _ref.parentNode;
+  var editorDOM = editor.options.element;
+  var newEl = document.createElement('div');
+  var selection = editor.state.selection;
+  removeDialogs();
+  newEl.className = 'insert-css-dialog';
+  var popoverEl;
+
+  var closePopOver = function closePopOver() {
+    if (popoverEl) {
+      popoverEl.remove();
+    }
+  };
+
+  var firstCallMade = false;
+
+  var listener = function listener(e) {
+    // this will be triggered right after setting it because
+    // this toolbar is added on the mousedown event
+    // so right after mouseup, the click will be triggered
+    if (firstCallMade) {
+      var focusIsInModals = newEl.contains(e.target) || popoverEl && popoverEl.contains(e.target);
+      var focusIsInEditor = editorDOM.contains(e.target);
+
+      if (!(focusIsInModals || focusIsInEditor)) {
+        handleClose();
+      }
+    } else {
+      firstCallMade = true;
+    }
+  };
+
+  var handleClose = function handleClose() {
+    callback(undefined, true);
+    newEl.remove();
+    closePopOver();
+    document.body.removeEventListener('click', listener);
+  };
+
+  var handleChange = function handleChange(name) {
+    callback(name, true);
+    newEl.remove();
+    closePopOver();
+    document.body.removeEventListener('click', listener);
+  };
+
+  var parentNodeClass = parentNode === null || parentNode === void 0 ? void 0 : parentNode.attrs["class"];
+
+  var createHTML = function createHTML(name) {
+    var html = "<span class=\"".concat(name, "\">").concat(selectedText, "</span>");
+
+    if (parentNode) {
+      var tag = 'span';
+
+      if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.object) === 'inline') {
+        tag = 'span';
+      }
+
+      if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.object) === 'block') {
+        tag = 'div';
+      }
+
+      html = "<".concat(tag, " class=\"").concat(parentNodeClass, "\">").concat(parentNode.text.slice(0, selection.$anchor.textOffset)).concat(html).concat(parentNode.text.slice(selection.$head.textOffset), "</").concat(tag, ">");
+    }
+
+    return html;
+  };
+
+  var el = /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      background: 'white',
+      height: 500,
+      padding: 20,
+      overflow: 'hidden',
+      display: 'flex',
+      flexFlow: 'column'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("h2", null, "Please choose a css class"), parentNodeClass && /*#__PURE__*/_react["default"].createElement("div", null, "The current parent has this class ", parentNodeClass), /*#__PURE__*/_react["default"].createElement(_List["default"], {
+    component: "nav",
+    style: {
+      overflow: 'scroll'
+    }
+  }, opts.names.map(function (name, i) {
+    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+      key: "rule-".concat(i),
+      button: true,
+      onClick: function onClick() {
+        return handleChange(name);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        marginRight: 20
+      }
+    }, name), /*#__PURE__*/_react["default"].createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: createHTML(name)
+      }
+    }));
+  })));
+
+  _reactDom["default"].render(el, newEl, function () {
+    var cursorItem = editor.view.nodeDOM(editor.state.selection.from);
+    var cursorNode = cursorItem === null || cursorItem === void 0 ? void 0 : cursorItem.parentNode;
+
+    if (cursorNode) {
+      var bodyRect = editorDOM.parentElement.parentElement.parentElement.getBoundingClientRect();
+      var boundRect = cursorNode.getBoundingClientRect();
+      editorDOM.parentElement.parentElement.parentElement.appendChild(newEl);
+      newEl.style.maxWidth = '500px';
+      newEl.style.position = 'absolute';
+      newEl.style.top = 0;
+      newEl.style.zIndex = 99999;
+      var leftValue = "".concat(boundRect.left + Math.abs(bodyRect.left) + cursorNode.offsetWidth + 10, "px");
+      var rightValue = "".concat(boundRect.x, "px");
+      newEl.style.left = leftValue;
+      var leftAlignedWidth = newEl.offsetWidth;
+      newEl.style.left = 'unset';
+      newEl.style.right = rightValue;
+      var rightAlignedWidth = newEl.offsetWidth;
+      newEl.style.left = 'unset';
+      newEl.style.right = 'unset';
+
+      if (leftAlignedWidth >= rightAlignedWidth) {
+        newEl.style.left = leftValue;
+      } else {
+        newEl.style.right = rightValue;
+      }
+
+      document.body.addEventListener('click', listener);
+    }
+  });
+};
+
+var CSSMark = _core.Mark.create({
+  name: 'cssmark',
+  addOptions: function addOptions() {
+    return {
+      classes: []
+    };
+  },
+  addAttributes: function addAttributes() {
+    return {
+      "class": {
+        "default": null,
+        parseHTML: function parseHTML(el) {
+          return el.getAttribute('class');
+        },
+        renderHTML: function renderHTML(attributes) {
+          if (!attributes["class"]) return {};
+          return {
+            "class": attributes["class"]
+          };
+        }
+      }
+    };
+  },
+  parseHTML: function parseHTML() {
+    var _this = this;
+
+    // Any span with a class that matches one of allowed classes
+    return [{
+      tag: 'span[class]',
+      getAttrs: function getAttrs(el) {
+        var cls = el.getAttribute('class') || '';
+
+        var match = _this.options.classes.find(function (name) {
+          return cls.includes(name);
+        });
+
+        return match ? {
+          "class": match
+        } : false;
+      }
+    }];
+  },
+  renderHTML: function renderHTML(_ref2) {
+    var HTMLAttributes = _ref2.HTMLAttributes;
+    return ['span', (0, _core.mergeAttributes)(HTMLAttributes), 0];
+  },
+  addCommands: function addCommands() {
+    var _this2 = this;
+
+    return {
+      setCSSClass: function setCSSClass(className) {
+        return function (_ref3) {
+          var commands = _ref3.commands;
+          return commands.setMark(_this2.name, {
+            "class": className
+          });
+        };
+      },
+      unsetCSSClass: function unsetCSSClass() {
+        return function (_ref4) {
+          var commands = _ref4.commands;
+          return commands.unsetMark(_this2.name);
+        };
+      },
+      openCSSClassDialog: function openCSSClassDialog() {
+        return function (_ref5) {
+          var editor = _ref5.editor;
+          insertDialog({
+            editor: editor,
+            selectedText: editor.state.doc.textBetween(editor.state.selection.from, editor.state.selection.to),
+            parentNode: editor.state.selection.$from.nodeAfter,
+            opts: _this2.options.extraCSSRules,
+            callback: function callback(className) {
+              if (className) {
+                editor.chain().focus().setCSSClass(className).run();
+              }
+            }
+          });
+        };
+      }
+    };
+  }
+});
+
+exports.CSSMark = CSSMark;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leHRlbnNpb25zL2Nzcy5qcyJdLCJuYW1lcyI6WyJyZW1vdmVEaWFsb2dzIiwicHJldkRpYWxvZ3MiLCJkb2N1bWVudCIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJmb3JFYWNoIiwicyIsInJlbW92ZSIsImluc2VydERpYWxvZyIsImVkaXRvciIsImNhbGxiYWNrIiwib3B0cyIsInNlbGVjdGVkVGV4dCIsInBhcmVudE5vZGUiLCJlZGl0b3JET00iLCJvcHRpb25zIiwiZWxlbWVudCIsIm5ld0VsIiwiY3JlYXRlRWxlbWVudCIsInNlbGVjdGlvbiIsInN0YXRlIiwiY2xhc3NOYW1lIiwicG9wb3ZlckVsIiwiY2xvc2VQb3BPdmVyIiwiZmlyc3RDYWxsTWFkZSIsImxpc3RlbmVyIiwiZSIsImZvY3VzSXNJbk1vZGFscyIsImNvbnRhaW5zIiwidGFyZ2V0IiwiZm9jdXNJc0luRWRpdG9yIiwiaGFuZGxlQ2xvc2UiLCJ1bmRlZmluZWQiLCJib2R5IiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsImhhbmRsZUNoYW5nZSIsIm5hbWUiLCJwYXJlbnROb2RlQ2xhc3MiLCJhdHRycyIsImNyZWF0ZUhUTUwiLCJodG1sIiwidGFnIiwib2JqZWN0IiwidGV4dCIsInNsaWNlIiwiJGFuY2hvciIsInRleHRPZmZzZXQiLCIkaGVhZCIsImVsIiwiYmFja2dyb3VuZCIsImhlaWdodCIsInBhZGRpbmciLCJvdmVyZmxvdyIsImRpc3BsYXkiLCJmbGV4RmxvdyIsIm5hbWVzIiwibWFwIiwiaSIsIm1hcmdpblJpZ2h0IiwiX19odG1sIiwiUmVhY3RET00iLCJyZW5kZXIiLCJjdXJzb3JJdGVtIiwidmlldyIsIm5vZGVET00iLCJmcm9tIiwiY3Vyc29yTm9kZSIsImJvZHlSZWN0IiwicGFyZW50RWxlbWVudCIsImdldEJvdW5kaW5nQ2xpZW50UmVjdCIsImJvdW5kUmVjdCIsImFwcGVuZENoaWxkIiwic3R5bGUiLCJtYXhXaWR0aCIsInBvc2l0aW9uIiwidG9wIiwiekluZGV4IiwibGVmdFZhbHVlIiwibGVmdCIsIk1hdGgiLCJhYnMiLCJvZmZzZXRXaWR0aCIsInJpZ2h0VmFsdWUiLCJ4IiwibGVmdEFsaWduZWRXaWR0aCIsInJpZ2h0IiwicmlnaHRBbGlnbmVkV2lkdGgiLCJhZGRFdmVudExpc3RlbmVyIiwiQ1NTTWFyayIsIk1hcmsiLCJjcmVhdGUiLCJhZGRPcHRpb25zIiwiY2xhc3NlcyIsImFkZEF0dHJpYnV0ZXMiLCJwYXJzZUhUTUwiLCJnZXRBdHRyaWJ1dGUiLCJyZW5kZXJIVE1MIiwiYXR0cmlidXRlcyIsImdldEF0dHJzIiwiY2xzIiwibWF0Y2giLCJmaW5kIiwiaW5jbHVkZXMiLCJIVE1MQXR0cmlidXRlcyIsImFkZENvbW1hbmRzIiwic2V0Q1NTQ2xhc3MiLCJjb21tYW5kcyIsInNldE1hcmsiLCJ1bnNldENTU0NsYXNzIiwidW5zZXRNYXJrIiwib3BlbkNTU0NsYXNzRGlhbG9nIiwiZG9jIiwidGV4dEJldHdlZW4iLCJ0byIsIiRmcm9tIiwibm9kZUFmdGVyIiwiZXh0cmFDU1NSdWxlcyIsImNoYWluIiwiZm9jdXMiLCJydW4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVPLElBQU1BLGFBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsR0FBTTtBQUNqQyxNQUFNQyxXQUFXLEdBQUdDLFFBQVEsQ0FBQ0MsZ0JBQVQsQ0FBMEIsb0JBQTFCLENBQXBCO0FBRUFGLEVBQUFBLFdBQVcsQ0FBQ0csT0FBWixDQUFvQixVQUFDQyxDQUFEO0FBQUEsV0FBT0EsQ0FBQyxDQUFDQyxNQUFGLEVBQVA7QUFBQSxHQUFwQjtBQUNELENBSk07Ozs7QUFNUCxJQUFNQyxZQUFZLEdBQUcsU0FBZkEsWUFBZSxPQUEwRDtBQUFBLE1BQXZEQyxNQUF1RCxRQUF2REEsTUFBdUQ7QUFBQSxNQUEvQ0MsUUFBK0MsUUFBL0NBLFFBQStDO0FBQUEsTUFBckNDLElBQXFDLFFBQXJDQSxJQUFxQztBQUFBLE1BQS9CQyxZQUErQixRQUEvQkEs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RE9NIGZyb20gJ3JlYWN0LWRvbSc7XG5pbXBvcnQgeyBNYXJrLCBtZXJnZUF0dHJpYnV0ZXMgfSBmcm9tICdAdGlwdGFwL2NvcmUnO1xuaW1wb3J0IExpc3QgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvTGlzdCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvTGlzdEl0ZW0nO1xuXG5leHBvcnQgY29uc3QgcmVtb3ZlRGlhbG9ncyA9ICgpID0+IHtcbiAgY29uc3QgcHJldkRpYWxvZ3MgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuaW5zZXJ0LWNzcy1kaWFsb2cnKTtcblxuICBwcmV2RGlhbG9ncy5mb3JFYWNoKChzKSA9PiBzLnJlbW92ZSgpKTtcbn07XG5cbmNvbnN0IGluc2VydERpYWxvZyA9ICh7IGVkaXRvciwgY2FsbGJhY2ssIG9wdHMsIHNlbGVjdGVkVGV4dCwgcGFyZW50Tm9kZSB9KSA9PiB7XG4gIGNvbnN0IGVkaXRvckRPTSA9IGVkaXRvci5vcHRpb25zLmVsZW1lbnQ7XG4gIGNvbnN0IG5ld0VsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gIGNvbnN0IHsgc2VsZWN0aW9uIH0gPSBlZGl0b3Iuc3RhdGU7XG5cbiAgcmVtb3ZlRGlhbG9ncygpO1xuXG4gIG5ld0VsLmNsYXNzTmFtZSA9ICdpbnNlcnQtY3NzLWRpYWxvZyc7XG5cbiAgbGV0IHBvcG92ZXJFbDtcblxuICBjb25zdCBjbG9zZVBvcE92ZXIgPSAoKSA9PiB7XG4gICAgaWYgKHBvcG92ZXJFbCkge1xuICAgICAgcG9wb3ZlckVsLnJlbW92ZSgpO1xuICAgIH1cbiAgfTtcblxuICBsZXQgZmlyc3RDYWxsTWFkZSA9IGZhbHNlO1xuXG4gIGNvbnN0IGxpc3RlbmVyID0gKGUpID0+IHtcbiAgICAvLyB0aGlzIHdpbGwgYmUgdHJpZ2dlcmVkIHJpZ2h0IGFmdGVyIHNldHRpbmcgaXQgYmVjYXVzZVxuICAgIC8vIHRoaXMgdG9vbGJhciBpcyBhZGRlZCBvbiB0aGUgbW91c2Vkb3duIGV2ZW50XG4gICAgLy8gc28gcmlnaHQgYWZ0ZXIgbW91c2V1cCwgdGhlIGNsaWNrIHdpbGwgYmUgdHJpZ2dlcmVkXG4gICAgaWYgKGZpcnN0Q2FsbE1hZGUpIHtcbiAgICAgIGNvbnN0IGZvY3VzSXNJbk1vZGFscyA9IG5ld0VsLmNvbnRhaW5zKGUudGFyZ2V0KSB8fCAocG9wb3ZlckVsICYmIHBvcG92ZXJFbC5jb250YWlucyhlLnRhcmdldCkpO1xuICAgICAgY29uc3QgZm9jdXNJc0luRWRpdG9yID0gZWRpdG9yRE9NLmNvbnRhaW5zKGUudGFyZ2V0KTtcblxuICAgICAgaWYgKCEoZm9jdXNJc0luTW9kYWxzIHx8IGZvY3VzSXNJbkVkaXRvcikpIHtcbiAgICAgICAgaGFuZGxlQ2xvc2UoKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgZmlyc3RDYWxsTWFkZSA9IHRydWU7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGNhbGxiYWNrKHVuZGVmaW5lZCwgdHJ1ZSk7XG4gICAgbmV3RWwucmVtb3ZlKCk7XG4gICAgY2xvc2VQb3BPdmVyKCk7XG4gICAgZG9jdW1lbnQuYm9keS5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIGxpc3RlbmVyKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAobmFtZSkgPT4ge1xuICAgIGNhbGxiYWNrKG5hbWUsIHRydWUpO1xuICAgIG5ld0VsLnJlbW92ZSgpO1xuICAgIGNsb3NlUG9wT3ZlcigpO1xuICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCBsaXN0ZW5lcik7XG4gIH07XG5cbiAgY29uc3QgcGFyZW50Tm9kZUNsYXNzID0gcGFyZW50Tm9kZT8uYXR0cnMuY2xhc3M7XG4gIGNvbnN0IGNyZWF0ZUhUTUwgPSAobmFtZSkgPT4ge1xuICAgIGxldCBodG1sID0gYDxzcGFuIGNsYXNzPVwiJHtuYW1lfVwiPiR7c2VsZWN0ZWRUZXh0fTwvc3Bhbj5gO1xuXG4gICAgaWYgKHBhcmVudE5vZGUpIHtcbiAgICAgIGxldCB0YWcgPSAnc3Bhbic7XG5cbiAgICAgIGlmIChwYXJlbnROb2RlPy5vYmplY3QgPT09ICdpbmxpbmUnKSB7XG4gICAgICAgIHRhZyA9ICdzcGFuJztcbiAgICAgIH1cblxuICAgICAgaWYgKHBhcmVudE5vZGU/Lm9iamVjdCA9PT0gJ2Jsb2NrJykge1xuICAgICAgICB0YWcgPSAnZGl2JztcbiAgICAgIH1cblxuICAgICAgaHRtbCA9IGA8JHt0YWd9IGNsYXNzPVwiJHtwYXJlbnROb2RlQ2xhc3N9XCI+JHtwYXJlbnROb2RlLnRleHQuc2xpY2UoMCwgc2VsZWN0aW9uLiRhbmNob3IudGV4dE9mZnNldCl9JHtodG1sfSR7cGFyZW50Tm9kZS50ZXh0LnNsaWNlKFxuICAgICAgICBzZWxlY3Rpb24uJGhlYWQudGV4dE9mZnNldCxcbiAgICAgICl9PC8ke3RhZ30+YDtcbiAgICB9XG5cbiAgICByZXR1cm4gaHRtbDtcbiAgfTtcblxuICBjb25zdCBlbCA9IChcbiAgICA8ZGl2XG4gICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kOiAnd2hpdGUnLCBoZWlnaHQ6IDUwMCwgcGFkZGluZzogMjAsIG92ZXJmbG93OiAnaGlkZGVuJywgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RmxvdzogJ2NvbHVtbicgfX1cbiAgICA+XG4gICAgICA8aDI+UGxlYXNlIGNob29zZSBhIGNzcyBjbGFzczwvaDI+XG4gICAgICB7cGFyZW50Tm9kZUNsYXNzICYmIDxkaXY+VGhlIGN1cnJlbnQgcGFyZW50IGhhcyB0aGlzIGNsYXNzIHtwYXJlbnROb2RlQ2xhc3N9PC9kaXY+fVxuICAgICAgPExpc3QgY29tcG9uZW50PVwibmF2XCIgc3R5bGU9e3sgb3ZlcmZsb3c6ICdzY3JvbGwnIH19PlxuICAgICAgICB7b3B0cy5uYW1lcy5tYXAoKG5hbWUsIGkpID0+IChcbiAgICAgICAgICA8TGlzdEl0ZW0ga2V5PXtgcnVsZS0ke2l9YH0gYnV0dG9uIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZShuYW1lKX0+XG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiAyMCB9fT57bmFtZX08L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3tcbiAgICAgICAgICAgICAgICBfX2h0bWw6IGNyZWF0ZUhUTUwobmFtZSksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9MaXN0PlxuICAgIDwvZGl2PlxuICApO1xuXG4gIFJlYWN0RE9NLnJlbmRlcihlbCwgbmV3RWwsICgpID0+IHtcbiAgICBjb25zdCBjdXJzb3JJdGVtID0gZWRpdG9yLnZpZXcubm9kZURPTShlZGl0b3Iuc3RhdGUuc2VsZWN0aW9uLmZyb20pO1xuICAgIGNvbnN0IGN1cnNvck5vZGUgPSBjdXJzb3JJdGVtPy5wYXJlbnROb2RlO1xuXG4gICAgaWYgKGN1cnNvck5vZGUpIHtcbiAgICAgIGNvbnN0IGJvZHlSZWN0ID0gZWRpdG9yRE9NLnBhcmVudEVsZW1lbnQucGFyZW50RWxlbWVudC5wYXJlbnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgYm91bmRSZWN0ID0gY3Vyc29yTm9kZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgZWRpdG9yRE9NLnBhcmVudEVsZW1lbnQucGFyZW50RWxlbWVudC5wYXJlbnRFbGVtZW50LmFwcGVuZENoaWxkKG5ld0VsKTtcblxuICAgICAgbmV3RWwuc3R5bGUubWF4V2lkdGggPSAnNTAwcHgnO1xuICAgICAgbmV3RWwuc3R5bGUucG9zaXRpb24gPSAnYWJzb2x1dGUnO1xuICAgICAgbmV3RWwuc3R5bGUudG9wID0gMDtcbiAgICAgIG5ld0VsLnN0eWxlLnpJbmRleCA9IDk5OTk5O1xuXG4gICAgICBjb25zdCBsZWZ0VmFsdWUgPSBgJHtib3VuZFJlY3QubGVmdCArIE1hdGguYWJzKGJvZHlSZWN0LmxlZnQpICsgY3Vyc29yTm9kZS5vZmZzZXRXaWR0aCArIDEwfXB4YDtcblxuICAgICAgY29uc3QgcmlnaHRWYWx1ZSA9IGAke2JvdW5kUmVjdC54fXB4YDtcblxuICAgICAgbmV3RWwuc3R5bGUubGVmdCA9IGxlZnRWYWx1ZTtcblxuICAgICAgY29uc3QgbGVmdEFsaWduZWRXaWR0aCA9IG5ld0VsLm9mZnNldFdpZHRoO1xuXG4gICAgICBuZXdFbC5zdHlsZS5sZWZ0ID0gJ3Vuc2V0JztcbiAgICAgIG5ld0VsLnN0eWxlLnJpZ2h0ID0gcmlnaHRWYWx1ZTtcblxuICAgICAgY29uc3QgcmlnaHRBbGlnbmVkV2lkdGggPSBuZXdFbC5vZmZzZXRXaWR0aDtcblxuICAgICAgbmV3RWwuc3R5bGUubGVmdCA9ICd1bnNldCc7XG4gICAgICBuZXdFbC5zdHlsZS5yaWdodCA9ICd1bnNldCc7XG5cbiAgICAgIGlmIChsZWZ0QWxpZ25lZFdpZHRoID49IHJpZ2h0QWxpZ25lZFdpZHRoKSB7XG4gICAgICAgIG5ld0VsLnN0eWxlLmxlZnQgPSBsZWZ0VmFsdWU7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBuZXdFbC5zdHlsZS5yaWdodCA9IHJpZ2h0VmFsdWU7XG4gICAgICB9XG5cbiAgICAgIGRvY3VtZW50LmJvZHkuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBsaXN0ZW5lcik7XG4gICAgfVxuICB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBDU1NNYXJrID0gTWFyay5jcmVhdGUoe1xuICBuYW1lOiAnY3NzbWFyaycsXG5cbiAgYWRkT3B0aW9ucygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgY2xhc3NlczogW10sXG4gICAgfTtcbiAgfSxcblxuICBhZGRBdHRyaWJ1dGVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBjbGFzczoge1xuICAgICAgICBkZWZhdWx0OiBudWxsLFxuICAgICAgICBwYXJzZUhUTUw6IChlbCkgPT4gZWwuZ2V0QXR0cmlidXRlKCdjbGFzcycpLFxuICAgICAgICByZW5kZXJIVE1MOiAoYXR0cmlidXRlcykgPT4ge1xuICAgICAgICAgIGlmICghYXR0cmlidXRlcy5jbGFzcykgcmV0dXJuIHt9O1xuICAgICAgICAgIHJldHVybiB7IGNsYXNzOiBhdHRyaWJ1dGVzLmNsYXNzIH07XG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH07XG4gIH0sXG5cbiAgcGFyc2VIVE1MKCkge1xuICAgIC8vIEFueSBzcGFuIHdpdGggYSBjbGFzcyB0aGF0IG1hdGNoZXMgb25lIG9mIGFsbG93ZWQgY2xhc3Nlc1xuICAgIHJldHVybiBbXG4gICAgICB7XG4gICAgICAgIHRhZzogJ3NwYW5bY2xhc3NdJyxcbiAgICAgICAgZ2V0QXR0cnM6IChlbCkgPT4ge1xuICAgICAgICAgIGNvbnN0IGNscyA9IGVsLmdldEF0dHJpYnV0ZSgnY2xhc3MnKSB8fCAnJztcbiAgICAgICAgICBjb25zdCBtYXRjaCA9IHRoaXMub3B0aW9ucy5jbGFzc2VzLmZpbmQoKG5hbWUpID0+IGNscy5pbmNsdWRlcyhuYW1lKSk7XG4gICAgICAgICAgcmV0dXJuIG1hdGNoID8geyBjbGFzczogbWF0Y2ggfSA6IGZhbHNlO1xuICAgICAgICB9LFxuICAgICAgfSxcbiAgICBdO1xuICB9LFxuXG4gIHJlbmRlckhUTUwoeyBIVE1MQXR0cmlidXRlcyB9KSB7XG4gICAgcmV0dXJuIFsnc3BhbicsIG1lcmdlQXR0cmlidXRlcyhIVE1MQXR0cmlidXRlcyksIDBdO1xuICB9LFxuXG4gIGFkZENvbW1hbmRzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzZXRDU1NDbGFzczogKGNsYXNzTmFtZSkgPT4gKHsgY29tbWFuZHMgfSkgPT4ge1xuICAgICAgICByZXR1cm4gY29tbWFuZHMuc2V0TWFyayh0aGlzLm5hbWUsIHsgY2xhc3M6IGNsYXNzTmFtZSB9KTtcbiAgICAgIH0sXG5cbiAgICAgIHVuc2V0Q1NTQ2xhc3M6ICgpID0+ICh7IGNvbW1hbmRzIH0pID0+IHtcbiAgICAgICAgcmV0dXJuIGNvbW1hbmRzLnVuc2V0TWFyayh0aGlzLm5hbWUpO1xuICAgICAgfSxcblxuICAgICAgb3BlbkNTU0NsYXNzRGlhbG9nOiAoKSA9PiAoeyBlZGl0b3IgfSkgPT4ge1xuICAgICAgICBpbnNlcnREaWFsb2coe1xuICAgICAgICAgIGVkaXRvcixcbiAgICAgICAgICBzZWxlY3RlZFRleHQ6IGVkaXRvci5zdGF0ZS5kb2MudGV4dEJldHdlZW4oZWRpdG9yLnN0YXRlLnNlbGVjdGlvbi5mcm9tLCBlZGl0b3Iuc3RhdGUuc2VsZWN0aW9uLnRvKSxcbiAgICAgICAgICBwYXJlbnROb2RlOiBlZGl0b3Iuc3RhdGUuc2VsZWN0aW9uLiRmcm9tLm5vZGVBZnRlcixcbiAgICAgICAgICBvcHRzOiB0aGlzLm9wdGlvbnMuZXh0cmFDU1NSdWxlcyxcbiAgICAgICAgICBjYWxsYmFjazogKGNsYXNzTmFtZSkgPT4ge1xuICAgICAgICAgICAgaWYgKGNsYXNzTmFtZSkge1xuICAgICAgICAgICAgICBlZGl0b3JcbiAgICAgICAgICAgICAgICAuY2hhaW4oKVxuICAgICAgICAgICAgICAgIC5mb2N1cygpXG4gICAgICAgICAgICAgICAgLnNldENTU0NsYXNzKGNsYXNzTmFtZSlcbiAgICAgICAgICAgICAgICAucnVuKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgIH07XG4gIH0sXG59KTtcbiJdfQ==

package/lib/extensions/custom-toolbar-wrapper.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+var _doneButton = require("../plugins/toolbar/done-button");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("../constants");
+
+var _styles = require("@material-ui/core/styles");
+
+var _toolbar = require("../plugins/toolbar/toolbar");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 CustomToolbarWrapper(props) {
+  var _classNames;
+
+  var children = props.children,
+      deletable = props.deletable,
+      classes = props.classes,
+      toolbarOpts = props.toolbarOpts,
+      autoWidth = props.autoWidth,
+      isFocused = props.isFocused,
+      doneButtonRef = props.doneButtonRef,
+      onDelete = props.onDelete,
+      showDone = props.showDone,
+      onDone = props.onDone;
+  var names = (0, _classnames["default"])(classes.toolbar, _constants.PIE_TOOLBAR__CLASS, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.toolbarWithNoDone, !showDone), (0, _defineProperty2["default"])(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), (0, _defineProperty2["default"])(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), (0, _defineProperty2["default"])(_classNames, classes.autoWidth, autoWidth), (0, _defineProperty2["default"])(_classNames, classes.fullWidth, !autoWidth), (0, _defineProperty2["default"])(_classNames, classes.hidden, toolbarOpts.isHidden === true), _classNames));
+  var customStyles = toolbarOpts.minWidth !== undefined ? {
+    minWidth: toolbarOpts.minWidth
+  } : {};
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: names,
+    style: _objectSpread({}, customStyles)
+  }, children, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.shared
+  }, deletable && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    "aria-label": "Delete",
+    className: classes.iconRoot,
+    onMouseDown: function onMouseDown(e) {
+      return onDelete === null || onDelete === void 0 ? void 0 : onDelete(e);
+    },
+    classes: {
+      root: classes.iconRoot
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)), showDone && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
+    doneButtonRef: doneButtonRef,
+    onClick: onDone
+  })));
+}
+
+var style = {
+  toolbar: {
+    position: 'absolute',
+    zIndex: 10,
+    cursor: 'pointer',
+    justifyContent: 'space-between',
+    background: 'var(--editable-html-toolbar-bg, #efefef)',
+    minWidth: '280px',
+    margin: '5px 0 0 0',
+    padding: '2px',
+    boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',
+    boxSizing: 'border-box',
+    display: 'flex',
+    opacity: 1
+  },
+  toolbarWithNoDone: {
+    minWidth: '265px'
+  },
+  toolbarRight: {
+    right: 0
+  },
+  fullWidth: {
+    width: '100%'
+  },
+  hidden: {
+    visibility: 'hidden'
+  },
+  autoWidth: {
+    width: 'auto'
+  },
+  iconRoot: {
+    width: '28px',
+    height: '28px',
+    padding: '4px',
+    verticalAlign: 'top'
+  },
+  label: {
+    color: 'var(--editable-html-toolbar-check, #00bb00)'
+  },
+  shared: {
+    display: 'flex'
+  }
+};
+
+var _default = (0, _styles.withStyles)(style, {
+  index: 1000
+})(CustomToolbarWrapper);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leHRlbnNpb25zL2N1c3RvbS10b29sYmFyLXdyYXBwZXIuanN4Il0sIm5hbWVzIjpbIkN1c3RvbVRvb2xiYXJXcmFwcGVyIiwicHJvcHMiLCJjaGlsZHJlbiIsImRlbGV0YWJsZSIsImNsYXNzZXMiLCJ0b29sYmFyT3B0cyIsImF1dG9XaWR0aCIsImlzRm9jdXNlZCIsImRvbmVCdXR0b25SZWYiLCJvbkRlbGV0ZSIsInNob3dEb25lIiwib25Eb25lIiwibmFtZXMiLCJ0b29sYmFyIiwiUElFX1RPT0xCQVJfX0NMQVNTIiwidG9vbGJhcldpdGhOb0RvbmUiLCJ0b29sYmFyUmlnaHQiLCJhbGlnbm1lbnQiLCJmb2N1c2VkIiwiYWx3YXlzVmlzaWJsZSIsImZ1bGxXaWR0aCIsImhpZGRlbiIsImlzSGlkZGVuIiwiY3VzdG9tU3R5bGVzIiwibWluV2lkdGgiLCJ1bmRlZmluZWQiLCJzaGFyZWQiLCJpY29uUm9vdCIsImUiLCJyb290Iiwic3R5bGUiLCJwb3NpdGlvbiIsInpJbmRleCIsImN1cnNvciIsImp1c3RpZnlDb250ZW50IiwiYmFja2dyb3VuZCIsIm1hcmdpbiIsInBhZGRpbmciLCJib3hTaGFkb3ciLCJib3hTaXppbmciLCJkaXNwbGF5Iiwib3BhY2l0eSIsInJpZ2h0Iiwid2lkdGgiLCJ2aXNpYmlsaXR5IiwiaGVpZ2h0IiwidmVydGljYWxBbGlnbiIsImxhYmVsIiwiY29sb3IiLCJpbmRleCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7O0FBRUEsU0FBU0Esb0JBQVQsQ0FBOEJDLEtBQTlCLEVBQXFDO0FBQUE7O0FBQ25DLE1BQ0VDLFFBREYsR0FXSUQsS0FYSixDQUNFQyxRQURGO0FBQUEsTUFFRUMsU0FGRixHQVdJRixLQVhKLENBRUVFLFNBRkY7QUFBQSxNQUdFQyxPQUhGLEdBV0lILEtBWEosQ0FHRUcsT0FIRjtBQUFBLE1B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QXlCWnRCLEVBQUFBLE1BQU0sRUFBRTtBQUNOdUIsSUFBQUEsVUFBVSxFQUFFO0FBRE4sR0F6Qkk7QUE0Qlp0QyxFQUFBQSxTQUFTLEVBQUU7QUFDVHFDLElBQUFBLEtBQUssRUFBRTtBQURFLEdBNUJDO0FBK0JaaEIsRUFBQUEsUUFBUSxFQUFFO0FBQ1JnQixJQUFBQSxLQUFLLEVBQUUsTUFEQztBQUVSRSxJQUFBQSxNQUFNLEVBQUUsTUFGQTtBQUdSUixJQUFBQSxPQUFPLEVBQUUsS0FIRDtBQUlSUyxJQUFBQSxhQUFhLEVBQUU7QUFKUCxHQS9CRTtBQXFDWkMsRUFBQUEsS0FBSyxFQUFFO0FBQ0xDLElBQUFBLEtBQUssRUFBRTtBQURGLEdBckNLO0FBd0NadEIsRUFBQUEsTUFBTSxFQUFFO0FBQ05jLElBQUFBLE9BQU8sRUFBRTtBQURIO0FBeENJLENBQWQ7O2VBNENlLHdCQUFXVixLQUFYLEVBQWtCO0FBQUVtQixFQUFBQSxLQUFLLEVBQUU7QUFBVCxDQUFsQixFQUFtQ2pELG9CQUFuQyxDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSBcIkBtYXRlcmlhbC11aS9jb3JlL0ljb25CdXR0b25cIjtcbmltcG9ydCBEZWxldGUgZnJvbSBcIkBtYXRlcmlhbC11aS9pY29ucy9EZWxldGVcIjtcbmltcG9ydCB7IERvbmVCdXR0b24gfSBmcm9tIFwiLi4vcGx1Z2lucy90b29sYmFyL2RvbmUtYnV0dG9uXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgUElFX1RPT0xCQVJfX0NMQVNTIH0gZnJvbSBcIi4uL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gXCJAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXNcIjtcbmltcG9ydCB7IFRvb2xiYXIgfSBmcm9tIFwiLi4vcGx1Z2lucy90b29sYmFyL3Rvb2xiYXJcIjtcblxuZnVuY3Rpb24gQ3VzdG9tVG9vbGJhcldyYXBwZXIocHJvcHMpIHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuICAgIGRlbGV0YWJsZSxcbiAgICBjbGFzc2VzLFxuICAgIHRvb2xiYXJPcHRzLFxuICAgIGF1dG9XaWR0aCxcbiAgICBpc0ZvY3VzZWQsXG4gICAgZG9uZUJ1dHRvblJlZixcbiAgICBvbkRlbGV0ZSxcbiAgICBzaG93RG9uZSxcbiAgICBvbkRvbmUsXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgbmFtZXMgPSBjbGFzc05hbWVzKGNsYXNzZXMudG9vbGJhciwgUElFX1RPT0xCQVJfX0NMQVNTLCB7XG4gICAgW2NsYXNzZXMudG9vbGJhcldpdGhOb0RvbmVdOiAhc2hvd0RvbmUsXG4gICAgW2NsYXNzZXMudG9vbGJhclJpZ2h0XTogdG9vbGJhck9wdHMuYWxpZ25tZW50ID09PSAncmlnaHQnLFxuICAgIFtjbGFzc2VzLmZvY3VzZWRdOiB0b29sYmFyT3B0cy5hbHdheXNWaXNpYmxlIHx8IGlzRm9jdXNlZCxcbiAgICBbY2xhc3Nlcy5hdXRvV2lkdGhdOiBhdXRvV2lkdGgsXG4gICAgW2NsYXNzZXMuZnVsbFdpZHRoXTogIWF1dG9XaWR0aCxcbiAgICBbY2xhc3Nlcy5oaWRkZW5dOiB0b29sYmFyT3B0cy5pc0hpZGRlbiA9PT0gdHJ1ZSxcbiAgfSk7XG4gIGNvbnN0IGN1c3RvbVN0eWxlcyA9IHRvb2xiYXJPcHRzLm1pbldpZHRoICE9PSB1bmRlZmluZWQgPyB7IG1pbldpZHRoOiB0b29sYmFyT3B0cy5taW5XaWR0aCB9IDoge307XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17bmFtZXN9IHN0eWxlPXt7IC4uLmN1c3RvbVN0eWxlcyB9fT5cbiAgICAgIHtjaGlsZHJlbn1cblxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMuc2hhcmVkfT5cbiAgICAgICAge2RlbGV0YWJsZSAmJiAoXG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJEZWxldGVcIlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLmljb25Sb290fVxuICAgICAgICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBvbkRlbGV0ZT8uKGUpfVxuICAgICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgICByb290OiBjbGFzc2VzLmljb25Sb290LFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RGVsZXRlIC8+XG4gICAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgICB7c2hvd0RvbmUgJiYgPERvbmVCdXR0b24gZG9uZUJ1dHRvblJlZj17ZG9uZUJ1dHRvblJlZn0gb25DbGljaz17b25Eb25lfSAvPn1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5jb25zdCBzdHlsZSA9IHtcbiAgdG9vbGJhcjoge1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHpJbmRleDogMTAsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICBiYWNrZ3JvdW5kOiAndmFyKC0tZWRpdGFibGUtaHRtbC10b29sYmFyLWJnLCAjZWZlZmVmKScsXG4gICAgbWluV2lkdGg6ICcyODBweCcsXG4gICAgbWFyZ2luOiAnNXB4IDAgMCAwJyxcbiAgICBwYWRkaW5nOiAnMnB4JyxcbiAgICBib3hTaGFkb3c6XG4gICAgICAnMHB4IDFweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMHB4IDJweCAycHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNCksIDBweCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjEyKScsXG4gICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIG9wYWNpdHk6IDEsXG4gIH0sXG4gIHRvb2xiYXJXaXRoTm9Eb25lOiB7XG4gICAgbWluV2lkdGg6ICcyNjVweCcsXG4gIH0sXG4gIHRvb2xiYXJSaWdodDoge1xuICAgIHJpZ2h0OiAwLFxuICB9LFxuICBmdWxsV2lkdGg6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICB9LFxuICBoaWRkZW46IHtcbiAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgfSxcbiAgYXV0b1dpZHRoOiB7XG4gICAgd2lkdGg6ICdhdXRvJyxcbiAgfSxcbiAgaWNvblJvb3Q6IHtcbiAgICB3aWR0aDogJzI4cHgnLFxuICAgIGhlaWdodDogJzI4cHgnLFxuICAgIHBhZGRpbmc6ICc0cHgnLFxuICAgIHZlcnRpY2FsQWxpZ246ICd0b3AnLFxuICB9LFxuICBsYWJlbDoge1xuICAgIGNvbG9yOiAndmFyKC0tZWRpdGFibGUtaHRtbC10b29sYmFyLWNoZWNrLCAjMDBiYjAwKScsXG4gIH0sXG4gIHNoYXJlZDoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSxcbn07XG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlLCB7IGluZGV4OiAxMDAwIH0pKEN1c3RvbVRvb2xiYXJXcmFwcGVyKTtcbiJdfQ==

package/lib/extensions/image.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageUploadNode = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@tiptap/core");
+
+var _react = require("@tiptap/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _component = _interopRequireDefault(require("./component"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+// ---- Tiptap Extension ---- //
+var ImageUploadNode = _core.Node.create({
+  name: 'imageUploadNode',
+  group: 'block',
+  atom: true,
+  // ✅ prevents content holes
+  selectable: true,
+  // optional
+  draggable: true,
+  // optional
+  addAttributes: function addAttributes() {
+    return {
+      loaded: {
+        "default": false
+      },
+      deleteStatus: {
+        "default": null
+      },
+      alignment: {
+        "default": null
+      },
+      percent: {
+        "default": null
+      },
+      width: {
+        "default": null
+      },
+      height: {
+        "default": null
+      },
+      src: {
+        "default": null
+      },
+      alt: {
+        "default": null
+      }
+    };
+  },
+  parseHTML: function parseHTML() {
+    return [{
+      tag: 'div[data-type="image-upload-node"]'
+    }];
+  },
+  // ✅ No `0` here!
+  renderHTML: function renderHTML(_ref) {
+    var HTMLAttributes = _ref.HTMLAttributes;
+    return ['img', (0, _core.mergeAttributes)(HTMLAttributes, {
+      'data-type': 'image-upload-node'
+    })];
+  },
+  addNodeView: function addNodeView() {
+    var _this = this;
+
+    return (0, _react.ReactNodeViewRenderer)(function (props) {
+      return /*#__PURE__*/_react2["default"].createElement(_component["default"], _objectSpread(_objectSpread({}, props), {}, {
+        options: _this.options
+      }));
+    });
+  },
+  addCommands: function addCommands() {
+    var _this2 = this;
+
+    return {
+      setImageUploadNode: function setImageUploadNode() {
+        return function (_ref2) {
+          var commands = _ref2.commands;
+          return commands.insertContent({
+            type: _this2.name
+          });
+        };
+      }
+    };
+  }
+});
+
+exports.ImageUploadNode = ImageUploadNode;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leHRlbnNpb25zL2ltYWdlLmpzIl0sIm5hbWVzIjpbIkltYWdlVXBsb2FkTm9kZSIsIk5vZGUiLCJjcmVhdGUiLCJuYW1lIiwiZ3JvdXAiLCJhdG9tIiwic2VsZWN0YWJsZSIsImRyYWdnYWJsZSIsImFkZEF0dHJpYnV0ZXMiLCJsb2FkZWQiLCJkZWxldGVTdGF0dXMiLCJhbGlnbm1lbnQiLCJwZXJjZW50Iiwid2lkdGgiLCJoZWlnaHQiLCJzcmMiLCJhbHQiLCJwYXJzZUhUTUwiLCJ0YWciLCJyZW5kZXJIVE1MIiwiSFRNTEF0dHJpYnV0ZXMiLCJhZGROb2RlVmlldyIsInByb3BzIiwib3B0aW9ucyIsImFkZENvbW1hbmRzIiwic2V0SW1hZ2VVcGxvYWROb2RlIiwiY29tbWFuZHMiLCJpbnNlcnRDb250ZW50IiwidHlwZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7O0FBRUE7QUFFTyxJQUFNQSxlQUFlLEdBQUdDLFdBQUtDLE1BQUwsQ0FBWTtBQUN6Q0MsRUFBQUEsSUFBSSxFQUFFLGlCQURtQztBQUd6Q0MsRUFBQUEsS0FBSyxFQUFFLE9BSGtDO0FBSXpDQyxFQUFBQSxJQUFJLEVBQUUsSUFKbUM7QUFJN0I7QUFDWkMsRUFBQUEsVUFBVSxFQUFFLElBTDZCO0FBS3ZCO0FBQ2xCQyxFQUFBQSxTQUFTLEVBQUUsSUFOOEI7QUFNeEI7QUFFakJDLEVBQUFBLGFBUnlDLDJCQVF6QjtBQUNkLFdBQU87QUFDTEMsTUFBQUEsTUFBTSxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQURIO0FBRUxDLE1BQUFBLFlBQVksRUFBRTtBQUFFLG1CQUFTO0FBQVgsT0FGVDtBQUdMQyxNQUFBQSxTQUFTLEVBQUU7QUFBRSxtQkFBUztBQUFYLE9BSE47QUFJTEMsTUFBQUEsT0FBTyxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQUpKO0FBS0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFLG1CQUFTO0FBQVgsT0FMRjtBQU1MQyxNQUFBQSxNQUFNLEVBQUU7QUFBRSxtQkFBUztBQUFYLE9BTkg7QUFPTEMsTUFBQUEsR0FBRyxFQUFFO0FBQUUsbUJBQVM7QUFBWCxPQVBBO0FBUUxDLE1BQUFBLEdBQUcsRUFBRTtBQUFFLG1CQUFTO0FBQVg7QUFSQSxLQUFQO0FBVUQsR0FuQndDO0FBcUJ6Q0MsRUFBQUEsU0FyQnlDLHVCQXFCN0I7QUFDVixXQUFPLENBQ0w7QUFDRUMsTUFBQUEsR0FBRyxFQUFFO0FBRFAsS0FESyxDQUFQO0FBS0QsR0EzQndDO0FBNkJ6QztBQUNBQyxFQUFBQSxVQTlCeUMsNEJBOEJWO0FBQUEsUUFBbEJDLGNBQWtCLFFBQWxCQSxjQUFrQjtBQUM3QixXQUFPLENBQUMsS0FBRCxFQUFRLDJCQUFnQkEsY0FBaEIsRUFBZ0M7QUFBRSxtQkFBYTtBQUFmLEtBQWhDLENBQVIsQ0FBUDtBQUNELEdBaEN3QztBQWtDekNDLEVBQUFBLFdBbEN5Qyx5QkFrQzNCO0FBQUE7O0FBQ1osV0FBTyxrQ0FBc0IsVUFBQ0MsS0FBRDtBQUFBLDBCQUFXLGlDQUFDLHFCQUFELGtDQUF5QkEsS0FBekI7QUFBZ0NDLFFBQUFBLE9BQU8sRUFBRSxLQUFJLENBQUNBO0FBQTlDLFNBQVg7QUFBQSxLQUF0QixDQUFQO0FBQ0QsR0FwQ3dDO0FBc0N6Q0MsRUFBQUEsV0F0Q3lDLHlCQXNDM0I7QUFBQTs7QUFDWixXQUFPO0FBQ0xDLE1BQUFBLGtCQUFrQixFQUFFO0FBQUEsZUFBTSxpQkFBa0I7QUFBQSxjQUFmQyxRQUFlLFNBQWZBLFFBQWU7QUFDMUMsaUJBQU9BLFFBQVEsQ0FBQ0MsYUFBVCxDQUF1QjtBQUM1QkMsWUFBQUEsSUFBSSxFQUFFLE1BQUksQ0FBQ3pCO0FBRGlCLFdBQXZCLENBQVA7QUFHRCxTQUptQjtBQUFBO0FBRGYsS0FBUDtBQU9EO0FBOUN3QyxDQUFaLENBQXhCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTm9kZSwgbWVyZ2VBdHRyaWJ1dGVzIH0gZnJvbSAnQHRpcHRhcC9jb3JlJztcbmltcG9ydCB7IE5vZGVWaWV3V3JhcHBlciwgUmVhY3ROb2RlVmlld1JlbmRlcmVyIH0gZnJvbSAnQHRpcHRhcC9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSW1hZ2VDb21wb25lbnQgZnJvbSAnLi9jb21wb25lbnQnO1xuXG4vLyAtLS0tIFRpcHRhcCBFeHRlbnNpb24gLS0tLSAvL1xuXG5leHBvcnQgY29uc3QgSW1hZ2VVcGxvYWROb2RlID0gTm9kZS5jcmVhdGUoe1xuICBuYW1lOiAnaW1hZ2VVcGxvYWROb2RlJyxcblxuICBncm91cDogJ2Jsb2NrJyxcbiAgYXRvbTogdHJ1ZSwgLy8g4pyFIHByZXZlbnRzIGNvbnRlbnQgaG9sZXNcbiAgc2VsZWN0YWJsZTogdHJ1ZSwgLy8gb3B0aW9uYWxcbiAgZHJhZ2dhYmxlOiB0cnVlLCAvLyBvcHRpb25hbFxuXG4gIGFkZEF0dHJpYnV0ZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGxvYWRlZDogeyBkZWZhdWx0OiBmYWxzZSB9LFxuICAgICAgZGVsZXRlU3RhdHVzOiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIGFsaWdubWVudDogeyBkZWZhdWx0OiBudWxsIH0sXG4gICAgICBwZXJjZW50OiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIHdpZHRoOiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICAgIGhlaWdodDogeyBkZWZhdWx0OiBudWxsIH0sXG4gICAgICBzcmM6IHsgZGVmYXVsdDogbnVsbCB9LFxuICAgICAgYWx0OiB7IGRlZmF1bHQ6IG51bGwgfSxcbiAgICB9O1xuICB9LFxuXG4gIHBhcnNlSFRNTCgpIHtcbiAgICByZXR1cm4gW1xuICAgICAge1xuICAgICAgICB0YWc6ICdkaXZbZGF0YS10eXBlPVwiaW1hZ2UtdXBsb2FkLW5vZGVcIl0nLFxuICAgICAgfSxcbiAgICBdO1xuICB9LFxuXG4gIC8vIOKchSBObyBgMGAgaGVyZSFcbiAgcmVuZGVySFRNTCh7IEhUTUxBdHRyaWJ1dGVzIH0pIHtcbiAgICByZXR1cm4gWydpbWcnLCBtZXJnZUF0dHJpYnV0ZXMoSFRNTEF0dHJpYnV0ZXMsIHsgJ2RhdGEtdHlwZSc6ICdpbWFnZS11cGxvYWQtbm9kZScgfSldO1xuICB9LFxuXG4gIGFkZE5vZGVWaWV3KCkge1xuICAgIHJldHVybiBSZWFjdE5vZGVWaWV3UmVuZGVyZXIoKHByb3BzKSA9PiA8SW1hZ2VDb21wb25lbnQgey4uLnsgLi4ucHJvcHMsIG9wdGlvbnM6IHRoaXMub3B0aW9ucyB9fSAvPik7XG4gIH0sXG5cbiAgYWRkQ29tbWFuZHMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHNldEltYWdlVXBsb2FkTm9kZTogKCkgPT4gKHsgY29tbWFuZHMgfSkgPT4ge1xuICAgICAgICByZXR1cm4gY29tbWFuZHMuaW5zZXJ0Q29udGVudCh7XG4gICAgICAgICAgdHlwZTogdGhpcy5uYW1lLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgfTtcbiAgfSxcbn0pO1xuIl19