@modusoperandi/licit 0.14.17 → 1.0.0

package/ImageUploadPlaceholderPlugin.js.flow

@@ -0,0 +1,192 @@
+// @flow
+
+import nullthrows from 'nullthrows';
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { EditorState, TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { EditorView } from 'prosemirror-view';
+
+import { IMAGE } from './NodeNames.js';
+import uuid from './ui/uuid.js';
+
+import './ui/czi-image-upload-placeholder.css';
+
+const IMAGE_FILE_TYLES = new Set([
+  'image/jpeg',
+  'image/gif',
+  'image/png',
+  'image/jpg',
+]);
+
+const TITLE = 'Uploading...';
+
+const INNER_HTML = new Array(4).join(
+  '<div class="czi-image-upload-placeholder-child"></div>'
+);
+
+function isImageUploadPlaceholderPlugin(plugin: Plugin): boolean {
+  return plugin instanceof ImageUploadPlaceholderPlugin;
+}
+
+function isImageFileType(file: File): boolean {
+  return file && IMAGE_FILE_TYLES.has(file.type);
+}
+
+function findImageUploadPlaceholder(
+  placeholderPlugin: ImageUploadPlaceholderPlugin,
+  state: EditorState,
+  id: Object
+): ?Decoration {
+  const decos = placeholderPlugin.getState(state);
+  const found = decos.find(null, null, (spec) => spec.id === id);
+  return found.length ? found[0].from : null;
+}
+
+function defer(fn: Function): Function {
+  return () => {
+    setTimeout(fn, 0);
+  };
+}
+
+export function uploadImageFiles(
+  view: EditorView,
+  files: Array<File>,
+  coords: ?{ x: number, y: number }
+): boolean {
+  const { runtime, state, readOnly, disabled } = view;
+  const { schema, plugins } = state;
+  if (readOnly || disabled || !runtime || !runtime.canUploadImage) {
+    return false;
+  }
+
+  const imageType = schema.nodes[IMAGE];
+  if (!imageType) {
+    return false;
+  }
+
+  const { uploadImage, canUploadImage } = runtime;
+  if (!uploadImage || !canUploadImage) {
+    return false;
+  }
+
+  const imageFiles = Array.from(files).filter(isImageFileType);
+  if (!imageFiles.length) {
+    return false;
+  }
+
+  const placeholderPlugin = plugins.find(isImageUploadPlaceholderPlugin);
+  if (!placeholderPlugin) {
+    return false;
+  }
+
+  // A fresh object to act as the ID for this upload.
+  const id = {
+    debugId: 'image_upload_' + uuid(),
+  };
+
+  const uploadNext = defer(() => {
+    const done = (imageInfo: { src: ?string }) => {
+      const pos = findImageUploadPlaceholder(placeholderPlugin, view.state, id);
+      let trNext = view.state.tr;
+      if (pos && !view.readOnly && !view.disabled) {
+        const imageNode = imageType.create(imageInfo);
+        trNext = trNext.replaceWith(pos, pos, imageNode);
+      } else {
+        // Upload was cancelled.
+        imageFiles.length = 0;
+      }
+      if (imageFiles.length) {
+        uploadNext();
+      } else {
+        // Remove the placeholder.
+        trNext = trNext.setMeta(placeholderPlugin, { remove: { id } });
+      }
+      view.dispatch(trNext);
+    };
+    const ff = nullthrows(imageFiles.shift());
+    uploadImage(ff)
+      .then(done)
+      .catch(done.bind(null, { src: null }));
+  });
+
+  uploadNext();
+
+  let { tr } = state;
+
+  // Replace the selection with a placeholder
+  let from = 0;
+
+  // Adjust the cursor to the dropped position.
+  if (coords) {
+    const dropPos = view.posAtCoords({
+      left: coords.x,
+      top: coords.y,
+    });
+
+    if (!dropPos) {
+      return false;
+    }
+
+    from = dropPos.pos;
+    tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
+  } else {
+    from = tr.selection.to;
+    tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
+  }
+  const meta = {
+    add: {
+      id,
+      pos: from,
+    },
+  };
+
+  tr = tr.setMeta(placeholderPlugin, meta);
+  view.dispatch(tr);
+  return true;
+}
+
+// https://prosemirror.net/examples/upload/
+class ImageUploadPlaceholderPlugin extends Plugin {
+  constructor() {
+    super({
+      // [FS] IRAD-1005 2020-07-07
+      // Upgrade outdated packages.
+      key: new PluginKey('ImageUploadPlaceholderPlugin'),
+      state: {
+        init() {
+          return DecorationSet.empty;
+        },
+        apply(tr: Transform, set: DecorationSet): DecorationSet {
+          // Adjust decoration positions to changes made by the transaction
+          set = set.map(tr.mapping, tr.doc);
+          // See if the transaction adds or removes any placeholders
+          const action = tr.getMeta(this);
+          if (action && action.add) {
+            const el = document.createElement('div');
+            el.title = TITLE;
+            el.className = 'czi-image-upload-placeholder';
+            el.innerHTML = INNER_HTML;
+
+            const deco = Decoration.widget(action.add.pos, el, {
+              id: action.add.id,
+            });
+
+            set = set.add(tr.doc, [deco]);
+          } else if (action && action.remove) {
+            const finder = (spec) => spec.id == action.remove.id;
+            set = set.remove(set.find(null, null, finder));
+          }
+          return set;
+        },
+      },
+      props: {
+        decorations(state: EditorState): DecorationSet {
+          return this.getState(state);
+        },
+      },
+    });
+  }
+}
+
+export default ImageUploadPlaceholderPlugin;

package/LinkMarkSpec.js

@@ -0,0 +1,34 @@
+var LinkMarkSpec = {
+  attrs: {
+    href: {
+      "default": null
+    },
+    rel: {
+      "default": 'noopener noreferrer nofollow'
+    },
+    target: {
+      "default": 'blank'
+    },
+    title: {
+      "default": null
+    }
+  },
+  inclusive: false,
+  parseDOM: [{
+    tag: 'a[href]',
+    getAttrs: function getAttrs(dom) {
+      var href = dom.getAttribute('href');
+      var target = href && href.indexOf('#') === 0 ? '' : 'blank';
+      return {
+        href: dom.getAttribute('href'),
+        title: dom.getAttribute('title'),
+        target: target
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    return ['a', node.attrs, 0];
+  }
+};
+export default LinkMarkSpec;
+import { bpfrpt_proptype_MarkSpec } from "./Types.js";

package/LinkMarkSpec.js.flow

@@ -0,0 +1,32 @@
+// @flow
+
+import type { MarkSpec } from './Types.js';
+
+const LinkMarkSpec: MarkSpec = {
+  attrs: {
+    href: { default: null },
+    rel: { default: 'noopener noreferrer nofollow' },
+    target: { default: 'blank' },
+    title: { default: null },
+  },
+  inclusive: false,
+  parseDOM: [
+    {
+      tag: 'a[href]',
+      getAttrs: (dom) => {
+        const href = dom.getAttribute('href');
+        const target = href && href.indexOf('#') === 0 ? '' : 'blank';
+        return {
+          href: dom.getAttribute('href'),
+          title: dom.getAttribute('title'),
+          target,
+        };
+      },
+    },
+  ],
+  toDOM(node) {
+    return ['a', node.attrs, 0];
+  },
+};
+
+export default LinkMarkSpec;

package/LinkSetURLCommand.js

@@ -0,0 +1,111 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { EditorState } from 'prosemirror-state';
+import { TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+import { MARK_LINK } from './MarkNames.js';
+import { hideSelectionPlaceholder, showSelectionPlaceholder } from './SelectionPlaceholderPlugin.js';
+import { applyMark } from '@modusoperandi/licit-ui-commands';
+import { findNodesWithSameMark } from '@modusoperandi/licit-ui-commands';
+import LinkURLEditor from './ui/LinkURLEditor.js';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import { createPopUp } from '@modusoperandi/licit-ui-commands';
+var LinkSetURLCommand = /*#__PURE__*/function (_UICommand) {
+  _inherits(LinkSetURLCommand, _UICommand);
+  function LinkSetURLCommand() {
+    var _this;
+    _classCallCheck(this, LinkSetURLCommand);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, LinkSetURLCommand, [].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "_popUp", null);
+    _defineProperty(_assertThisInitialized(_this), "isEnabled", function (state) {
+      if (!(state.selection instanceof TextSelection)) {
+        // Could be a NodeSelection or CellSelection.
+        return false;
+      }
+      var markType = state.schema.marks[MARK_LINK];
+      if (!markType) {
+        return false;
+      }
+      var _state$selection = state.selection,
+        from = _state$selection.from,
+        to = _state$selection.to;
+      return from < to;
+    });
+    _defineProperty(_assertThisInitialized(_this), "waitForUserInput", function (state, dispatch, view, event) {
+      if (_this._popUp) {
+        return Promise.resolve(undefined);
+      }
+      if (dispatch) {
+        dispatch(showSelectionPlaceholder(state));
+      }
+      var doc = state.doc,
+        schema = state.schema,
+        selection = state.selection;
+      var markType = schema.marks[MARK_LINK];
+      if (!markType) {
+        return Promise.resolve(undefined);
+      }
+      var from = selection.from,
+        to = selection.to;
+      var result = findNodesWithSameMark(doc, from, to, markType);
+      var href = result ? result.mark.attrs.href : null;
+      return new Promise(function (resolve) {
+        _this._popUp = createPopUp(LinkURLEditor, {
+          href: href
+        }, {
+          modal: true,
+          onClose: function onClose(val) {
+            if (_this._popUp) {
+              _this._popUp = null;
+              resolve(val);
+            }
+          }
+        });
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "executeWithUserInput", function (state, dispatch, view, href) {
+      if (dispatch) {
+        var selection = state.selection,
+          schema = state.schema;
+        var _tr = state.tr;
+        _tr = view ? hideSelectionPlaceholder(view.state) : _tr;
+        _tr = _tr.setSelection(selection);
+        if (href !== undefined) {
+          var markType = schema.marks[MARK_LINK];
+          var attrs = href ? {
+            href: href
+          } : null;
+          _tr = applyMark(_tr.setSelection(state.selection), schema, markType, attrs);
+        }
+        dispatch(_tr);
+      }
+      view && view.focus();
+      return true;
+    });
+    return _this;
+  }
+  _createClass(LinkSetURLCommand, [{
+    key: "cancel",
+    value: function cancel() {
+      return null;
+    }
+  }]);
+  return LinkSetURLCommand;
+}(UICommand);
+export default LinkSetURLCommand;

package/LinkSetURLCommand.js.flow

@@ -0,0 +1,117 @@
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+import { TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import {
+  MARK_LINK
+} from './MarkNames.js';
+import {
+  hideSelectionPlaceholder,
+  showSelectionPlaceholder,
+} from './SelectionPlaceholderPlugin.js';
+import {
+  applyMark
+} from '@modusoperandi/licit-ui-commands';
+import {
+  findNodesWithSameMark
+} from '@modusoperandi/licit-ui-commands';
+import LinkURLEditor from './ui/LinkURLEditor.js';
+import {
+  UICommand
+} from '@modusoperandi/licit-doc-attrs-step';
+import {
+  createPopUp
+} from '@modusoperandi/licit-ui-commands';
+
+class LinkSetURLCommand extends UICommand {
+  _popUp = null;
+
+  isEnabled = (state: EditorState): boolean => {
+    if (!(state.selection instanceof TextSelection)) {
+      // Could be a NodeSelection or CellSelection.
+      return false;
+    }
+
+    const markType = state.schema.marks[MARK_LINK];
+    if (!markType) {
+      return false;
+    }
+    const { from, to } = state.selection;
+    return from < to;
+  };
+
+  waitForUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    event: ?SyntheticEvent<>
+  ): Promise<any> => {
+    if (this._popUp) {
+      return Promise.resolve(undefined);
+    }
+
+    if (dispatch) {
+      dispatch(showSelectionPlaceholder(state));
+    }
+
+    const { doc, schema, selection } = state;
+    const markType = schema.marks[MARK_LINK];
+    if (!markType) {
+      return Promise.resolve(undefined);
+    }
+    const { from, to } = selection;
+    const result = findNodesWithSameMark(doc, from, to, markType);
+    const href = result ? result.mark.attrs.href : null;
+    return new Promise((resolve) => {
+      this._popUp = createPopUp(
+        LinkURLEditor,
+        { href },
+        {
+          modal: true,
+          onClose: (val) => {
+            if (this._popUp) {
+              this._popUp = null;
+              resolve(val);
+            }
+          },
+        }
+      );
+    });
+  };
+
+  executeWithUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    href: ?string
+  ): boolean => {
+    if (dispatch) {
+      const { selection, schema } = state;
+      let { tr } = state;
+      tr = view ? hideSelectionPlaceholder(view.state) : tr;
+      tr = tr.setSelection(selection);
+      if (href !== undefined) {
+        const markType = schema.marks[MARK_LINK];
+        const attrs = href ? { href } : null;
+        tr = applyMark(
+          tr.setSelection(state.selection),
+          schema,
+          markType,
+          attrs
+        );
+      }
+      dispatch(tr);
+    }
+    view && view.focus();
+    return true;
+  };
+
+  cancel(): void {
+    return null;
+  }
+}
+
+export default LinkSetURLCommand;

package/LinkTooltipPlugin.js

@@ -0,0 +1,185 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
+import { TextSelection } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { MARK_LINK } from './MarkNames.js';
+import { hideSelectionPlaceholder } from './SelectionPlaceholderPlugin.js';
+import { applyMark } from '@modusoperandi/licit-ui-commands';
+import { findNodesWithSameMark } from '@modusoperandi/licit-ui-commands';
+import lookUpElement from './lookUpElement.js';
+import LinkTooltip from './ui/LinkTooltip.js';
+import LinkURLEditor from './ui/LinkURLEditor.js';
+import { atAnchorTopCenter } from '@modusoperandi/licit-ui-commands';
+import { createPopUp } from '@modusoperandi/licit-ui-commands';
+import '@modusoperandi/licit-ui-commands/ui/czi-pop-up.css';
+
+// https://prosemirror.net/examples/tooltip/
+var SPEC = {
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  key: new PluginKey('LinkTooltipPlugin'),
+  view: function view(editorView) {
+    return new LinkTooltipView(editorView);
+  }
+};
+var LinkTooltipPlugin = /*#__PURE__*/function (_Plugin) {
+  _inherits(LinkTooltipPlugin, _Plugin);
+  function LinkTooltipPlugin() {
+    _classCallCheck(this, LinkTooltipPlugin);
+    return _callSuper(this, LinkTooltipPlugin, [SPEC]);
+  }
+  return _createClass(LinkTooltipPlugin);
+}(Plugin);
+var LinkTooltipView = /*#__PURE__*/function () {
+  function LinkTooltipView(editorView) {
+    var _this = this;
+    _classCallCheck(this, LinkTooltipView);
+    _defineProperty(this, "_anchorEl", null);
+    _defineProperty(this, "_popup", null);
+    _defineProperty(this, "_editor", null);
+    _defineProperty(this, "_onCancel", function (view) {
+      _this.destroy();
+      view.focus();
+    });
+    _defineProperty(this, "_onClose", function () {
+      _this._anchorEl = null;
+      _this._editor = null;
+      _this._popup = null;
+    });
+    _defineProperty(this, "_onEdit", function (view) {
+      if (_this._editor) {
+        return;
+      }
+      var state = view.state;
+      var schema = state.schema,
+        doc = state.doc,
+        selection = state.selection;
+      var from = selection.from,
+        to = selection.to;
+      var markType = schema.marks[MARK_LINK];
+      var result = findNodesWithSameMark(doc, from, to, markType);
+      if (!result) {
+        return;
+      }
+      var href = result.mark.attrs.href;
+      _this._editor = createPopUp(LinkURLEditor, {
+        href: href
+      }, {
+        onClose: function onClose(value) {
+          _this._editor = null;
+          _this._onEditEnd(view, selection, value);
+        }
+      });
+    });
+    _defineProperty(this, "_onRemove", function (view) {
+      _this._onEditEnd(view, view.state.selection, null);
+    });
+    _defineProperty(this, "_onEditEnd", function (view, initialSelection, href) {
+      var state = view.state,
+        dispatch = view.dispatch;
+      var tr = hideSelectionPlaceholder(state);
+      if (href !== undefined) {
+        var schema = state.schema;
+        var markType = schema.marks[MARK_LINK];
+        if (markType) {
+          var result = findNodesWithSameMark(tr.doc, initialSelection.from, initialSelection.to, markType);
+          if (result) {
+            var linkSelection = TextSelection.create(tr.doc, result.from.pos, result.to.pos + 1);
+            tr = tr.setSelection(linkSelection);
+            var attrs = href ? {
+              href: href
+            } : null;
+            tr = applyMark(tr, schema, markType, attrs);
+
+            // [FS] IRAD-1005 2020-07-09
+            // Upgrade outdated packages.
+            // reset selection to original using the latest doc.
+            var origSelection = TextSelection.create(tr.doc, initialSelection.from, initialSelection.to);
+            tr = tr.setSelection(origSelection);
+          }
+        }
+      }
+      dispatch(tr);
+      view.focus();
+    });
+    this.update(editorView, null);
+  }
+  _createClass(LinkTooltipView, [{
+    key: "update",
+    value: function update(view, lastState) {
+      if (view.readOnly) {
+        this.destroy();
+        return;
+      }
+      var state = view.state;
+      var doc = state.doc,
+        selection = state.selection,
+        schema = state.schema;
+      var markType = schema.marks[MARK_LINK];
+      if (!markType) {
+        return;
+      }
+      var from = selection.from,
+        to = selection.to;
+      var result = findNodesWithSameMark(doc, from, to, markType);
+      if (!result) {
+        this.destroy();
+        return;
+      }
+      var domFound = view.domAtPos(from);
+      if (!domFound) {
+        this.destroy();
+        return;
+      }
+      var anchorEl = lookUpElement(domFound.node, function (el) {
+        return el.nodeName === 'A';
+      });
+      if (!anchorEl) {
+        this.destroy();
+        return;
+      }
+      var popup = this._popup;
+      var viewPops = {
+        editorState: state,
+        editorView: view,
+        href: result.mark.attrs.href,
+        onCancel: this._onCancel,
+        onEdit: this._onEdit,
+        onRemove: this._onRemove
+      };
+      if (popup && anchorEl === this._anchorEl) {
+        popup.update(viewPops);
+      } else {
+        popup && popup.close();
+        this._anchorEl = anchorEl;
+        this._popup = createPopUp(LinkTooltip, viewPops, {
+          anchor: anchorEl,
+          autoDismiss: false,
+          onClose: this._onClose,
+          position: atAnchorTopCenter
+        });
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this._popup && this._popup.close();
+      this._editor && this._editor.close();
+    }
+  }]);
+  return LinkTooltipView;
+}();
+export default LinkTooltipPlugin;