@modusoperandi/licit 0.1.4 → 0.1.8

package/dist/transformAndPreserveTextSelection.js.flow

@@ -1,151 +1,151 @@
-import { Fragment, Schema } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-
-import { MARK_TEXT_SELECTION } from './MarkNames';
-import { PARAGRAPH, TEXT } from './NodeNames';
-import applyMark from './applyMark';
-import uuid from './ui/uuid';
-
-export type SelectionMemo = {
-  schema: Schema,
-  tr: Transform,
-};
-
-// Text used to create temporary selection.
-// This assumes that no user could enter such string manually.
-const PLACEHOLDER_TEXT = `[\u200b\u2800PLACEHOLDER_TEXT_${uuid()}\u2800\u200b]`;
-
-// Perform the transform without losing the perceived text selection.
-// The way it works is that this will annotate teh current selection with
-// temporary marks and restores the selection with those marks after performing
-// the transform.
-export default function transformAndPreserveTextSelection(
-  tr: Transform,
-  schema: Schema,
-  fn: (memo: SelectionMemo) => Transform
-): Transform {
-  if (tr.getMeta('dryrun')) {
-    // There's no need to preserve the selection in dryrun mode.
-    return fn({ tr, schema });
-  }
-
-  const { selection, doc } = tr;
-  const markType = schema.marks[MARK_TEXT_SELECTION];
-  if (!markType || !selection || !doc) {
-    return tr;
-  }
-
-  if (!(selection instanceof TextSelection)) {
-    return tr;
-  }
-
-  const { from, to } = selection;
-
-  // Mark current selection so that we could resume the selection later
-  // after changing the whole list.
-  let fromOffset = 0;
-  let toOffset = 0;
-  let placeholderTextNode;
-
-  if (from === to) {
-    if (from === 0) {
-      return tr;
-    }
-    // Selection is collapsed, create a temporary selection that the marks can
-    // be applied to.
-    const currentNode = tr.doc.nodeAt(from);
-    const prevNode = tr.doc.nodeAt(from - 1);
-    const nextNode = tr.doc.nodeAt(from + 1);
-
-    if (
-      !currentNode &&
-      prevNode &&
-      prevNode.type.name === PARAGRAPH &&
-      !prevNode.firstChild
-    ) {
-      // The selection is at a paragraph node which has no content.
-      // Create a temporary text and move selection into that text.
-      placeholderTextNode = schema.text(PLACEHOLDER_TEXT);
-      tr = tr.insert(from, Fragment.from(placeholderTextNode));
-      toOffset = 1;
-    } else if (!currentNode && prevNode && prevNode.type.name === TEXT) {
-      // The selection is at the end of the text node. Select the last
-      // character instead.
-      fromOffset = -1;
-    } else if (prevNode && currentNode && currentNode.type === prevNode.type) {
-      // Ensure that the mark is applied to the same type of node.
-      fromOffset = -1;
-    } else if (nextNode && currentNode && currentNode.type === nextNode.type) {
-      toOffset = 1;
-    } else if (nextNode) {
-      // Could not find the same type of node, assume the next node is safe to use.
-      toOffset = 1;
-    } else if (prevNode) {
-      // Could not find the same type of node, assume the next node is safe to use.
-      fromOffset = -1;
-    } else {
-      // Selection can't be safely preserved.
-      return tr;
-    }
-    tr = tr.setSelection(
-      // [FS] IRAD-1005 2020-07-29
-      // Upgrade outdated packages.
-      // reset selection using the latest doc.
-      // This fixes IRAD-1023
-      TextSelection.create(tr.doc, from + fromOffset, to + toOffset)
-    );
-  }
-
-  // This is an unique ID (by reference).
-  const id = {};
-  const findMark = (mark) => mark.attrs.id === id;
-
-  const findMarkRange = () => {
-    let markFrom = 0;
-    let markTo = 0;
-    tr.doc.descendants((node, pos) => {
-      if (node.marks && node.marks.find(findMark)) {
-        markFrom = markFrom === 0 ? pos : markFrom;
-        markTo = pos + node.nodeSize;
-      }
-      return true;
-    });
-    return {
-      from: markFrom,
-      to: markTo,
-    };
-  };
-
-  // TODO: This has side-effect. It will cause `tr.docChanged` to be `true`.
-  // No matter whether `fn({tr, schema})` did change the doc or not.
-  tr = applyMark(tr, schema, markType, { id });
-  tr = fn({ tr, schema });
-
-  const markRange = findMarkRange();
-  const selectionRange = {
-    from: Math.max(0, markRange.from - fromOffset),
-    to: Math.max(0, markRange.to - toOffset),
-  };
-
-  selectionRange.to = Math.max(0, selectionRange.from, selectionRange.to);
-
-  tr = tr.removeMark(markRange.from, markRange.to, markType);
-
-  if (placeholderTextNode) {
-    tr.doc.descendants((node, pos) => {
-      if (node.type.name === TEXT && node.text === PLACEHOLDER_TEXT) {
-        tr = tr.delete(pos, pos + PLACEHOLDER_TEXT.length);
-        placeholderTextNode = null;
-        return false;
-      }
-      return true;
-    });
-  }
-
-  tr = tr.setSelection(
-    TextSelection.create(tr.doc, selectionRange.from, selectionRange.to)
-  );
-
-  return tr;
-}
+import { Fragment, Schema } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+
+import { MARK_TEXT_SELECTION } from './MarkNames';
+import { PARAGRAPH, TEXT } from './NodeNames';
+import applyMark from './applyMark';
+import uuid from './ui/uuid';
+
+export type SelectionMemo = {
+  schema: Schema,
+  tr: Transform,
+};
+
+// Text used to create temporary selection.
+// This assumes that no user could enter such string manually.
+const PLACEHOLDER_TEXT = `[\u200b\u2800PLACEHOLDER_TEXT_${uuid()}\u2800\u200b]`;
+
+// Perform the transform without losing the perceived text selection.
+// The way it works is that this will annotate teh current selection with
+// temporary marks and restores the selection with those marks after performing
+// the transform.
+export default function transformAndPreserveTextSelection(
+  tr: Transform,
+  schema: Schema,
+  fn: (memo: SelectionMemo) => Transform
+): Transform {
+  if (tr.getMeta('dryrun')) {
+    // There's no need to preserve the selection in dryrun mode.
+    return fn({ tr, schema });
+  }
+
+  const { selection, doc } = tr;
+  const markType = schema.marks[MARK_TEXT_SELECTION];
+  if (!markType || !selection || !doc) {
+    return tr;
+  }
+
+  if (!(selection instanceof TextSelection)) {
+    return tr;
+  }
+
+  const { from, to } = selection;
+
+  // Mark current selection so that we could resume the selection later
+  // after changing the whole list.
+  let fromOffset = 0;
+  let toOffset = 0;
+  let placeholderTextNode;
+
+  if (from === to) {
+    if (from === 0) {
+      return tr;
+    }
+    // Selection is collapsed, create a temporary selection that the marks can
+    // be applied to.
+    const currentNode = tr.doc.nodeAt(from);
+    const prevNode = tr.doc.nodeAt(from - 1);
+    const nextNode = tr.doc.nodeAt(from + 1);
+
+    if (
+      !currentNode &&
+      prevNode &&
+      prevNode.type.name === PARAGRAPH &&
+      !prevNode.firstChild
+    ) {
+      // The selection is at a paragraph node which has no content.
+      // Create a temporary text and move selection into that text.
+      placeholderTextNode = schema.text(PLACEHOLDER_TEXT);
+      tr = tr.insert(from, Fragment.from(placeholderTextNode));
+      toOffset = 1;
+    } else if (!currentNode && prevNode && prevNode.type.name === TEXT) {
+      // The selection is at the end of the text node. Select the last
+      // character instead.
+      fromOffset = -1;
+    } else if (prevNode && currentNode && currentNode.type === prevNode.type) {
+      // Ensure that the mark is applied to the same type of node.
+      fromOffset = -1;
+    } else if (nextNode && currentNode && currentNode.type === nextNode.type) {
+      toOffset = 1;
+    } else if (nextNode) {
+      // Could not find the same type of node, assume the next node is safe to use.
+      toOffset = 1;
+    } else if (prevNode) {
+      // Could not find the same type of node, assume the next node is safe to use.
+      fromOffset = -1;
+    } else {
+      // Selection can't be safely preserved.
+      return tr;
+    }
+    tr = tr.setSelection(
+      // [FS] IRAD-1005 2020-07-29
+      // Upgrade outdated packages.
+      // reset selection using the latest doc.
+      // This fixes IRAD-1023
+      TextSelection.create(tr.doc, from + fromOffset, to + toOffset)
+    );
+  }
+
+  // This is an unique ID (by reference).
+  const id = {};
+  const findMark = (mark) => mark.attrs.id === id;
+
+  const findMarkRange = () => {
+    let markFrom = 0;
+    let markTo = 0;
+    tr.doc.descendants((node, pos) => {
+      if (node.marks && node.marks.find(findMark)) {
+        markFrom = markFrom === 0 ? pos : markFrom;
+        markTo = pos + node.nodeSize;
+      }
+      return true;
+    });
+    return {
+      from: markFrom,
+      to: markTo,
+    };
+  };
+
+  // TODO: This has side-effect. It will cause `tr.docChanged` to be `true`.
+  // No matter whether `fn({tr, schema})` did change the doc or not.
+  tr = applyMark(tr, schema, markType, { id });
+  tr = fn({ tr, schema });
+
+  const markRange = findMarkRange();
+  const selectionRange = {
+    from: Math.max(0, markRange.from - fromOffset),
+    to: Math.max(0, markRange.to - toOffset),
+  };
+
+  selectionRange.to = Math.max(0, selectionRange.from, selectionRange.to);
+
+  tr = tr.removeMark(markRange.from, markRange.to, markType);
+
+  if (placeholderTextNode) {
+    tr.doc.descendants((node, pos) => {
+      if (node.type.name === TEXT && node.text === PLACEHOLDER_TEXT) {
+        tr = tr.delete(pos, pos + PLACEHOLDER_TEXT.length);
+        placeholderTextNode = null;
+        return false;
+      }
+      return true;
+    });
+  }
+
+  tr = tr.setSelection(
+    TextSelection.create(tr.doc, selectionRange.from, selectionRange.to)
+  );
+
+  return tr;
+}

package/dist/ui/AlertInfo.js

@@ -49,7 +49,7 @@ class AlertInfo extends React.PureComponent {
     const title = this.props.title || 'Document Error!';
     const content = this.props.content || 'Unable to load the document. Have issues in Json format, please verify...';
     return /*#__PURE__*/React.createElement("div", {
-      className: "alert"
+      className: "licit-alert"
     }, /*#__PURE__*/React.createElement("span", {
       className: "closebtn",
       onClick: this._cancel

package/dist/ui/AlertInfo.js.flow

@@ -1,64 +1,64 @@
-// @flow
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import './czi-form.css';
-
-class AlertInfo extends React.PureComponent<any, any> {
-  _unmounted = false;
-
-  constructor(props: any) {
-    super(props);
-  }
-
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  // To take care of the property type declaration.
-  static propsTypes = {
-    initialValue: PropTypes.object,
-    close: function (props: any, propName: string) {
-      const fn = props[propName];
-      if (
-        !fn.prototype ||
-        (typeof fn.prototype.constructor !== 'function' &&
-          fn.prototype.constructor.length !== 1)
-      ) {
-        return new Error(
-          propName + ' must be a function with 1 arg of type ImageLike'
-        );
-      }
-      return null;
-    },
-  };
-
-  state = {
-    ...(this.props.initialValue || {}),
-    validValue: null,
-  };
-
-  componentWillUnmount(): void {
-    this._unmounted = true;
-  }
-
-  render(): React.Element<any> {
-    const title = this.props.title || 'Document Error!';
-    const content =
-      this.props.content ||
-      'Unable to load the document. Have issues in Json format, please verify...';
-    return (
-      <div className="alert">
-        <span className="closebtn" onClick={this._cancel}>
-          &times;
-        </span>
-        <strong>{title}</strong>
-        <span>{content}</span>
-      </div>
-    );
-  }
-
-  _cancel = (): void => {
-    this.props.close();
-  };
-}
-
-export default AlertInfo;
+// @flow
+
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import './czi-form.css';
+
+class AlertInfo extends React.PureComponent<any, any> {
+  _unmounted = false;
+
+  constructor(props: any) {
+    super(props);
+  }
+
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  // To take care of the property type declaration.
+  static propsTypes = {
+    initialValue: PropTypes.object,
+    close: function (props: any, propName: string) {
+      const fn = props[propName];
+      if (
+        !fn.prototype ||
+        (typeof fn.prototype.constructor !== 'function' &&
+          fn.prototype.constructor.length !== 1)
+      ) {
+        return new Error(
+          propName + ' must be a function with 1 arg of type ImageLike'
+        );
+      }
+      return null;
+    },
+  };
+
+  state = {
+    ...(this.props.initialValue || {}),
+    validValue: null,
+  };
+
+  componentWillUnmount(): void {
+    this._unmounted = true;
+  }
+
+  render(): React.Element<any> {
+    const title = this.props.title || 'Document Error!';
+    const content =
+      this.props.content ||
+      'Unable to load the document. Have issues in Json format, please verify...';
+    return (
+      <div className="licit-alert">
+        <span className="closebtn" onClick={this._cancel}>
+          &times;
+        </span>
+        <strong>{title}</strong>
+        <span>{content}</span>
+      </div>
+    );
+  }
+
+  _cancel = (): void => {
+    this.props.close();
+  };
+}
+
+export default AlertInfo;

package/dist/ui/BookmarkNodeView.js.flow

@@ -1,66 +1,66 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-import { Decoration } from 'prosemirror-view';
-import * as React from 'react';
-
-import {
-  ATTRIBUTE_BOOKMARK_ID,
-  ATTRIBUTE_BOOKMARK_VISIBLE,
-} from './../BookmarkNodeSpec';
-import CustomNodeView from './CustomNodeView';
-import Icon from './Icon';
-
-import './czi-bookmark-view.css';
-
-import type { NodeViewProps } from './CustomNodeView';
-
-class BookmarkViewBody extends React.PureComponent<any, any> {
-  props: NodeViewProps;
-
-  render(): React.Element<any> {
-    const { id, visible } = this.props.node.attrs;
-    const icon = id && visible ? Icon.get('bookmark') : null;
-    return <span onClick={this._onClick}>{icon}</span>;
-  }
-
-  _onClick = (e: SyntheticEvent<>): void => {
-    e.preventDefault();
-    const { id } = this.props.node.attrs;
-    const hash = '#' + id;
-    if (window.location.hash !== hash) {
-      window.location.hash = hash;
-    }
-  };
-}
-
-class BookmarkNodeView extends CustomNodeView {
-  // @override
-  createDOMElement(): HTMLElement {
-    const el = document.createElement('a');
-    el.className = 'czi-bookmark-view';
-    this._updateDOM(el);
-    return el;
-  }
-
-  // @override
-  update(node: Node, decorations: Array<Decoration>): boolean {
-    super.update(node, decorations);
-    return true;
-  }
-
-  // @override
-  renderReactComponent(): React.Element<any> {
-    return <BookmarkViewBody {...this.props} />;
-  }
-
-  _updateDOM(el: HTMLElement): void {
-    const { id, visible } = this.props.node.attrs;
-    el.setAttribute('id', id);
-    el.setAttribute('title', id);
-    el.setAttribute(ATTRIBUTE_BOOKMARK_ID, id);
-    visible && el.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
-  }
-}
-
-export default BookmarkNodeView;
+// @flow
+
+import { Node } from 'prosemirror-model';
+import { Decoration } from 'prosemirror-view';
+import * as React from 'react';
+
+import {
+  ATTRIBUTE_BOOKMARK_ID,
+  ATTRIBUTE_BOOKMARK_VISIBLE,
+} from './../BookmarkNodeSpec';
+import CustomNodeView from './CustomNodeView';
+import Icon from './Icon';
+
+import './czi-bookmark-view.css';
+
+import type { NodeViewProps } from './CustomNodeView';
+
+class BookmarkViewBody extends React.PureComponent<any, any> {
+  props: NodeViewProps;
+
+  render(): React.Element<any> {
+    const { id, visible } = this.props.node.attrs;
+    const icon = id && visible ? Icon.get('bookmark') : null;
+    return <span onClick={this._onClick}>{icon}</span>;
+  }
+
+  _onClick = (e: SyntheticEvent<>): void => {
+    e.preventDefault();
+    const { id } = this.props.node.attrs;
+    const hash = '#' + id;
+    if (window.location.hash !== hash) {
+      window.location.hash = hash;
+    }
+  };
+}
+
+class BookmarkNodeView extends CustomNodeView {
+  // @override
+  createDOMElement(): HTMLElement {
+    const el = document.createElement('a');
+    el.className = 'czi-bookmark-view';
+    this._updateDOM(el);
+    return el;
+  }
+
+  // @override
+  update(node: Node, decorations: Array<Decoration>): boolean {
+    super.update(node, decorations);
+    return true;
+  }
+
+  // @override
+  renderReactComponent(): React.Element<any> {
+    return <BookmarkViewBody {...this.props} />;
+  }
+
+  _updateDOM(el: HTMLElement): void {
+    const { id, visible } = this.props.node.attrs;
+    el.setAttribute('id', id);
+    el.setAttribute('title', id);
+    el.setAttribute(ATTRIBUTE_BOOKMARK_ID, id);
+    visible && el.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
+  }
+}
+
+export default BookmarkNodeView;