@modusoperandi/licit 1.0.3 → 1.0.5

package/ContentPlaceholderPlugin.js.flow

@@ -1,187 +1,187 @@
-// @flow
-
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-
-import isEditorStateEmpty from './isEditorStateEmpty.js';
-
-import './ui/czi-editor.css';
-
-const CLASS_NAME_HAS_PLACEHOLDER = 'czi-has-placeholder';
-
-class ContentPlaceholderView {
-  _el = null;
-  _focused = null;
-  _view = null;
-  _visible = null;
-
-  constructor(editorView: EditorView) {
-    const el: any = document.createElement('div');
-
-    this._el = el;
-    this._view = editorView;
-
-    el.className = 'czi-editor-content-placeholder';
-    editorView.dom.parentNode.appendChild(el);
-    document.addEventListener('focusin', this._checkFocus, true);
-    document.addEventListener('focusout', this._checkFocus, false);
-
-    this.update(editorView);
-
-    // We don't know whether view is focused at this moment yet. Manually
-    // calls `this._checkFocus` which will set `_focused` accordingly.
-    this._checkFocus();
-  }
-
-  update(view: EditorView): void {
-    this._view = view;
-
-    const el = this._el;
-    if (!el || !view) {
-      return;
-    }
-
-    if (this._focused || !isEditorStateEmpty(view.state)) {
-      this._hide();
-      return;
-    }
-
-    const parentEl = el.parentNode;
-    const bodyEl = this._getBodyElement();
-    const placeholder = view.placeholder;
-    if (!parentEl || !bodyEl || !placeholder) {
-      return;
-    }
-
-    this._visible = true;
-    view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
-
-    const parentElRect = parentEl.getBoundingClientRect();
-    const bodyRect = bodyEl.getBoundingClientRect();
-    const bodyStyle = window.getComputedStyle(bodyEl);
-
-    const left = bodyRect.left - parentElRect.left;
-    const top = bodyRect.top - parentElRect.top;
-
-    el.style.left = left + 'px';
-    el.style.top = top + 'px';
-    el.style.padding = bodyStyle.padding;
-    el.style.display = 'block';
-    el.style.width = bodyEl.offsetWidth + 'px';
-
-    ReactDOM.render(<div>{placeholder}</div>, el);
-  }
-
-  destroy() {
-    this._hide();
-
-    const el = this._el;
-    if (el) {
-      el.parentNode && el.parentNode.removeChild(el);
-      ReactDOM.unmountComponentAtNode(el);
-    }
-    document.removeEventListener('focusin', this._checkFocus, true);
-    document.removeEventListener('focusout', this._checkFocus, false);
-    this._view = null;
-    this._el = null;
-    this._focused = false;
-    this._visible = false;
-  }
-
-  _checkFocus = (): void => {
-    const el = this._el;
-    const view = this._view;
-    if (!view || !el) {
-      return;
-    }
-    const doc = document;
-    const activeElement = doc.activeElement;
-    const bodyEl = this._getBodyElement();
-
-    if (!activeElement || !bodyEl || (doc.hasFocus && !doc.hasFocus())) {
-      this._onBlur();
-    } else {
-      if (
-        activeElement === bodyEl ||
-        bodyEl.contains(activeElement) ||
-        activeElement === bodyEl.parentNode
-      ) {
-        this._onFocus();
-      } else {
-        this._onBlur();
-      }
-    }
-  };
-
-  _onFocus(): void {
-    if (this._focused !== true) {
-      this._focused = true;
-      this._hide();
-    }
-  }
-
-  _onBlur(): void {
-    const view = this._view;
-    if (this._focused !== false) {
-      this._focused = false;
-      if (view && isEditorStateEmpty(view.state)) {
-        this._show();
-      } else {
-        this._hide();
-      }
-    }
-  }
-
-  _getBodyElement(): ?HTMLElement {
-    const view = this._view;
-    return (
-      view && view.docView && view.docView.dom && view.docView.dom.firstChild
-    );
-  }
-
-  _show(): void {
-    if (this._visible !== true) {
-      const el = this._el;
-      const view = this._view;
-      this._visible = true;
-      if (el) {
-        el.style.display = 'block';
-      }
-      if (view) {
-        this.update(view);
-        view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
-      }
-    }
-  }
-
-  _hide(): void {
-    if (this._visible !== false) {
-      const el = this._el;
-      const view = this._view;
-      this._visible = false;
-      if (el) {
-        el.style.display = 'none';
-      }
-      if (view) {
-        view.dom.classList.remove(CLASS_NAME_HAS_PLACEHOLDER);
-      }
-    }
-  }
-}
-
-class ContentPlaceholderPlugin extends Plugin {
-  constructor() {
-    super({
-      // [FS] IRAD-1005 2020-07-07
-      // Upgrade outdated packages.
-      key: new PluginKey('ContentPlaceholderPlugin'),
-      view(editorView: EditorView) {
-        return new ContentPlaceholderView(editorView);
-      },
-    });
-  }
-}
-
-export default ContentPlaceholderPlugin;
+// @flow
+
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+
+import isEditorStateEmpty from './isEditorStateEmpty.js';
+
+import './ui/czi-editor.css';
+
+const CLASS_NAME_HAS_PLACEHOLDER = 'czi-has-placeholder';
+
+class ContentPlaceholderView {
+  _el = null;
+  _focused = null;
+  _view = null;
+  _visible = null;
+
+  constructor(editorView: EditorView) {
+    const el: any = document.createElement('div');
+
+    this._el = el;
+    this._view = editorView;
+
+    el.className = 'czi-editor-content-placeholder';
+    editorView.dom.parentNode.appendChild(el);
+    document.addEventListener('focusin', this._checkFocus, true);
+    document.addEventListener('focusout', this._checkFocus, false);
+
+    this.update(editorView);
+
+    // We don't know whether view is focused at this moment yet. Manually
+    // calls `this._checkFocus` which will set `_focused` accordingly.
+    this._checkFocus();
+  }
+
+  update(view: EditorView): void {
+    this._view = view;
+
+    const el = this._el;
+    if (!el || !view) {
+      return;
+    }
+
+    if (this._focused || !isEditorStateEmpty(view.state)) {
+      this._hide();
+      return;
+    }
+
+    const parentEl = el.parentNode;
+    const bodyEl = this._getBodyElement();
+    const placeholder = view.placeholder;
+    if (!parentEl || !bodyEl || !placeholder) {
+      return;
+    }
+
+    this._visible = true;
+    view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
+
+    const parentElRect = parentEl.getBoundingClientRect();
+    const bodyRect = bodyEl.getBoundingClientRect();
+    const bodyStyle = window.getComputedStyle(bodyEl);
+
+    const left = bodyRect.left - parentElRect.left;
+    const top = bodyRect.top - parentElRect.top;
+
+    el.style.left = left + 'px';
+    el.style.top = top + 'px';
+    el.style.padding = bodyStyle.padding;
+    el.style.display = 'block';
+    el.style.width = bodyEl.offsetWidth + 'px';
+
+    ReactDOM.render(<div>{placeholder}</div>, el);
+  }
+
+  destroy() {
+    this._hide();
+
+    const el = this._el;
+    if (el) {
+      el.parentNode && el.parentNode.removeChild(el);
+      ReactDOM.unmountComponentAtNode(el);
+    }
+    document.removeEventListener('focusin', this._checkFocus, true);
+    document.removeEventListener('focusout', this._checkFocus, false);
+    this._view = null;
+    this._el = null;
+    this._focused = false;
+    this._visible = false;
+  }
+
+  _checkFocus = (): void => {
+    const el = this._el;
+    const view = this._view;
+    if (!view || !el) {
+      return;
+    }
+    const doc = document;
+    const activeElement = doc.activeElement;
+    const bodyEl = this._getBodyElement();
+
+    if (!activeElement || !bodyEl || (doc.hasFocus && !doc.hasFocus())) {
+      this._onBlur();
+    } else {
+      if (
+        activeElement === bodyEl ||
+        bodyEl.contains(activeElement) ||
+        activeElement === bodyEl.parentNode
+      ) {
+        this._onFocus();
+      } else {
+        this._onBlur();
+      }
+    }
+  };
+
+  _onFocus(): void {
+    if (this._focused !== true) {
+      this._focused = true;
+      this._hide();
+    }
+  }
+
+  _onBlur(): void {
+    const view = this._view;
+    if (this._focused !== false) {
+      this._focused = false;
+      if (view && isEditorStateEmpty(view.state)) {
+        this._show();
+      } else {
+        this._hide();
+      }
+    }
+  }
+
+  _getBodyElement(): ?HTMLElement {
+    const view = this._view;
+    return (
+      view && view.docView && view.docView.dom && view.docView.dom.firstChild
+    );
+  }
+
+  _show(): void {
+    if (this._visible !== true) {
+      const el = this._el;
+      const view = this._view;
+      this._visible = true;
+      if (el) {
+        el.style.display = 'block';
+      }
+      if (view) {
+        this.update(view);
+        view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
+      }
+    }
+  }
+
+  _hide(): void {
+    if (this._visible !== false) {
+      const el = this._el;
+      const view = this._view;
+      this._visible = false;
+      if (el) {
+        el.style.display = 'none';
+      }
+      if (view) {
+        view.dom.classList.remove(CLASS_NAME_HAS_PLACEHOLDER);
+      }
+    }
+  }
+}
+
+class ContentPlaceholderPlugin extends Plugin {
+  constructor() {
+    super({
+      // [FS] IRAD-1005 2020-07-07
+      // Upgrade outdated packages.
+      key: new PluginKey('ContentPlaceholderPlugin'),
+      view(editorView: EditorView) {
+        return new ContentPlaceholderView(editorView);
+      },
+    });
+  }
+}
+
+export default ContentPlaceholderPlugin;

package/CursorPlaceholderPlugin.js

@@ -1,14 +1,14 @@
 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 _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)); }
 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 _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); }
 import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
@@ -57,7 +57,6 @@ var SPEC = {
   }
 };
 var CursorPlaceholderPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(CursorPlaceholderPlugin, _Plugin);
   function CursorPlaceholderPlugin() {
     var _this;
     _classCallCheck(this, CursorPlaceholderPlugin);
@@ -65,9 +64,10 @@ var CursorPlaceholderPlugin = /*#__PURE__*/function (_Plugin) {
     if (singletonInstance) {
       return _possibleConstructorReturn(_this, singletonInstance);
     }
-    singletonInstance = _assertThisInitialized(_this);
+    singletonInstance = _this;
     return _this;
   }
+  _inherits(CursorPlaceholderPlugin, _Plugin);
   return _createClass(CursorPlaceholderPlugin);
 }(Plugin);
 function specFinder(spec) {

package/CursorPlaceholderPlugin.js.flow

@@ -1,115 +1,115 @@
-// @flow
-
-import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-
-import './ui/czi-cursor-placeholder.css';
-
-const PLACE_HOLDER_ID = { name: 'CursorPlaceholderPlugin' };
-
-let singletonInstance = null;
-
-// https://prosemirror.net/examples/upload/
-const SPEC = {
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  key: new PluginKey('CursorPlaceholderPlugin'),
-  state: {
-    init() {
-      return DecorationSet.empty;
-    },
-    apply(tr, set) {
-      set = set.map(tr.mapping, tr.doc);
-      const action = tr.getMeta(this);
-      if (!action) {
-        return set;
-      }
-      if (action.add) {
-        const widget = document.createElement('czi-cursor-placeholder');
-        widget.className = 'czi-cursor-placeholder';
-        const deco = Decoration.widget(action.add.pos, widget, {
-          id: PLACE_HOLDER_ID,
-        });
-        set = set.add(tr.doc, [deco]);
-      } else if (action.remove) {
-        const found = set.find(null, null, specFinder);
-        set = set.remove(found);
-      }
-
-      return set;
-    },
-  },
-  props: {
-    decorations: (state) => {
-      const plugin = singletonInstance;
-      return plugin ? plugin.getState(state) : null;
-    },
-  },
-};
-
-class CursorPlaceholderPlugin extends Plugin {
-  constructor() {
-    super(SPEC);
-    if (singletonInstance) {
-      return singletonInstance;
-    }
-    singletonInstance = this;
-  }
-}
-
-function specFinder(spec: Object): boolean {
-  return spec.id === PLACE_HOLDER_ID;
-}
-
-function findCursorPlaceholderPos(state: EditorState): ?number {
-  if (!singletonInstance) {
-    return null;
-  }
-  const decos = singletonInstance.getState(state);
-  const found = decos.find(null, null, specFinder);
-  const pos = found.length ? found[0].from : null;
-  return pos || null;
-}
-
-export function showCursorPlaceholder(state: EditorState): Transform {
-  const plugin = singletonInstance;
-  let { tr } = state;
-  if (!plugin || !tr.selection) {
-    return tr;
-  }
-
-  const pos = findCursorPlaceholderPos(state);
-  if (pos === null) {
-    if (!tr.selection.empty) {
-      // Replace the selection with a placeholder.
-      tr = tr.deleteSelection();
-    }
-    tr = tr.setMeta(plugin, {
-      add: {
-        pos: tr.selection.from,
-      },
-    });
-  }
-
-  return tr;
-}
-
-export function hideCursorPlaceholder(state: EditorState): Transform {
-  const plugin = singletonInstance;
-  let { tr } = state;
-  if (!plugin) {
-    return tr;
-  }
-
-  const pos = findCursorPlaceholderPos(state);
-  if (pos !== null) {
-    tr = tr.setMeta(plugin, {
-      remove: {},
-    });
-  }
-
-  return tr;
-}
-
-export default CursorPlaceholderPlugin;
+// @flow
+
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+
+import './ui/czi-cursor-placeholder.css';
+
+const PLACE_HOLDER_ID = { name: 'CursorPlaceholderPlugin' };
+
+let singletonInstance = null;
+
+// https://prosemirror.net/examples/upload/
+const SPEC = {
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  key: new PluginKey('CursorPlaceholderPlugin'),
+  state: {
+    init() {
+      return DecorationSet.empty;
+    },
+    apply(tr, set) {
+      set = set.map(tr.mapping, tr.doc);
+      const action = tr.getMeta(this);
+      if (!action) {
+        return set;
+      }
+      if (action.add) {
+        const widget = document.createElement('czi-cursor-placeholder');
+        widget.className = 'czi-cursor-placeholder';
+        const deco = Decoration.widget(action.add.pos, widget, {
+          id: PLACE_HOLDER_ID,
+        });
+        set = set.add(tr.doc, [deco]);
+      } else if (action.remove) {
+        const found = set.find(null, null, specFinder);
+        set = set.remove(found);
+      }
+
+      return set;
+    },
+  },
+  props: {
+    decorations: (state) => {
+      const plugin = singletonInstance;
+      return plugin ? plugin.getState(state) : null;
+    },
+  },
+};
+
+class CursorPlaceholderPlugin extends Plugin {
+  constructor() {
+    super(SPEC);
+    if (singletonInstance) {
+      return singletonInstance;
+    }
+    singletonInstance = this;
+  }
+}
+
+function specFinder(spec: Object): boolean {
+  return spec.id === PLACE_HOLDER_ID;
+}
+
+function findCursorPlaceholderPos(state: EditorState): ?number {
+  if (!singletonInstance) {
+    return null;
+  }
+  const decos = singletonInstance.getState(state);
+  const found = decos.find(null, null, specFinder);
+  const pos = found.length ? found[0].from : null;
+  return pos || null;
+}
+
+export function showCursorPlaceholder(state: EditorState): Transform {
+  const plugin = singletonInstance;
+  let { tr } = state;
+  if (!plugin || !tr.selection) {
+    return tr;
+  }
+
+  const pos = findCursorPlaceholderPos(state);
+  if (pos === null) {
+    if (!tr.selection.empty) {
+      // Replace the selection with a placeholder.
+      tr = tr.deleteSelection();
+    }
+    tr = tr.setMeta(plugin, {
+      add: {
+        pos: tr.selection.from,
+      },
+    });
+  }
+
+  return tr;
+}
+
+export function hideCursorPlaceholder(state: EditorState): Transform {
+  const plugin = singletonInstance;
+  let { tr } = state;
+  if (!plugin) {
+    return tr;
+  }
+
+  const pos = findCursorPlaceholderPos(state);
+  if (pos !== null) {
+    tr = tr.setMeta(plugin, {
+      remove: {},
+    });
+  }
+
+  return tr;
+}
+
+export default CursorPlaceholderPlugin;