@modusoperandi/licit 0.13.1 → 0.13.2

package/src/TextColorCommand.js

@@ -1,87 +0,0 @@
-// @flow
-
-import ColorEditor from './ui/ColorEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import applyMark from './applyMark';
-import createPopUp from './ui/createPopUp';
-import findNodesWithSameMark from './findNodesWithSameMark';
-import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { MARK_TEXT_COLOR } from './MarkNames';
-import { Transform } from 'prosemirror-transform';
-
-class TextColorCommand extends UICommand {
-  _popUp = null;
-  _color = '';
-
-  constructor(color: ?string) {
-    super();
-    this._color = color;
-  }
-  isEnabled = (state: EditorState): boolean => {
-    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_COLOR);
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-    const target = nullthrows(event).currentTarget;
-    if (!(target instanceof HTMLElement)) {
-      return Promise.resolve(undefined);
-    }
-
-    const { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_TEXT_COLOR];
-    const anchor = event ? event.currentTarget : null;
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    const hex = result ? result.mark.attrs.color : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(
-        ColorEditor,
-        { hex },
-        {
-          anchor,
-          onClose: (val) => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          },
-        }
-      );
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    color: ?string
-  ): boolean => {
-    if (dispatch && color !== undefined) {
-      const { schema } = state;
-      const markType = schema.marks[MARK_TEXT_COLOR];
-      const attrs = color ? { color } : null;
-      const tr = applyMark(state.tr, schema, markType, attrs);
-      if (tr.docChanged || tr.storedMarksSet) {
-        // If selection is empty, the color is added to `storedMarks`, which
-        // works like `toggleMark`
-        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-        dispatch(tr);
-        return true;
-      }
-    }
-    return false;
-  };
-}
-
-export default TextColorCommand;

package/src/TextHighlightCommand.js

@@ -1,91 +0,0 @@
-// @flow
-
-import ColorEditor from './ui/ColorEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import applyMark from './applyMark';
-import createPopUp from './ui/createPopUp';
-import findNodesWithSameMark from './findNodesWithSameMark';
-import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { MARK_TEXT_HIGHLIGHT } from './MarkNames';
-import { Transform } from 'prosemirror-transform';
-
-class TextHighlightCommand extends UICommand {
-  _popUp = null;
-  _color = '';
-
-  constructor(color: ?string) {
-    super();
-    this._color = color;
-  }
-  isEnabled = (state: EditorState): boolean => {
-    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_HIGHLIGHT);
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-    const target = nullthrows(event).currentTarget;
-    if (!(target instanceof HTMLElement)) {
-      return Promise.resolve(undefined);
-    }
-
-    const { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    const hex = result ? result.mark.attrs.highlightColor : null;
-    const anchor = event ? event.currentTarget : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(
-        ColorEditor,
-        { hex },
-        {
-          anchor,
-          onClose: (val) => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          },
-        }
-      );
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    color: ?string
-  ): boolean => {
-    if (dispatch && color !== undefined) {
-      const { schema } = state;
-      let { tr } = state;
-      const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
-      const attrs = color ? { highlightColor: color } : null;
-      // tr = applyMark(tr.setSelection(state.selection), schema, markType, attrs);
-      tr = applyMark(tr, schema, markType, attrs);
-      if (tr.docChanged || tr.storedMarksSet) {
-        // If selection is empty, the color is added to `storedMarks`, which
-        // works like `toggleMark`
-        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-        dispatch(tr);
-        return true;
-      }
-    }
-    return false;
-  };
-
-
-}
-
-export default TextHighlightCommand;

package/src/TextLineSpacingCommand.js

@@ -1,157 +0,0 @@
-// @flow
-
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import { AllSelection, TextSelection } from 'prosemirror-state';
-import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { Schema } from 'prosemirror-model';
-import { Transform } from 'prosemirror-transform';
-import {
-  DOUBLE_LINE_SPACING,
-  SINGLE_LINE_SPACING,
-  LINE_SPACING_115,
-  LINE_SPACING_150,
-} from './ui/toCSSLineSpacing';
-
-export function setTextLineSpacing(
-  tr: Transform,
-  schema: Schema,
-  lineSpacing: ?string
-): Transform {
-  const { selection, doc } = tr;
-  if (!selection || !doc) {
-    return tr;
-  }
-
-  if (
-    !(selection instanceof TextSelection) &&
-    !(selection instanceof AllSelection)
-  ) {
-    return tr;
-  }
-
-  const { from, to } = selection;
-  const paragraph = schema.nodes[PARAGRAPH];
-  const heading = schema.nodes[HEADING];
-  const listItem = schema.nodes[LIST_ITEM];
-  const blockquote = schema.nodes[BLOCKQUOTE];
-  if (!paragraph && !heading && !listItem && !blockquote) {
-    return tr;
-  }
-
-  const tasks = [];
-  const lineSpacingValue = lineSpacing || null;
-
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    const nodeType = node.type;
-    if (
-      nodeType === paragraph ||
-      nodeType === heading ||
-      nodeType === listItem ||
-      nodeType === blockquote
-    ) {
-      const lineSpacing = node.attrs.lineSpacing || null;
-      if (lineSpacing !== lineSpacingValue) {
-        tasks.push({
-          node,
-          pos,
-          nodeType,
-        });
-      }
-      return nodeType === listItem ? true : false;
-    }
-    return true;
-  });
-
-  if (!tasks.length) {
-    return tr;
-  }
-
-  tasks.forEach((job) => {
-    const { node, pos, nodeType } = job;
-    let { attrs } = node;
-    if (lineSpacingValue) {
-      attrs = {
-        ...attrs,
-        lineSpacing: lineSpacingValue,
-      };
-    } else {
-      attrs = {
-        ...attrs,
-        lineSpacing: null,
-      };
-    }
-    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
-  });
-
-  return tr;
-}
-
-function createGroup(): Array<{ [string]: TextLineSpacingCommand }> {
-  const group = {
-    Single: new TextLineSpacingCommand(SINGLE_LINE_SPACING),
-    '1.15': new TextLineSpacingCommand(LINE_SPACING_115),
-    '1.5': new TextLineSpacingCommand(LINE_SPACING_150),
-    Double: new TextLineSpacingCommand(DOUBLE_LINE_SPACING),
-  };
-  return [group];
-}
-
-class TextLineSpacingCommand extends UICommand {
-  _lineSpacing: ?string;
-
-  static createGroup = createGroup;
-
-  constructor(lineSpacing: ?string) {
-    super();
-    this._lineSpacing = lineSpacing;
-  }
-
-  isActive = (state: EditorState): boolean => {
-    const { selection, doc, schema } = state;
-    const { from, to } = selection;
-    const paragraph = schema.nodes[PARAGRAPH];
-    const heading = schema.nodes[HEADING];
-    let keepLooking = true;
-    let active = false;
-    doc.nodesBetween(from, to, (node, pos) => {
-      const nodeType = node.type;
-      if (
-        keepLooking &&
-        (nodeType === paragraph || nodeType === heading) &&
-        node.attrs.lineSpacing === this._lineSpacing
-      ) {
-        keepLooking = false;
-        active = true;
-      }
-      return keepLooking;
-    });
-    return active;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    return this.isActive(state) || this.execute(state);
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { schema, selection } = state;
-    const tr = setTextLineSpacing(
-      state.tr.setSelection(selection),
-      schema,
-      this._lineSpacing
-    );
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-}
-
-export default TextLineSpacingCommand;

package/src/applyMark.js

@@ -1,61 +0,0 @@
-// @flow
-
-import { Mark, Schema } from 'prosemirror-model';
-import { Transform } from 'prosemirror-transform';
-
-function markApplies(doc, ranges, type) {
-  for (let i = 0; i < ranges.length; i++) {
-    const { $from, $to } = ranges[i];
-    let can = $from.depth == 0 ? doc.type.allowsMarkType(type) : false;
-    doc.nodesBetween($from.pos, $to.pos, (node) => {
-      if (can) {
-        return false;
-      }
-      can = node.inlineContent && node.type.allowsMarkType(type);
-      return true;
-    });
-    if (can) {
-      return true;
-    }
-  }
-  return false;
-}
-
-// https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js
-export default function applyMark(
-  tr: Transform,
-  schema: Schema,
-  markType: Mark,
-  attrs?: ?Object
-): Transform {
-  if (!tr.selection || !tr.doc || !markType) {
-    return tr;
-  }
-  const { empty, $cursor, ranges } = tr.selection;
-  if ((empty && !$cursor) || !markApplies(tr.doc, ranges, markType)) {
-    return tr;
-  }
-
-  if ($cursor) {
-    tr = tr.removeStoredMark(markType);
-    // return attrs ? tr.addStoredMark(markType.create(attrs)) : tr;
-    return tr.addStoredMark(markType.create(attrs));
-  }
-
-  let has = false;
-  for (let i = 0; !has && i < ranges.length; i++) {
-    const { $from, $to } = ranges[i];
-    has = tr.doc.rangeHasMark($from.pos, $to.pos, markType);
-  }
-  for (let i = 0; i < ranges.length; i++) {
-    const { $from, $to } = ranges[i];
-    if (has) {
-      tr = tr.removeMark($from.pos, $to.pos, markType);
-    }
-    if (attrs) {
-      tr = tr.addMark($from.pos, $to.pos, markType.create(attrs));
-    }
-  }
-
-  return tr;
-}

package/src/clearMarks.js

@@ -1,128 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { Transform } from 'prosemirror-transform';
-import { HEADING, PARAGRAPH } from './NodeNames';
-import * as MarkNames from './MarkNames';
-import { setTextAlign } from './TextAlignCommand';
-import { setTextLineSpacing } from './TextLineSpacingCommand';
-
-const {
-  MARK_EM,
-  MARK_FONT_SIZE,
-  MARK_FONT_TYPE,
-  MARK_STRIKE,
-  MARK_STRONG,
-  MARK_TEXT_COLOR,
-  MARK_TEXT_HIGHLIGHT,
-  MARK_UNDERLINE,
-} = MarkNames;
-
-const FORMAT_MARK_NAMES = [
-  MARK_EM,
-  MARK_FONT_SIZE,
-  MARK_FONT_TYPE,
-  MARK_STRIKE,
-  MARK_STRONG,
-  MARK_TEXT_COLOR,
-  MARK_TEXT_HIGHLIGHT,
-  MARK_UNDERLINE,
-];
-
-// [FS] IRAD-1053 2020-11-13
-// Clear format not removes the line spacing
-function removeTextAlignAndLineSpacing(
-  tr: Transform,
-  schema: Schema
-): Transform {
-  // to clear the text align format.
-  tr = setTextAlign(tr, schema, null);
-  // to clear the applied line spacing format.
-  tr = setTextLineSpacing(tr, schema, null);
-  return tr;
-}
-
-export function clearMarks(tr: Transform, schema: Schema): Transform {
-  const { doc, selection } = tr;
-  if (!selection || !doc) {
-    return tr;
-  }
-  const { from, to, empty } = selection;
-  if (empty) {
-    return tr;
-  }
-
-  const markTypesToRemove = new Set(
-    FORMAT_MARK_NAMES.map((n) => schema.marks[n]).filter(Boolean)
-  );
-
-  if (!markTypesToRemove.size) {
-    return tr;
-  }
-
-  const tasks = [];
-  doc.nodesBetween(from, to, (node, pos) => {
-    if (node.marks && node.marks.length) {
-      node.marks.some((mark) => {
-        if (markTypesToRemove.has(mark.type)) {
-          tasks.push({ node, pos, mark });
-        }
-      });
-      return true;
-    }
-    return true;
-  });
-  if (!tasks.length) {
-    // It should clear text alignment and line spacing.
-    tr = removeTextAlignAndLineSpacing(tr, schema);
-    return tr;
-  }
-
-  tasks.forEach((job) => {
-    const { mark } = job;
-    // [FS] IRAD-1043 2020-10-27
-    // Issue fix on when clear the format of a selected word, the entire paragraphs style removed
-    tr = tr.removeMark(from, to, mark.type);
-  });
-
-  // It should clear text alignment and line spacing.
-  tr = removeTextAlignAndLineSpacing(tr, schema);
-  return tr;
-}
-
-// [FS] IRAD-948 2020-05-22
-// Clear Header formatting
-export function clearHeading(tr: Transform, schema: Schema) {
-  const { doc, selection } = tr;
-
-  if (!selection || !doc) {
-    return tr;
-  }
-  const { from, to, empty } = selection;
-  if (empty) {
-    return tr;
-  }
-  const { nodes } = schema;
-
-  const heading = nodes[HEADING];
-  const paragraph = nodes[PARAGRAPH];
-
-  const tasks = [];
-
-  doc.nodesBetween(from, to, (node, pos) => {
-    if (heading === node.type) {
-      tasks.push({ node, pos });
-    }
-    return true;
-  });
-
-  if (!tasks.length) {
-    return tr;
-  }
-
-  tasks.forEach((job) => {
-    const { node, pos } = job;
-    tr = tr.setNodeMarkup(pos, paragraph, node.attrs, node.marks);
-  });
-  return tr;
-}

package/src/compareNumber.js

@@ -1,11 +0,0 @@
-// @flow
-
-export default function compareNumber(a: number, b: number): number {
-  if (a > b) {
-    return 1;
-  }
-  if (a < b) {
-    return -1;
-  }
-  return 0;
-}