@modusoperandi/licit 0.14.18 → 1.0.0

package/src/TableInsertCommand.js

@@ -1,112 +0,0 @@
-// @flow
-
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-import { Fragment } from 'prosemirror-model';
-import insertTable from './insertTable';
-import { atAnchorRight } from '@modusoperandi/licit-ui-commands';
-import TableGridSizeEditor from './ui/TableGridSizeEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import { createPopUp } from '@modusoperandi/licit-ui-commands';
-import { PARAGRAPH } from './NodeNames';
-import type { TableGridSizeEditorValue } from './ui/TableGridSizeEditor';
-
-class TableInsertCommand extends UICommand {
-  _popUp = null;
-
-  shouldRespondToUIEvent = (e: SyntheticEvent<> | MouseEvent): boolean => {
-    return e.type === UICommand.EventType.MOUSEENTER;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    const tr = state;
-    let bOK = false;
-    const { selection } = tr;
-    if (selection instanceof TextSelection) {
-      bOK = selection.from === selection.to;
-      // [FS] IRAD-1065 2020-09-18
-      // Disable create table menu if the selection is inside a table.
-      if (bOK) {
-        const $head = selection.$head;
-        for (let d = $head.depth; d > 0; d--) {
-          if ($head.node(d).type.spec.tableRole == 'row') {
-            return false;
-          }
-        }
-      }
-      return bOK;
-    }
-    return bOK;
-  };
-
-  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 anchor = event ? event.currentTarget : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(TableGridSizeEditor, null, {
-        anchor,
-        position: atAnchorRight,
-        onClose: (val) => {
-          if (this._popUp) {
-            this._popUp = null;
-            resolve(val);
-          }
-        },
-      });
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    inputs: ?TableGridSizeEditorValue
-  ): boolean => {
-    if (dispatch) {
-      const { selection, schema } = state;
-      let { tr } = state;
-      if (inputs) {
-        const { rows, cols } = inputs;
-        tr = tr.setSelection(selection);
-        tr = insertTable(tr, schema, rows, cols);
-        tr = insertParagraph(state, tr);
-      }
-      dispatch(tr);
-    }
-    return false;
-  };
-}
-
-// [FS] 2021-04-01
-// Add empty line after table drop
-// To make easier to enter a line after table
-function insertParagraph(state, tr) {
-  const paragraph = state.schema.nodes[PARAGRAPH];
-  const textNode = state.schema.text(' ');
-  const { from, to } = tr.selection;
-  if (from !== to) {
-    return tr;
-  }
-  const paragraphNode = paragraph.create({}, textNode, null);
-  tr = tr.insert(
-    from + tr.selection.$head.node(1).nodeSize - 4,
-    Fragment.from(paragraphNode)
-  );
-  return tr;
-}
-export default TableInsertCommand;

package/src/TableMergeCellsCommand.js

@@ -1,90 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { Node } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { CellSelection, mergeCells } from 'prosemirror-tables';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { PARAGRAPH, TABLE_CELL, TEXT } from './NodeNames';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-function isBlankParagraphNode(node: ?Node): boolean {
-  if (!node) {
-    return false;
-  }
-  if (node.type.name !== PARAGRAPH) {
-    return false;
-  }
-  const { firstChild, lastChild } = node;
-  if (!firstChild) {
-    return true;
-  }
-  if (firstChild !== lastChild) {
-    return false;
-  }
-  return firstChild.type.name === TEXT && firstChild.text === ' ';
-}
-
-function purgeConsecutiveBlankParagraphNodes(
-  tr: Transform,
-  schema: Schema
-): Transform {
-  const paragraph = schema.nodes[PARAGRAPH];
-  const cell = schema.nodes[TABLE_CELL];
-  if (!paragraph || !cell) {
-    return tr;
-  }
-  const { doc, selection } = tr;
-  if (!(selection instanceof CellSelection)) {
-    return tr;
-  }
-  const { from, to } = selection;
-  const paragraphPoses = [];
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    if (node.type === paragraph && parentNode.type === cell) {
-      if (isBlankParagraphNode(node)) {
-        const $pos = tr.doc.resolve(pos);
-        if (isBlankParagraphNode($pos.nodeBefore)) {
-          paragraphPoses.push(pos);
-        }
-      }
-      return false;
-    } else {
-      return true;
-    }
-  });
-  paragraphPoses.reverse().forEach((pos) => {
-    const cell = tr.doc.nodeAt(pos);
-    tr = tr.delete(pos, pos + cell.nodeSize);
-  });
-  return tr;
-}
-
-class TableMergeCellsCommand extends UICommand {
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { tr, schema, selection } = state;
-    let endTr = tr;
-    if (selection instanceof CellSelection) {
-      mergeCells(
-        state,
-        (nextTr) => {
-          endTr = nextTr;
-        },
-        view
-      );
-      // Also merge onsecutive blank paragraphs into one.
-      endTr = purgeConsecutiveBlankParagraphNodes(endTr, schema);
-    }
-    const changed = endTr.docChanged || endTr !== tr;
-    changed && dispatch && dispatch(endTr);
-    return changed;
-  };
-}
-
-export default TableMergeCellsCommand;

package/src/TableNodesSpecs.js

@@ -1,78 +0,0 @@
-// @flow
-
-import toCSSColor from './ui/toCSSColor';
-import { Node } from 'prosemirror-model';
-import { tableNodes } from 'prosemirror-tables';
-
-const NO_VISIBLE_BORDER_WIDTH = new Set(['0pt', '0px']);
-
-// https://github.com/ProseMirror/prosemirror-tables/blob/master/demo.js
-const TableNodesSpecs = tableNodes({
-  tableGroup: 'block',
-  cellContent: 'block+',
-  cellAttributes: {
-    borderColor: {
-      default: null,
-      getFromDOM(dom) {
-        const { borderColor, borderWidth } = dom.style;
-
-        if (NO_VISIBLE_BORDER_WIDTH.has(borderWidth)) {
-          return 'transparent';
-        }
-
-        return (borderColor && toCSSColor(borderColor)) || null;
-      },
-      setDOMAttr(value, attrs) {
-        if (value) {
-          attrs.style = (attrs.style || '') + `;border-color: ${value};`;
-        }
-      },
-    },
-    background: {
-      default: null,
-      // TODO: Move these to a table helper.
-      getFromDOM(dom) {
-        return dom.style.backgroundColor || null;
-      },
-      setDOMAttr(value, attrs) {
-        if (value) {
-          attrs.style = (attrs.style || '') + `;background-color: ${value};`;
-        }
-      },
-    },
-  },
-});
-
-// Override the default table node spec to support custom attributes.
-const TableNodeSpec = Object.assign({}, TableNodesSpecs.table, {
-  attrs: {
-    marginLeft: { default: null },
-  },
-  parseDOM: [
-    {
-      tag: 'table',
-      getAttrs(dom: HTMLElement): ?Object {
-        const { marginLeft } = dom.style;
-        if (marginLeft && /\d+px/.test(marginLeft)) {
-          return { marginLeft: parseFloat(marginLeft) };
-        }
-        return null;
-      },
-    },
-  ],
-  toDOM(node: Node): Array<any> {
-    // Normally, the DOM structure of the table node is rendered by
-    // `TableNodeView`. This method is only called when user selects a
-    // table node and copies it, which triggers the "serialize to HTML" flow
-    //  that calles this method.
-    const { marginLeft } = node.attrs;
-    const domAttrs = {};
-    if (marginLeft) {
-      domAttrs.style = `margin-left: ${marginLeft}px`;
-    }
-    return ['table', domAttrs, 0];
-  },
-});
-Object.assign(TableNodesSpecs, { table: TableNodeSpec });
-
-export default TableNodesSpecs;

package/src/TablePlugins.js

@@ -1,14 +0,0 @@
-// @flow
-
-import { tableEditing } from 'prosemirror-tables';
-
-import TableCellMenuPlugin from './TableCellMenuPlugin';
-import TableResizePlugin from './TableResizePlugin';
-
-// Tables
-// https://github.com/ProseMirror/prosemirror-tables/blob/master/demo.js
-export default [
-  new TableCellMenuPlugin(),
-  new TableResizePlugin(),
-  tableEditing(),
-];