@modusoperandi/licit 1.0.3 → 1.0.5

package/LinkSetURLCommand.js.flow

@@ -1,117 +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;
+// @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

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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)); }
@@ -36,11 +36,11 @@ var SPEC = {
   }
 };
 var LinkTooltipPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(LinkTooltipPlugin, _Plugin);
   function LinkTooltipPlugin() {
     _classCallCheck(this, LinkTooltipPlugin);
     return _callSuper(this, LinkTooltipPlugin, [SPEC]);
   }
+  _inherits(LinkTooltipPlugin, _Plugin);
   return _createClass(LinkTooltipPlugin);
 }(Plugin);
 var LinkTooltipView = /*#__PURE__*/function () {
@@ -117,7 +117,7 @@ var LinkTooltipView = /*#__PURE__*/function () {
     });
     this.update(editorView, null);
   }
-  _createClass(LinkTooltipView, [{
+  return _createClass(LinkTooltipView, [{
     key: "update",
     value: function update(view, lastState) {
       if (view.readOnly) {
@@ -180,6 +180,5 @@ var LinkTooltipView = /*#__PURE__*/function () {
       this._editor && this._editor.close();
     }
   }]);
-  return LinkTooltipView;
 }();
 export default LinkTooltipPlugin;

package/LinkTooltipPlugin.js.flow

@@ -1,190 +1,190 @@
-// @flow
-
-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/
-const SPEC = {
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  key: new PluginKey('LinkTooltipPlugin'),
-  view(editorView: EditorView) {
-    return new LinkTooltipView(editorView);
-  },
-};
-
-class LinkTooltipPlugin extends Plugin {
-  constructor() {
-    super(SPEC);
-  }
-}
-
-class LinkTooltipView {
-  _anchorEl = null;
-  _popup = null;
-  _editor = null;
-
-  constructor(editorView: EditorView) {
-    this.update(editorView, null);
-  }
-
-  update(view: EditorView, lastState: EditorState): void {
-    if (view.readOnly) {
-      this.destroy();
-      return;
-    }
-
-    const { state } = view;
-    const { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_LINK];
-    if (!markType) {
-      return;
-    }
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-
-    if (!result) {
-      this.destroy();
-      return;
-    }
-    const domFound = view.domAtPos(from);
-    if (!domFound) {
-      this.destroy();
-      return;
-    }
-    const anchorEl = lookUpElement(domFound.node, (el) => el.nodeName === 'A');
-    if (!anchorEl) {
-      this.destroy();
-      return;
-    }
-
-    const popup = this._popup;
-    const 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,
-      });
-    }
-  }
-
-  destroy() {
-    this._popup && this._popup.close();
-    this._editor && this._editor.close();
-  }
-
-  _onCancel = (view: EditorView): void => {
-    this.destroy();
-    view.focus();
-  };
-
-  _onClose = (): void => {
-    this._anchorEl = null;
-    this._editor = null;
-    this._popup = null;
-  };
-
-  _onEdit = (view: EditorView): void => {
-    if (this._editor) {
-      return;
-    }
-
-    const { state } = view;
-    const { schema, doc, selection } = state;
-    const { from, to } = selection;
-    const markType = schema.marks[MARK_LINK];
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    if (!result) {
-      return;
-    }
-
-    const href = result.mark.attrs.href;
-    this._editor = createPopUp(
-      LinkURLEditor,
-      { href },
-      {
-        onClose: (value) => {
-          this._editor = null;
-          this._onEditEnd(view, selection, value);
-        },
-      }
-    );
-  };
-
-  _onRemove = (view: EditorView): void => {
-    this._onEditEnd(view, view.state.selection, null);
-  };
-
-  _onEditEnd = (
-    view: EditorView,
-    initialSelection: TextSelection,
-    href: ?string
-  ): void => {
-    const { state, dispatch } = view;
-    let tr = hideSelectionPlaceholder(state);
-
-    if (href !== undefined) {
-      const { schema } = state;
-      const markType = schema.marks[MARK_LINK];
-      if (markType) {
-        const result = findNodesWithSameMark(
-          tr.doc,
-          initialSelection.from,
-          initialSelection.to,
-          markType
-        );
-        if (result) {
-          const linkSelection = TextSelection.create(
-            tr.doc,
-            result.from.pos,
-            result.to.pos + 1
-          );
-          tr = tr.setSelection(linkSelection);
-          const attrs = 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.
-          const origSelection = TextSelection.create(
-            tr.doc,
-            initialSelection.from,
-            initialSelection.to
-          );
-          tr = tr.setSelection(origSelection);
-        }
-      }
-    }
-    dispatch(tr);
-    view.focus();
-  };
-}
-
-export default LinkTooltipPlugin;
+// @flow
+
+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/
+const SPEC = {
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  key: new PluginKey('LinkTooltipPlugin'),
+  view(editorView: EditorView) {
+    return new LinkTooltipView(editorView);
+  },
+};
+
+class LinkTooltipPlugin extends Plugin {
+  constructor() {
+    super(SPEC);
+  }
+}
+
+class LinkTooltipView {
+  _anchorEl = null;
+  _popup = null;
+  _editor = null;
+
+  constructor(editorView: EditorView) {
+    this.update(editorView, null);
+  }
+
+  update(view: EditorView, lastState: EditorState): void {
+    if (view.readOnly) {
+      this.destroy();
+      return;
+    }
+
+    const { state } = view;
+    const { doc, selection, schema } = state;
+    const markType = schema.marks[MARK_LINK];
+    if (!markType) {
+      return;
+    }
+    const { from, to } = selection;
+    const result = findNodesWithSameMark(doc, from, to, markType);
+
+    if (!result) {
+      this.destroy();
+      return;
+    }
+    const domFound = view.domAtPos(from);
+    if (!domFound) {
+      this.destroy();
+      return;
+    }
+    const anchorEl = lookUpElement(domFound.node, (el) => el.nodeName === 'A');
+    if (!anchorEl) {
+      this.destroy();
+      return;
+    }
+
+    const popup = this._popup;
+    const 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,
+      });
+    }
+  }
+
+  destroy() {
+    this._popup && this._popup.close();
+    this._editor && this._editor.close();
+  }
+
+  _onCancel = (view: EditorView): void => {
+    this.destroy();
+    view.focus();
+  };
+
+  _onClose = (): void => {
+    this._anchorEl = null;
+    this._editor = null;
+    this._popup = null;
+  };
+
+  _onEdit = (view: EditorView): void => {
+    if (this._editor) {
+      return;
+    }
+
+    const { state } = view;
+    const { schema, doc, selection } = state;
+    const { from, to } = selection;
+    const markType = schema.marks[MARK_LINK];
+    const result = findNodesWithSameMark(doc, from, to, markType);
+    if (!result) {
+      return;
+    }
+
+    const href = result.mark.attrs.href;
+    this._editor = createPopUp(
+      LinkURLEditor,
+      { href },
+      {
+        onClose: (value) => {
+          this._editor = null;
+          this._onEditEnd(view, selection, value);
+        },
+      }
+    );
+  };
+
+  _onRemove = (view: EditorView): void => {
+    this._onEditEnd(view, view.state.selection, null);
+  };
+
+  _onEditEnd = (
+    view: EditorView,
+    initialSelection: TextSelection,
+    href: ?string
+  ): void => {
+    const { state, dispatch } = view;
+    let tr = hideSelectionPlaceholder(state);
+
+    if (href !== undefined) {
+      const { schema } = state;
+      const markType = schema.marks[MARK_LINK];
+      if (markType) {
+        const result = findNodesWithSameMark(
+          tr.doc,
+          initialSelection.from,
+          initialSelection.to,
+          markType
+        );
+        if (result) {
+          const linkSelection = TextSelection.create(
+            tr.doc,
+            result.from.pos,
+            result.to.pos + 1
+          );
+          tr = tr.setSelection(linkSelection);
+          const attrs = 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.
+          const origSelection = TextSelection.create(
+            tr.doc,
+            initialSelection.from,
+            initialSelection.to
+          );
+          tr = tr.setSelection(origSelection);
+        }
+      }
+    }
+    dispatch(tr);
+    view.focus();
+  };
+}
+
+export default LinkTooltipPlugin;