@modusoperandi/licit 1.4.3 → 1.4.6

package/createTableResizingPlugin.js.flow

@@ -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?.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?.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/findActionableCell.js.flow

@@ -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.js';
-
-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.js';
+
+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/findActiveMark.js.flow

@@ -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?.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?.marks) {
+      ii++;
+      continue;
+    }
+    const mark = node.marks.find(finder);
+    if (mark) {
+      return mark;
+    }
+    ii++;
+  }
+  return null;
+}

package/hyphenize.js.flow

@@ -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;
+}