@modusoperandi/licit 0.1.8 → 0.1.9

package/dist/TableInsertCommand.js.flow

@@ -1,112 +1,112 @@
-// @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 './ui/PopUpPosition';
-import TableGridSizeEditor from './ui/TableGridSizeEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import createPopUp from './ui/createPopUp';
-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;
+// @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 './ui/PopUpPosition';
+import TableGridSizeEditor from './ui/TableGridSizeEditor';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import createPopUp from './ui/createPopUp';
+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/dist/TableMergeCellsCommand.js.flow

@@ -1,90 +1,90 @@
-// @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;
+// @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/dist/TableNodesSpecs.js.flow

@@ -1,78 +1,78 @@
-// @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;
+// @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/dist/TablePlugins.js.flow

@@ -1,14 +1,14 @@
-// @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(),
-];
+// @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(),
+];