@modusoperandi/licit 0.13.1 → 0.13.2

package/src/createTableResizingPlugin.js

@@ -1,86 +1,86 @@
-// @flow
-
-import { Plugin } from 'prosemirror-state';
-import { columnResizing } from 'prosemirror-tables';
-import { EditorView } from 'prosemirror-view';
-
-const TABLE_HANDLE_WIDTH = 10;
-const TABLE_CELL_MINWIDTH = 25;
-const TABLE_VIEW = undefined;
-const TABLE_LAST_COLUMN_RESIZABLE = false;
-
-function lookUpTableWrapper(event: Event): ?HTMLElement {
-  const target: any = event.target;
-  if (!target || !target.closest) {
-    return null;
-  }
-  return target.closest('.tableWrapper');
-}
-
-function dispatchMouseEvent(type: string, clientX: number): void {
-  requestAnimationFrame(() => {
-    const event = new MouseEvent(type, {
-      view: window,
-      bubbles: true,
-      cancelable: true,
-      clientX,
-    });
-    window.dispatchEvent(event);
-  });
-}
-
-function calculateMaxClientX(
-  event: MouseEvent,
-  targetTable: HTMLElement
-): number {
-  const { clientX } = event;
-  const { left, width } = targetTable.getBoundingClientRect();
-  const offsetX = clientX - left;
-  const colgroup = targetTable.querySelector('colgroup');
-  const colsCount = colgroup ? colgroup.querySelectorAll('col').length : 0;
-  const cx = width - offsetX - colsCount * TABLE_CELL_MINWIDTH;
-  return Math.round(clientX + Math.max(0, cx));
-}
-
-export default function createTableResizingPlugin(): Plugin {
-  let maxClientX = 0;
-
-  // https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
-  const plugin = columnResizing(
-    TABLE_HANDLE_WIDTH,
-    TABLE_CELL_MINWIDTH,
-    TABLE_VIEW,
-    TABLE_LAST_COLUMN_RESIZABLE
-  );
-
-  const captureMouse = (event: any): void => {
-    if (event.clientX > maxClientX) {
-      // Current mouse event will make table too wide. Stop it and
-      // fires a simulated event instead.
-      event.stopImmediatePropagation();
-      dispatchMouseEvent(event.type, maxClientX);
-    } else if (event.type === 'mouseup') {
-      window.removeEventListener('mousemove', captureMouse, true);
-      window.removeEventListener('mouseup', captureMouse, true);
-    }
-  };
-
-  const { mousedown } = plugin.props.handleDOMEvents;
-
-  // This is a workaround to constraint the mousemove to prevent
-  // the table become too wide.
-  Object.assign(plugin.props.handleDOMEvents, {
-    mousedown(view: EditorView, event: MouseEvent): boolean {
-      const targetTable = lookUpTableWrapper(event);
-      maxClientX = targetTable
-        ? calculateMaxClientX(event, targetTable)
-        : Number.MAX_VALUE;
-      window.addEventListener('mousemove', captureMouse, true);
-      window.addEventListener('mouseup', captureMouse, true);
-      mousedown(view, event);
-      return false;
-    },
-  });
-
-  return plugin;
-}
+// @flow
+
+import { Plugin } from 'prosemirror-state';
+import { columnResizing } from 'prosemirror-tables';
+import { EditorView } from 'prosemirror-view';
+
+const TABLE_HANDLE_WIDTH = 10;
+const TABLE_CELL_MINWIDTH = 25;
+const TABLE_VIEW = undefined;
+const TABLE_LAST_COLUMN_RESIZABLE = false;
+
+function lookUpTableWrapper(event: Event): ?HTMLElement {
+  const target: any = event.target;
+  if (!target || !target.closest) {
+    return null;
+  }
+  return target.closest('.tableWrapper');
+}
+
+function dispatchMouseEvent(type: string, clientX: number): void {
+  requestAnimationFrame(() => {
+    const event = new MouseEvent(type, {
+      view: window,
+      bubbles: true,
+      cancelable: true,
+      clientX,
+    });
+    window.dispatchEvent(event);
+  });
+}
+
+function calculateMaxClientX(
+  event: MouseEvent,
+  targetTable: HTMLElement
+): number {
+  const { clientX } = event;
+  const { left, width } = targetTable.getBoundingClientRect();
+  const offsetX = clientX - left;
+  const colgroup = targetTable.querySelector('colgroup');
+  const colsCount = colgroup ? colgroup.querySelectorAll('col').length : 0;
+  const cx = width - offsetX - colsCount * TABLE_CELL_MINWIDTH;
+  return Math.round(clientX + Math.max(0, cx));
+}
+
+export default function createTableResizingPlugin(): Plugin {
+  let maxClientX = 0;
+
+  // https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
+  const plugin = columnResizing(
+    TABLE_HANDLE_WIDTH,
+    TABLE_CELL_MINWIDTH,
+    TABLE_VIEW,
+    TABLE_LAST_COLUMN_RESIZABLE
+  );
+
+  const captureMouse = (event: any): void => {
+    if (event.clientX > maxClientX) {
+      // Current mouse event will make table too wide. Stop it and
+      // fires a simulated event instead.
+      event.stopImmediatePropagation();
+      dispatchMouseEvent(event.type, maxClientX);
+    } else if (event.type === 'mouseup') {
+      window.removeEventListener('mousemove', captureMouse, true);
+      window.removeEventListener('mouseup', captureMouse, true);
+    }
+  };
+
+  const { mousedown } = plugin.props.handleDOMEvents;
+
+  // This is a workaround to constraint the mousemove to prevent
+  // the table become too wide.
+  Object.assign(plugin.props.handleDOMEvents, {
+    mousedown(view: EditorView, event: MouseEvent): boolean {
+      const targetTable = lookUpTableWrapper(event);
+      maxClientX = targetTable
+        ? calculateMaxClientX(event, targetTable)
+        : Number.MAX_VALUE;
+      window.addEventListener('mousemove', captureMouse, true);
+      window.addEventListener('mouseup', captureMouse, true);
+      mousedown(view, event);
+      return false;
+    },
+  });
+
+  return plugin;
+}

package/src/findActionableCell.js

@@ -1,74 +1,74 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-import { EditorState, TextSelection } from 'prosemirror-state';
-import { CellSelection, TableMap } from 'prosemirror-tables';
-import { findParentNodeOfType } from 'prosemirror-utils';
-
-import { TABLE_CELL, TABLE_HEADER } from './NodeNames';
-
-type Result = {
-  node: Node,
-  pos: number,
-};
-
-function findActionableCellFromSelection(selection: CellSelection): ?Result {
-  const { $anchorCell } = selection;
-  const start = $anchorCell.start(-1);
-  const table = $anchorCell.node(-1);
-  const tableMap = TableMap.get(table);
-  let topRightRect;
-  let posFound = null;
-  let nodeFound = null;
-  selection.forEachCell((cell, cellPos) => {
-    const cellRect = tableMap.findCell(cellPos - start);
-    if (
-      !topRightRect ||
-      (cellRect.top >= topRightRect.top && cellRect.left > topRightRect.left)
-    ) {
-      topRightRect = cellRect;
-      posFound = cellPos;
-      nodeFound = cell;
-    }
-  });
-
-  return posFound === null
-    ? null
-    : {
-        node: nodeFound,
-        pos: posFound,
-      };
-}
-
-export default function findActionableCell(state: EditorState): ?Result {
-  const { doc, selection, schema } = state;
-  const tdType = schema.nodes[TABLE_CELL];
-  const thType = schema.nodes[TABLE_HEADER];
-  if (!tdType && !thType) {
-    return null;
-  }
-
-  let userSelection = selection;
-
-  if (userSelection instanceof TextSelection) {
-    const { from, to } = selection;
-    if (from !== to) {
-      return null;
-    }
-    const result =
-      (tdType && findParentNodeOfType(tdType)(selection)) ||
-      (thType && findParentNodeOfType(thType)(selection));
-
-    if (!result) {
-      return null;
-    }
-
-    userSelection = CellSelection.create(doc, result.pos);
-  }
-
-  if (userSelection instanceof CellSelection) {
-    return findActionableCellFromSelection(userSelection);
-  }
-
-  return null;
-}
+// @flow
+
+import { Node } from 'prosemirror-model';
+import { EditorState, TextSelection } from 'prosemirror-state';
+import { CellSelection, TableMap } from 'prosemirror-tables';
+import { findParentNodeOfType } from 'prosemirror-utils';
+
+import { TABLE_CELL, TABLE_HEADER } from './NodeNames';
+
+type Result = {
+  node: Node,
+  pos: number,
+};
+
+function findActionableCellFromSelection(selection: CellSelection): ?Result {
+  const { $anchorCell } = selection;
+  const start = $anchorCell.start(-1);
+  const table = $anchorCell.node(-1);
+  const tableMap = TableMap.get(table);
+  let topRightRect;
+  let posFound = null;
+  let nodeFound = null;
+  selection.forEachCell((cell, cellPos) => {
+    const cellRect = tableMap.findCell(cellPos - start);
+    if (
+      !topRightRect ||
+      (cellRect.top >= topRightRect.top && cellRect.left > topRightRect.left)
+    ) {
+      topRightRect = cellRect;
+      posFound = cellPos;
+      nodeFound = cell;
+    }
+  });
+
+  return posFound === null
+    ? null
+    : {
+        node: nodeFound,
+        pos: posFound,
+      };
+}
+
+export default function findActionableCell(state: EditorState): ?Result {
+  const { doc, selection, schema } = state;
+  const tdType = schema.nodes[TABLE_CELL];
+  const thType = schema.nodes[TABLE_HEADER];
+  if (!tdType && !thType) {
+    return null;
+  }
+
+  let userSelection = selection;
+
+  if (userSelection instanceof TextSelection) {
+    const { from, to } = selection;
+    if (from !== to) {
+      return null;
+    }
+    const result =
+      (tdType && findParentNodeOfType(tdType)(selection)) ||
+      (thType && findParentNodeOfType(thType)(selection));
+
+    if (!result) {
+      return null;
+    }
+
+    userSelection = CellSelection.create(doc, result.pos);
+  }
+
+  if (userSelection instanceof CellSelection) {
+    return findActionableCellFromSelection(userSelection);
+  }
+
+  return null;
+}

package/src/findActiveMark.js

@@ -1,32 +1,32 @@
-// @flow
-
-import { Mark, MarkType, Node } from 'prosemirror-model';
-
-export default function findActiveMark(
-  doc: Node,
-  from: number,
-  to: number,
-  markType: MarkType
-): ?Mark {
-  let ii = from;
-  if (doc.nodeSize <= 2) {
-    return null;
-  }
-  const finder = (mark) => mark.type === markType;
-  from = Math.max(2, from);
-  to = Math.min(to, doc.nodeSize - 2);
-
-  while (ii <= to) {
-    const node = doc.nodeAt(ii);
-    if (!node || !node.marks) {
-      ii++;
-      continue;
-    }
-    const mark = node.marks.find(finder);
-    if (mark) {
-      return mark;
-    }
-    ii++;
-  }
-  return null;
-}
+// @flow
+
+import { Mark, MarkType, Node } from 'prosemirror-model';
+
+export default function findActiveMark(
+  doc: Node,
+  from: number,
+  to: number,
+  markType: MarkType
+): ?Mark {
+  let ii = from;
+  if (doc.nodeSize <= 2) {
+    return null;
+  }
+  const finder = (mark) => mark.type === markType;
+  from = Math.max(2, from);
+  to = Math.min(to, doc.nodeSize - 2);
+
+  while (ii <= to) {
+    const node = doc.nodeAt(ii);
+    if (!node || !node.marks) {
+      ii++;
+      continue;
+    }
+    const mark = node.marks.find(finder);
+    if (mark) {
+      return mark;
+    }
+    ii++;
+  }
+  return null;
+}

package/src/hyphenize.js

@@ -1,17 +1,17 @@
-// @flow
-
-function hadnleMatch(matched: string): string {
-  return matched[0] + '-' + matched[1].toLowerCase();
-}
-
-const cached = {};
-
-// converts `fooBar` to `foo-bar`.
-export default function hyphenize(str: string): string {
-  if (cached.hasOwnProperty(str)) {
-    return cached[str];
-  }
-  const result = str.replace(/[a-z][A-Z]/g, hadnleMatch);
-  cached[str] = result;
-  return result;
-}
+// @flow
+
+function hadnleMatch(matched: string): string {
+  return matched[0] + '-' + matched[1].toLowerCase();
+}
+
+const cached = {};
+
+// converts `fooBar` to `foo-bar`.
+export default function hyphenize(str: string): string {
+  if (cached.hasOwnProperty(str)) {
+    return cached[str];
+  }
+  const result = str.replace(/[a-z][A-Z]/g, hadnleMatch);
+  cached[str] = result;
+  return result;
+}

package/src/index.js

@@ -1,10 +1,10 @@
-// @flow
-
-export { EditorState } from 'prosemirror-state';
-export { default as isEditorStateEmpty } from './isEditorStateEmpty';
-export { default as uuid } from './ui/uuid';
-// [FS] IRAD-978 2020-06-05
-// Export Licit as a component
-export { default as Licit } from './client/Licit.js';
-export { ImageLike, EditorRuntime } from './Types';
-export { GET, POST, DELETE, PATCH } from './client/http';
+// @flow
+
+export { EditorState } from 'prosemirror-state';
+export { default as isEditorStateEmpty } from './isEditorStateEmpty';
+export { default as uuid } from './ui/uuid';
+// [FS] IRAD-978 2020-06-05
+// Export Licit as a component
+export { default as Licit } from './client/Licit.js';
+export { ImageLike, EditorRuntime } from './Types';
+export { GET, POST, DELETE, PATCH } from './client/http';

package/src/insertTable.js

@@ -1,56 +1,56 @@
-// @flow
-
-import { Fragment, Schema } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-
-import { PARAGRAPH, TABLE, TABLE_CELL, TABLE_ROW } from './NodeNames';
-
-// const ZERO_WIDTH_SPACE_CHAR = '\u200b';
-
-export default function insertTable(
-  tr: Transform,
-  schema: Schema,
-  rows: number,
-  cols: number
-): Transform {
-  if (!tr.selection || !tr.doc) {
-    return tr;
-  }
-  const { from, to } = tr.selection;
-  if (from !== to) {
-    return tr;
-  }
-
-  const { nodes } = schema;
-  const cell = nodes[TABLE_CELL];
-  const paragraph = nodes[PARAGRAPH];
-  const row = nodes[TABLE_ROW];
-  const table = nodes[TABLE];
-  if (!(cell && paragraph && row && table)) {
-    return tr;
-  }
-
-  const rowNodes = [];
-  for (let rr = 0; rr < rows; rr++) {
-    const cellNodes = [];
-    for (let cc = 0; cc < cols; cc++) {
-      // [FS] IRAD-950 2020-05-25
-      // Fix:Extra arrow key required for cell navigation using arrow right/Left
-      const cellNode = cell.create(
-        undefined,
-        Fragment.fromArray([paragraph.create()])
-      );
-      cellNodes.push(cellNode);
-    }
-    const rowNode = row.create({}, Fragment.from(cellNodes));
-    rowNodes.push(rowNode);
-  }
-  const tableNode = table.create({}, Fragment.from(rowNodes));
-  tr = tr.insert(from, Fragment.from(tableNode));
-
-  const selection = TextSelection.create(tr.doc, from + 5, from + 5);
-
-  tr = tr.setSelection(selection);
-  return tr;
-}
+// @flow
+
+import { Fragment, Schema } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+
+import { PARAGRAPH, TABLE, TABLE_CELL, TABLE_ROW } from './NodeNames';
+
+// const ZERO_WIDTH_SPACE_CHAR = '\u200b';
+
+export default function insertTable(
+  tr: Transform,
+  schema: Schema,
+  rows: number,
+  cols: number
+): Transform {
+  if (!tr.selection || !tr.doc) {
+    return tr;
+  }
+  const { from, to } = tr.selection;
+  if (from !== to) {
+    return tr;
+  }
+
+  const { nodes } = schema;
+  const cell = nodes[TABLE_CELL];
+  const paragraph = nodes[PARAGRAPH];
+  const row = nodes[TABLE_ROW];
+  const table = nodes[TABLE];
+  if (!(cell && paragraph && row && table)) {
+    return tr;
+  }
+
+  const rowNodes = [];
+  for (let rr = 0; rr < rows; rr++) {
+    const cellNodes = [];
+    for (let cc = 0; cc < cols; cc++) {
+      // [FS] IRAD-950 2020-05-25
+      // Fix:Extra arrow key required for cell navigation using arrow right/Left
+      const cellNode = cell.create(
+        undefined,
+        Fragment.fromArray([paragraph.create()])
+      );
+      cellNodes.push(cellNode);
+    }
+    const rowNode = row.create({}, Fragment.from(cellNodes));
+    rowNodes.push(rowNode);
+  }
+  const tableNode = table.create({}, Fragment.from(rowNodes));
+  tr = tr.insert(from, Fragment.from(tableNode));
+
+  const selection = TextSelection.create(tr.doc, from + 5, from + 5);
+
+  tr = tr.setSelection(selection);
+  return tr;
+}

package/src/isEditorStateEmpty.js

@@ -1,32 +1,32 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-
-const ZERO_WIDTH_SPACE_CHAR = '\u200b';
-
-export default function isEditorStateEmpty(editorState: EditorState): boolean {
-  const { doc } = editorState;
-  const { nodeSize } = doc;
-  if (nodeSize < 2) {
-    const text = doc.textContent;
-    return !text || text === ' ';
-  } else if (nodeSize < 10) {
-    let isEmpty = true;
-    doc.nodesBetween(0, doc.nodeSize - 2, (node, ii) => {
-      if (isEmpty) {
-        const nodeType = node.type;
-        if (nodeType.isText) {
-          const text = doc.textContent;
-          isEmpty = !text || text === ' ' || text === ZERO_WIDTH_SPACE_CHAR;
-        } else if (nodeType.isAtom) {
-          // e.g. Image, Video...etc.
-          isEmpty = false;
-        }
-      }
-      return isEmpty;
-    });
-    return isEmpty;
-  } else {
-    return false;
-  }
-}
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+
+const ZERO_WIDTH_SPACE_CHAR = '\u200b';
+
+export default function isEditorStateEmpty(editorState: EditorState): boolean {
+  const { doc } = editorState;
+  const { nodeSize } = doc;
+  if (nodeSize < 2) {
+    const text = doc.textContent;
+    return !text || text === ' ';
+  } else if (nodeSize < 10) {
+    let isEmpty = true;
+    doc.nodesBetween(0, doc.nodeSize - 2, (node, ii) => {
+      if (isEmpty) {
+        const nodeType = node.type;
+        if (nodeType.isText) {
+          const text = doc.textContent;
+          isEmpty = !text || text === ' ' || text === ZERO_WIDTH_SPACE_CHAR;
+        } else if (nodeType.isAtom) {
+          // e.g. Image, Video...etc.
+          isEmpty = false;
+        }
+      }
+      return isEmpty;
+    });
+    return isEmpty;
+  } else {
+    return false;
+  }
+}

package/src/isTableNode.js

@@ -1,15 +1,15 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import { TABLE, TABLE_CELL, TABLE_HEADER, TABLE_ROW } from './NodeNames';
-
-export default function isTableNode(node: Node): boolean {
-  const name = node instanceof Node ? node.type.name : null;
-  return (
-    name === TABLE ||
-    name === TABLE_ROW ||
-    name === TABLE_HEADER ||
-    name === TABLE_CELL
-  );
-}
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import { TABLE, TABLE_CELL, TABLE_HEADER, TABLE_ROW } from './NodeNames';
+
+export default function isTableNode(node: Node): boolean {
+  const name = node instanceof Node ? node.type.name : null;
+  return (
+    name === TABLE ||
+    name === TABLE_ROW ||
+    name === TABLE_HEADER ||
+    name === TABLE_CELL
+  );
+}