@atlaskit/editor-tables 3.1.14 → 3.2.0

package/dist/es2019/pm-plugins/handle-mouse-down.js

@@ -0,0 +1,148 @@
+// This file defines a number of helpers for wiring up user input to
+// table-related functionality.
+
+import { CellSelection } from '../cell-selection';
+import { findTableClosestToPos } from '../utils';
+import { cellAround } from '../utils/cell-around';
+import { inSameTable } from '../utils/in-same-table';
+import { tableEditingKey } from './plugin-key';
+function domInCell(view, inputDom) {
+  let dom = inputDom;
+  for (; dom && dom !== view.dom; dom = dom.parentNode) {
+    if (dom.nodeName === 'TD' || dom.nodeName === 'TH') {
+      return dom;
+    }
+  }
+  return null;
+}
+function cellUnderMouse(view, event) {
+  const mousePos = view.posAtCoords({
+    left: event.clientX,
+    top: event.clientY
+  });
+  if (!mousePos) {
+    return null;
+  }
+  return cellAround(view.state.doc.resolve(mousePos.pos));
+}
+function isInsideNestedTable(view, event) {
+  const mousePos = view.posAtCoords({
+    left: event.clientX,
+    top: event.clientY
+  });
+  if (!mousePos) {
+    return false;
+  }
+  const pos = view.state.doc.resolve(mousePos.pos);
+  const table = findTableClosestToPos(pos);
+  if (!table) {
+    return false;
+  }
+  const parent = view.state.doc.resolve(table.pos).parent;
+  const nodeTypes = view.state.schema.nodes;
+  return [nodeTypes.tableHeader, nodeTypes.tableCell].includes(parent.type);
+}
+export function handleMouseDown(view, event) {
+  const startEvent = event;
+  // Prevent right clicks from making a cell selection https://product-fabric.atlassian.net/browse/ED-12527
+  if (startEvent.ctrlKey || startEvent.metaKey || startEvent.button === 2 // right mouse click
+  ) {
+    return false;
+  }
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
+  const startDOMCell = domInCell(view, startEvent.target);
+  const $anchor = cellAround(view.state.selection.$anchor);
+  if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
+    const targetElement = event.target instanceof HTMLElement || event.target instanceof SVGElement ? event.target : null;
+    const isDragHandleElement = !!targetElement && !!targetElement.closest('button.pm-table-drag-handle-button-container, button.pm-table-drag-handle-button-clickable-zone');
+    if (isDragHandleElement) {
+      return false;
+    }
+    setCellSelection(view.state.selection.$anchorCell, startEvent);
+    startEvent.preventDefault();
+  } else if (startEvent.shiftKey && startDOMCell && $anchor !== null &&
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  cellUnderMouse(view, startEvent).pos !== $anchor.pos) {
+    // Adding to a selection that starts in another cell (causing a
+    // cell selection to be created).
+    setCellSelection($anchor, startEvent);
+    startEvent.preventDefault();
+  } else if (!startDOMCell) {
+    // Not in a cell, let the default behavior happen.
+    return false;
+  }
+
+  // Create and dispatch a cell selection between the given anchor and
+  // the position under the mouse.
+  function setCellSelection($selectionAnchor, event) {
+    let $head = cellUnderMouse(view, event);
+    const starting = tableEditingKey.getState(view.state) == null;
+    if (!$head || !inSameTable($selectionAnchor, $head)) {
+      if (starting) {
+        $head = $selectionAnchor;
+      } else {
+        return false;
+      }
+    }
+    const selection = new CellSelection($selectionAnchor, $head);
+    if (starting || !view.state.selection.eq(selection)) {
+      const tr = view.state.tr.setSelection(selection);
+      if (starting) {
+        tr.setMeta(tableEditingKey, $selectionAnchor.pos);
+      }
+      view.dispatch(tr);
+    }
+  }
+
+  // Stop listening to mouse motion events.
+  function stop() {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    view.root.removeEventListener('mouseup', stop);
+    // Ignored via go/ees005
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    view.root.removeEventListener('dragstart', stop);
+    // Ignored via go/ees005
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+    view.root.removeEventListener('mousemove', move);
+    if (tableEditingKey.getState(view.state) != null) {
+      view.dispatch(view.state.tr.setMeta(tableEditingKey, -1));
+    }
+  }
+  function move(event) {
+    const anchor = tableEditingKey.getState(view.state);
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    const currDOMCell = domInCell(view, event.target);
+    const isCurrCellInsideNestedTable = isInsideNestedTable(view, event);
+    const isStartCellInsideNestedTable = isInsideNestedTable(view, startEvent);
+    const isBothCellsInSameTable = isCurrCellInsideNestedTable === isStartCellInsideNestedTable;
+    let $moveAnchor;
+    if (anchor != null) {
+      // Continuing an existing cross-cell selection
+      $moveAnchor = view.state.doc.resolve(anchor);
+      // Ignored via go/ees005
+    } else if (currDOMCell !== startDOMCell && isBothCellsInSameTable) {
+      // Moving out of the initial cell -- start a new cell selection
+      $moveAnchor = cellUnderMouse(view, startEvent);
+      if (!$moveAnchor) {
+        stop();
+        return;
+      }
+    }
+    if ($moveAnchor) {
+      setCellSelection($moveAnchor, event);
+    }
+  }
+  // Ignored via go/ees005
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  view.root.addEventListener('mouseup', stop);
+  // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop, @repo/internal/dom-events/no-unsafe-event-listeners
+  view.root.addEventListener('dragstart', stop);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+  view.root.addEventListener('mousemove', move);
+  return false;
+}

package/dist/es2019/pm-plugins/handle-triple-click.js

@@ -0,0 +1,16 @@
+// This file defines a number of helpers for wiring up user input to
+// table-related functionality.
+
+import { CellSelection } from '../cell-selection';
+import { cellAround } from '../utils/cell-around';
+export function handleTripleClick(view, pos) {
+  const {
+    doc
+  } = view.state;
+  const $cell = cellAround(doc.resolve(pos));
+  if (!$cell) {
+    return false;
+  }
+  view.dispatch(view.state.tr.setSelection(new CellSelection($cell)));
+  return true;
+}

package/dist/es2019/pm-plugins/input.js

@@ -5,10 +5,8 @@ import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
 import { Slice } from '@atlaskit/editor-prosemirror/model';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '../cell-selection';
-import { findTableClosestToPos, tableNodeTypes } from '../utils';
-import { cellAround, nextCell } from '../utils/cells';
-import { inSameTable } from '../utils/tables';
-import { tableEditingKey } from './plugin-key';
+import { tableNodeTypes } from '../utils';
+import { nextCell } from '../utils/next-cell';
 export const handleKeyDown = keydownHandler({
   ArrowLeft: arrow('horiz', -1),
   ArrowRight: arrow('horiz', 1),
@@ -121,121 +119,6 @@ function deleteCellSelection(state, dispatch) {
   }
   return true;
 }
-export function handleTripleClick(view, pos) {
-  const {
-    doc
-  } = view.state;
-  const $cell = cellAround(doc.resolve(pos));
-  if (!$cell) {
-    return false;
-  }
-  view.dispatch(view.state.tr.setSelection(new CellSelection($cell)));
-  return true;
-}
-export function handleMouseDown(view, event) {
-  const startEvent = event;
-  // Prevent right clicks from making a cell selection https://product-fabric.atlassian.net/browse/ED-12527
-  if (startEvent.ctrlKey || startEvent.metaKey || startEvent.button === 2 // right mouse click
-  ) {
-    return false;
-  }
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line @atlaskit/editor/no-as-casting
-  const startDOMCell = domInCell(view, startEvent.target);
-  const $anchor = cellAround(view.state.selection.$anchor);
-  if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
-    const targetElement = event.target instanceof HTMLElement || event.target instanceof SVGElement ? event.target : null;
-    const isDragHandleElement = !!targetElement && !!targetElement.closest('button.pm-table-drag-handle-button-container, button.pm-table-drag-handle-button-clickable-zone');
-    if (isDragHandleElement) {
-      return false;
-    }
-    setCellSelection(view.state.selection.$anchorCell, startEvent);
-    startEvent.preventDefault();
-  } else if (startEvent.shiftKey && startDOMCell && $anchor !== null &&
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  cellUnderMouse(view, startEvent).pos !== $anchor.pos) {
-    // Adding to a selection that starts in another cell (causing a
-    // cell selection to be created).
-    setCellSelection($anchor, startEvent);
-    startEvent.preventDefault();
-  } else if (!startDOMCell) {
-    // Not in a cell, let the default behavior happen.
-    return false;
-  }
-
-  // Create and dispatch a cell selection between the given anchor and
-  // the position under the mouse.
-  function setCellSelection($selectionAnchor, event) {
-    let $head = cellUnderMouse(view, event);
-    const starting = tableEditingKey.getState(view.state) == null;
-    if (!$head || !inSameTable($selectionAnchor, $head)) {
-      if (starting) {
-        $head = $selectionAnchor;
-      } else {
-        return false;
-      }
-    }
-    const selection = new CellSelection($selectionAnchor, $head);
-    if (starting || !view.state.selection.eq(selection)) {
-      const tr = view.state.tr.setSelection(selection);
-      if (starting) {
-        tr.setMeta(tableEditingKey, $selectionAnchor.pos);
-      }
-      view.dispatch(tr);
-    }
-  }
-
-  // Stop listening to mouse motion events.
-  function stop() {
-    // Ignored via go/ees005
-    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    view.root.removeEventListener('mouseup', stop);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    view.root.removeEventListener('dragstart', stop);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    view.root.removeEventListener('mousemove', move);
-    if (tableEditingKey.getState(view.state) != null) {
-      view.dispatch(view.state.tr.setMeta(tableEditingKey, -1));
-    }
-  }
-  function move(event) {
-    const anchor = tableEditingKey.getState(view.state);
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    const currDOMCell = domInCell(view, event.target);
-    const isCurrCellInsideNestedTable = isInsideNestedTable(view, event);
-    const isStartCellInsideNestedTable = isInsideNestedTable(view, startEvent);
-    const isBothCellsInSameTable = isCurrCellInsideNestedTable === isStartCellInsideNestedTable;
-    let $moveAnchor;
-    if (anchor != null) {
-      // Continuing an existing cross-cell selection
-      $moveAnchor = view.state.doc.resolve(anchor);
-      // Ignored via go/ees005
-    } else if (currDOMCell !== startDOMCell && isBothCellsInSameTable) {
-      // Moving out of the initial cell -- start a new cell selection
-      $moveAnchor = cellUnderMouse(view, startEvent);
-      if (!$moveAnchor) {
-        stop();
-        return;
-      }
-    }
-    if ($moveAnchor) {
-      setCellSelection($moveAnchor, event);
-    }
-  }
-  // Ignored via go/ees005
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  view.root.addEventListener('mouseup', stop);
-  // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop, @repo/internal/dom-events/no-unsafe-event-listeners
-  view.root.addEventListener('dragstart', stop);
-  // Ignored via go/ees005
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  view.root.addEventListener('mousemove', move);
-  return false;
-}
 
 // Check whether the cursor is at the end of a cell (so that further
 // motion would move out of the cell)
@@ -261,40 +144,4 @@ function atEndOfCell(view, axis, dir) {
     }
   }
   return null;
-}
-function domInCell(view, inputDom) {
-  let dom = inputDom;
-  for (; dom && dom !== view.dom; dom = dom.parentNode) {
-    if (dom.nodeName === 'TD' || dom.nodeName === 'TH') {
-      return dom;
-    }
-  }
-  return null;
-}
-function cellUnderMouse(view, event) {
-  const mousePos = view.posAtCoords({
-    left: event.clientX,
-    top: event.clientY
-  });
-  if (!mousePos) {
-    return null;
-  }
-  return cellAround(view.state.doc.resolve(mousePos.pos));
-}
-function isInsideNestedTable(view, event) {
-  const mousePos = view.posAtCoords({
-    left: event.clientX,
-    top: event.clientY
-  });
-  if (!mousePos) {
-    return false;
-  }
-  const pos = view.state.doc.resolve(mousePos.pos);
-  const table = findTableClosestToPos(pos);
-  if (!table) {
-    return false;
-  }
-  const parent = view.state.doc.resolve(table.pos).parent;
-  const nodeTypes = view.state.schema.nodes;
-  return [nodeTypes.tableHeader, nodeTypes.tableCell].includes(parent.type);
 }

package/dist/es2019/pm-plugins/table-editing.js

@@ -3,7 +3,9 @@ import { handlePaste } from '../utils';
 import { drawCellSelection } from '../utils/draw-cell-selection';
 import { fixTables } from '../utils/fix-tables';
 import { normalizeSelection } from '../utils/normalize-selection';
-import { handleKeyDown, handleMouseDown, handleTripleClick } from './input';
+import { handleMouseDown } from './handle-mouse-down';
+import { handleTripleClick } from './handle-triple-click';
+import { handleKeyDown } from './input';
 import { tableEditingKey } from './plugin-key';
 
 // :: () → Plugin

package/dist/es2019/pm-plugins.js

@@ -1,5 +1,13 @@
-/* eslint-disable @atlaskit/editor/no-re-export */
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 // Entry file in package.json
 
+/**
+ * @deprecated Use `import { tableEditing } from '@atlaskit/editor-tables/pm-plugins/table-editing'` instead.
+ */
+// eslint-disable-next-line @atlaskit/editor/no-re-export -- Compatibility shim for deprecated API
 export { tableEditing } from './pm-plugins/table-editing';
+/**
+ * @deprecated Use `import { tableEditingKey } from '@atlaskit/editor-tables/pm-plugins/plugin-key'` instead.
+ */
+// eslint-disable-next-line @atlaskit/editor/no-re-export -- Compatibility shim for deprecated API
 export { tableEditingKey } from './pm-plugins/plugin-key';

package/dist/es2019/read-from-cache.js

@@ -0,0 +1,4 @@
+import { tableMapCache } from './table-map-cache';
+export function readFromCache(key) {
+  return tableMapCache.get(key);
+}

package/dist/es2019/rect.js

@@ -0,0 +1,11 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
+export class Rect {
+  constructor(left, top, right, bottom) {
+    this.left = left;
+    this.top = top;
+    this.right = right;
+    this.bottom = bottom;
+  }
+}

package/dist/es2019/table-map-cache.js

@@ -0,0 +1,36 @@
+// Share the same cache between readers and writers. Table maps are relative to
+// immutable table nodes, so changing the document produces a different key.
+let readFromCache;
+let addToCache;
+if (typeof WeakMap !== 'undefined') {
+  const cache = new WeakMap();
+  readFromCache = key => cache.get(key);
+  addToCache = (key, value) => {
+    cache.set(key, value);
+    return value;
+  };
+} else {
+  // The original fallback stores five pairs in a ten-slot circular cache.
+  const cache = [];
+  const cacheSize = 5;
+  let cachePos = 0;
+  readFromCache = key => {
+    for (const [node, map] of cache) {
+      if (node === key) {
+        return map;
+      }
+    }
+    return undefined;
+  };
+  addToCache = (key, value) => {
+    if (cachePos === cacheSize) {
+      cachePos = 0;
+    }
+    cache[cachePos++] = [key, value];
+    return value;
+  };
+}
+export const tableMapCache = {
+  get: readFromCache,
+  set: addToCache
+};