@modusoperandi/licit 0.14.17 → 1.0.0

package/src/MarksClearCommand.js

@@ -1,42 +0,0 @@
-// @flow
-
-import { EditorState, AllSelection, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { clearMarks, clearHeading } from '@modusoperandi/licit-ui-commands';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-class MarksClearCommand extends UICommand {
-  isActive = (state: EditorState): boolean => {
-    return false;
-  };
-
-  isEnabled = (state: EditorState) => {
-    const { selection } = state;
-    return (
-      !selection.empty &&
-      (selection instanceof TextSelection || selection instanceof AllSelection)
-    );
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    let tr = clearMarks(state.tr.setSelection(state.selection), state.schema);
-    // [FS] IRAD-948 2021-02-22
-
-    // Clear Header formatting
-    tr = clearHeading(tr, state.schema);
-
-    if (dispatch && tr.docChanged) {
-      dispatch(tr);
-      return true;
-    }
-    return false;
-  };
-}
-
-export default MarksClearCommand;

package/src/MathEditCommand.js

@@ -1,110 +0,0 @@
-// @flow
-
-import { Fragment, Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-// eslint-disable-next-line no-unused-vars
-import * as React from 'react';
-
-import {
-  hideCursorPlaceholder,
-  showCursorPlaceholder,
-} from './CursorPlaceholderPlugin';
-import { MATH } from './NodeNames';
-import MathEditor from './ui/MathEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import { createPopUp } from '@modusoperandi/licit-ui-commands';
-
-function insertMath(tr: Transform, schema: Schema, latex: ?string): Transform {
-  const { selection } = tr;
-  if (!selection) {
-    return tr;
-  }
-  const { from, to } = selection;
-  if (from !== to) {
-    return tr;
-  }
-
-  const image = schema.nodes[MATH];
-  if (!image) {
-    return tr;
-  }
-
-  const attrs = {
-    latex,
-  };
-
-  const node = image.create(attrs, null, null);
-  const frag = Fragment.from(node);
-  tr = tr.insert(from, frag);
-  return tr;
-}
-
-class MathEditCommand extends UICommand {
-  _popUp = null;
-
-  isEnabled = (state: EditorState, view: ?EditorView): boolean => {
-    const tr = state;
-    const { selection } = tr;
-    if (selection instanceof TextSelection) {
-      return selection.from === selection.to;
-    }
-    return false;
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-
-    if (dispatch) {
-      dispatch(showCursorPlaceholder(state));
-    }
-
-    return new Promise((resolve) => {
-      const props = {
-        runtime: view ? view.runtime : null,
-        initialValue: null,
-      };
-      this._popUp = createPopUp(MathEditor, props, {
-        modal: true,
-        onClose: (val) => {
-          if (this._popUp) {
-            this._popUp = null;
-            resolve(val);
-          }
-        },
-      });
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    latex: ?string
-  ): boolean => {
-    if (dispatch) {
-      const { selection, schema } = state;
-      let { tr } = state;
-      tr = view ? hideCursorPlaceholder(view.state) : tr;
-      tr = tr.setSelection(selection);
-      if (latex) {
-        tr = insertMath(tr, schema, latex);
-      }
-      dispatch(tr);
-      view && view.focus();
-    }
-
-    return false;
-  };
-}
-
-export default MathEditCommand;

package/src/MathNodeSpec.js

@@ -1,46 +0,0 @@
-// @flow
-
-import type { NodeSpec } from './Types';
-
-function getAttrs(dom: HTMLElement) {
-  let align = dom.getAttribute('data-align') || dom.getAttribute('align');
-  if (align) {
-    align = /(left|right|center)/.test(align) ? align : null;
-  }
-
-  return {
-    align,
-    latex: dom.getAttribute('data-latex') || null,
-  };
-}
-
-const MathNodeSpec: NodeSpec = {
-  inline: true,
-  attrs: {
-    align: { default: null },
-    latex: { default: '' },
-  },
-  group: 'inline',
-  draggable: true,
-  parseDOM: [
-    { tag: 'math[data-latex]', getAttrs },
-    { tag: 'span[data-latex]', getAttrs },
-  ],
-  toDOM(node) {
-    // Normally, the DOM structure of the math node is rendered by
-    // `MathNodeView`. This method is only called when user selects a
-    // math node and copies it, which triggers the "serialize to HTML" flow that
-    // calles this method.
-    const { align, latex } = node.attrs;
-    const domAttrs = {};
-    if (align) {
-      domAttrs.align = align;
-    }
-    if (latex) {
-      domAttrs['data-latex'] = latex;
-    }
-    return ['span', domAttrs];
-  },
-};
-
-export default MathNodeSpec;

package/src/NodeNames.js

@@ -1,23 +0,0 @@
-// @flow
-
-// https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
-export const BLOCKQUOTE = 'blockquote';
-export const BOOKMARK = 'bookmark';
-export const BULLET_LIST = 'bullet_list';
-export const CODE_BLOCK = 'code_block';
-export const DOC = 'doc';
-export const HARD_BREAK = 'hard_break';
-export const HEADING = 'heading';
-export const HORIZONTAL_RULE = 'horizontal_rule';
-export const IMAGE = 'image';
-export const LINK = 'link';
-export const LIST_ITEM = 'list_item';
-export const MATH = 'math';
-export const ORDERED_LIST = 'ordered_list';
-export const PARAGRAPH = 'paragraph';
-export const TABLE = 'table';
-export const TABLE_CELL = 'table_cell';
-export const TABLE_HEADER = 'table_header';
-export const TABLE_ROW = 'table_row';
-export const TEXT = 'text';
-export const UNDERLINE = 'underline';

package/src/OrderedListNodeSpec.js

@@ -1,132 +0,0 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec';
-import { LIST_ITEM } from './NodeNames';
-import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL, RESERVED_STYLE_NONE } from './ParagraphNodeSpec';
-
-import type { NodeSpec } from './Types';
-
-export const ATTRIBUTE_COUNTER_RESET = 'data-counter-reset';
-export const ATTRIBUTE_FOLLOWING = 'data-following';
-const AUTO_LIST_STYLE_TYPES = ['decimal', 'lower-alpha', 'lower-roman'];
-
-const OrderedListNodeSpec: NodeSpec = {
-  attrs: {
-    id: { default: null },
-    counterReset: { default: null },
-    indent: { default: MIN_INDENT_LEVEL },
-    following: { default: null },
-    listStyleType: { default: null },
-    name: { default: null },
-    start: { default: 1 },
-    type: { default: 'decimal' },
-    styleName: { default: RESERVED_STYLE_NONE },
-  },
-  group: 'block',
-  content: LIST_ITEM + '+',
-  parseDOM: [
-    {
-      tag: 'ol',
-      getAttrs(dom: HTMLElement) {
-        const listStyleType = dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE);
-        const counterReset =
-          dom.getAttribute(ATTRIBUTE_COUNTER_RESET) || undefined;
-
-        const start = dom.hasAttribute('start')
-          ? parseInt(dom.getAttribute('start'), 10)
-          : 1;
-
-        const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
-          ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
-          : MIN_INDENT_LEVEL;
-
-        const name = dom.getAttribute('name') || undefined;
-
-        const following = dom.getAttribute(ATTRIBUTE_FOLLOWING) || undefined;
-        const type = dom.getAttribute('type') || undefined;
-
-        return {
-          counterReset,
-          following,
-          indent,
-          listStyleType,
-          name,
-          start,
-          type,
-        };
-      },
-    },
-  ],
-  toDOM(node: Node) {
-    const {
-      start,
-      indent,
-      listStyleType,
-      counterReset,
-      following,
-      name,
-      type,
-    } = node.attrs;
-    const attrs: Object = {
-      [ATTRIBUTE_INDENT]: indent,
-    };
-
-    if (counterReset === 'none') {
-      attrs[ATTRIBUTE_COUNTER_RESET] = counterReset;
-    }
-
-    if (following) {
-      attrs[ATTRIBUTE_FOLLOWING] = following;
-    }
-
-    if (listStyleType) {
-      attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
-    }
-
-    if (start !== 1) {
-      attrs.start = start;
-    }
-
-    if (name) {
-      attrs.name = name;
-    }
-    let htmlListStyleType = listStyleType;
-
-    if (!htmlListStyleType || htmlListStyleType === 'decimal') {
-      htmlListStyleType =
-        AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
-    }
-
-    const cssCounterName = `czi-counter-${indent}`;
-    if ('x.x.x' === type) {
-      if (RESERVED_STYLE_NONE !== node.attrs.styleName) {
-        attrs.style = buildStyleClass(indent, node.attrs.start);
-      } else {
-        attrs.style =
-          `--czi-counter-name: ${cssCounterName};` +
-          `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-          `--czi-list-style-type: ${htmlListStyleType}`;
-      }
-    } else {
-      attrs.style =
-        `--czi-counter-name: ${cssCounterName};` +
-        `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-        `--czi-list-style-type: ${htmlListStyleType}`;
-    }
-    attrs.type = type;
-
-    return ['ol', attrs, 0];
-  },
-};
-
-function buildStyleClass(indent, start) {
-  const cssCounterName = `czi-counter-${indent}`;
-  let cssCounterReset = `czi-counter-${indent} ${start - 1} `;
-  for (let index = 0; index < indent; index++) {
-    cssCounterReset += `czi-counter-${index} 1 `;
-  }
-  return `--czi-counter-name: ${cssCounterName}; counter-reset: ${cssCounterReset};`;
-}
-export default OrderedListNodeSpec;

package/src/ParagraphNodeSpec.js

@@ -1,156 +0,0 @@
-// @flow
-
-import convertToCSSPTValue from './convertToCSSPTValue';
-import toCSSLineSpacing from './ui/toCSSLineSpacing';
-import { Node } from 'prosemirror-model';
-
-import type { NodeSpec } from './Types';
-
-// This assumes that every 36pt maps to one indent level.
-export const INDENT_MARGIN_PT_SIZE = 36;
-export const MIN_INDENT_LEVEL = 0;
-export const MAX_INDENT_LEVEL = 7;
-export const ATTRIBUTE_INDENT = 'data-indent';
-export const ATTRIBUTE_STYLE_LEVEL = 'data-style-level';
-export const RESERVED_STYLE_NONE = 'None';
-export const RESERVED_STYLE_NONE_NUMBERING = RESERVED_STYLE_NONE + '-@#$-';
-const cssVal = new Set < string > (['', '0%', '0pt', '0px']);
-
-export const EMPTY_CSS_VALUE = cssVal;
-
-const ALIGN_PATTERN = /(left|right|center|justify)/;
-
-// https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
-// :: NodeSpec A plain paragraph textblock. Represented in the DOM
-// as a `<p>` element.
-const ParagraphNodeSpec: NodeSpec = {
-  attrs: {
-    align: {
-      default: null,
-    },
-    color: {
-      default: null,
-    },
-    id: {
-      default: null,
-    },
-    indent: {
-      default: null,
-    },
-    lineSpacing: {
-      default: null,
-    },
-    // TODO: Add UI to let user edit / clear padding.
-    paddingBottom: {
-      default: null,
-    },
-    // TODO: Add UI to let user edit / clear padding.
-    paddingTop: {
-      default: null,
-    },
-  },
-  content: 'inline*',
-  group: 'block',
-  parseDOM: [
-    {
-      tag: 'p',
-      getAttrs,
-    },
-  ],
-  toDOM,
-};
-
-function getAttrs(dom: HTMLElement): Object {
-  const {
-    lineHeight,
-    textAlign,
-    marginLeft,
-    paddingTop,
-    paddingBottom,
-  } = dom.style;
-
-  let align = dom.getAttribute('align') || textAlign || '';
-  align = ALIGN_PATTERN.test(align) ? align : null;
-
-  let indent = parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10);
-
-  if (!indent && marginLeft) {
-    indent = convertMarginLeftToIndentValue(marginLeft);
-  }
-
-  indent = indent || MIN_INDENT_LEVEL;
-
-  const lineSpacing = lineHeight ? toCSSLineSpacing(lineHeight) : null;
-
-  const id = dom.getAttribute('id') || '';
-  return {
-    align,
-    indent,
-    lineSpacing,
-    paddingTop,
-    paddingBottom,
-    id,
-  };
-}
-
-function getStyle(attrs: Object) {
-  return getStyleEx(
-    attrs.align,
-    attrs.lineSpacing,
-    attrs.paddingTop,
-    attrs.paddingBottom,
-  );
-}
-
-function getStyleEx(align, lineSpacing, paddingTop, paddingBottom) {
-  let style = '';
-  if (align && align !== 'left') {
-    style += `text-align: ${align};`;
-  }
-
-  if (lineSpacing) {
-    const cssLineSpacing = toCSSLineSpacing(lineSpacing);
-    style +=
-      `line-height: ${cssLineSpacing};` +
-      // This creates the local css variable `--czi-content-line-height`
-      // that its children may apply.
-      `--czi-content-line-height: ${cssLineSpacing};`;
-  }
-
-  if (paddingTop && !EMPTY_CSS_VALUE.has(paddingTop)) {
-    style += `padding-top: ${paddingTop};`;
-  }
-  if (paddingBottom && !EMPTY_CSS_VALUE.has(paddingBottom)) {
-    style += `padding-bottom: ${paddingBottom};`;
-  }
-  return { style };
-
-}
-
-function toDOM(node: Node): Array<any> {
-  const { indent, id } = node.attrs;
-  const attrs = {};
-  const { style } = getStyle(node.attrs);
-
-  style && (attrs.style = style);
-
-  if (indent) {
-    attrs[ATTRIBUTE_INDENT] = String(indent);
-  }
-  if (id) {
-    attrs.id = id;
-  }
-
-  return ['p', attrs, 0];
-}
-
-export const toParagraphDOM = toDOM;
-export const getParagraphNodeAttrs = getAttrs;
-export const getParagraphStyle = getStyle;
-
-export function convertMarginLeftToIndentValue(marginLeft: string): number {
-  const ptValue = convertToCSSPTValue(marginLeft);
-  return Math.min(Math.max(Math.floor(ptValue / INDENT_MARGIN_PT_SIZE), MIN_INDENT_LEVEL), MAX_INDENT_LEVEL);
-}
-
-export default ParagraphNodeSpec;

package/src/ParagraphSpacingCommand.js

@@ -1,121 +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';
-
-export function setParagraphSpacing(
-  tr: Transform,
-  schema: Schema,
-  paragraphSpacing: ?string,
-  isAfter: ?boolean
-): 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 paragraphSpacingValue = paragraphSpacing || null;
-
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    const nodeType = node.type;
-    if (
-      nodeType === paragraph ||
-      nodeType === heading ||
-      nodeType === listItem ||
-      nodeType === blockquote
-    ) {
-      const paragraphSpacing = node.attrs.paragraphSpacing || null;
-      if (paragraphSpacing !== paragraphSpacingValue) {
-        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 (isAfter) {
-      attrs = {
-        ...attrs,
-        paragraphSpacingAfter: paragraphSpacingValue
-          ? paragraphSpacingValue
-          : null,
-      };
-    } else {
-      attrs = {
-        ...attrs,
-        paragraphSpacingBefore: paragraphSpacingValue
-          ? paragraphSpacingValue
-          : null,
-      };
-    }
-    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
-  });
-
-  return tr;
-}
-
-class ParagraphSpacingCommand extends UICommand {
-  _paragraphSpacing: ?string;
-  _isAfter: ?boolean;
-
-  constructor(paragraphSpacing: ?string, isAfter: ?boolean) {
-    super();
-    this._paragraphSpacing = paragraphSpacing;
-    this._isAfter = isAfter;
-  }
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { schema, selection } = state;
-    const tr = setParagraphSpacing(
-      state.tr.setSelection(selection),
-      schema,
-      this._paragraphSpacing,
-      this._isAfter
-    );
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-}
-
-export default ParagraphSpacingCommand;

package/src/PrintCommand.js

@@ -1,31 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-class PrintCommand extends UICommand {
-  isActive = (state: EditorState): boolean => {
-    return false;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    return !!window.print;
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    if (dispatch && window.print) {
-      window.print();
-      return true;
-    }
-    return false;
-  };
-}
-
-export default PrintCommand;