@atlaskit/editor-plugin-table 7.2.2 → 7.3.0

package/src/__tests__/unit/utils/dom.ts

@@ -1,180 +0,0 @@
-import {
-  getMousePositionHorizontalRelativeByElement,
-  getMousePositionVerticalRelativeByElement,
-} from '../../../utils/dom';
-
-describe('table plugin: utils/dom.js', () => {
-  let element: HTMLElement;
-  let elementContentRects: any;
-  const elementRect: DOMRect = {
-    width: 100,
-    left: 50,
-    height: 100,
-    top: 50,
-    bottom: 0,
-    right: 0,
-    x: 0,
-    y: 0,
-    toJSON() {
-      return JSON.stringify(this);
-    },
-  };
-  beforeAll(() => {
-    jest.spyOn(HTMLElement.prototype, 'closest').mockImplementation(() => {
-      return {
-        id: 'table-cell-id',
-      } as Element;
-    });
-  });
-
-  beforeEach(() => {
-    element = document.createElement('div');
-    element.getBoundingClientRect = () => elementRect;
-  });
-
-  describe('#getMousePositionHorizontalRelativeByElement', () => {
-    describe('when there is a gap of 30px', () => {
-      const GAP = 30;
-
-      describe('and when the mouse is outside of the gap', () => {
-        describe('for 1px on the left', () => {
-          it('should return null', () => {
-            const event = {
-              target: element,
-              offsetX: GAP + 1,
-            };
-
-            elementContentRects = { 'table-cell-id': { width: 100 } };
-
-            expect(
-              getMousePositionHorizontalRelativeByElement(
-                // @ts-ignore
-                event,
-                elementContentRects,
-                GAP,
-              ),
-            ).toBeNull();
-          });
-        });
-
-        describe('for 1px on the right', () => {
-          it('should return null', () => {
-            const event = {
-              target: element,
-              offsetX: elementRect.width - GAP - 1,
-            };
-
-            elementContentRects = { 'table-cell-id': { width: 100 } };
-
-            expect(
-              getMousePositionHorizontalRelativeByElement(
-                // @ts-ignore
-                event,
-                elementContentRects,
-                GAP,
-              ),
-            ).toBeNull();
-          });
-        });
-      });
-
-      describe('and when the mouse is inside of the gap', () => {
-        it('should return left', () => {
-          const event = {
-            target: element,
-            offsetX: GAP,
-          };
-
-          elementContentRects = { 'table-cell-id': { width: 100 } };
-
-          expect(
-            getMousePositionHorizontalRelativeByElement(
-              // @ts-ignore
-              event,
-              elementContentRects,
-              GAP,
-            ),
-          ).toBe('left');
-        });
-
-        it('should return right', () => {
-          const event = {
-            target: element,
-            offsetX: elementRect.width - GAP,
-          };
-
-          elementContentRects = { 'table-cell-id': { width: 100 } };
-
-          expect(
-            getMousePositionHorizontalRelativeByElement(
-              // @ts-ignore
-              event,
-              elementContentRects,
-              GAP,
-            ),
-          ).toBe('right');
-        });
-      });
-    });
-
-    it('should return left when the mouse is positioned before half of the element', () => {
-      const event = {
-        target: element,
-        offsetX: 50,
-      };
-
-      elementContentRects = { 'table-cell-id': { width: 100 } };
-
-      expect(
-        getMousePositionHorizontalRelativeByElement(
-          // @ts-ignore
-          event,
-          elementContentRects,
-        ),
-      ).toBe('left');
-    });
-
-    it('should return right when the mouse is positioned after half of the element', () => {
-      const event = {
-        target: element,
-        offsetX: 101,
-      };
-
-      elementContentRects = { 'table-cell-id': { width: 100 } };
-
-      expect(
-        getMousePositionHorizontalRelativeByElement(
-          // @ts-ignore
-          event,
-          elementContentRects,
-        ),
-      ).toBe('right');
-    });
-  });
-
-  describe('#getMousePositionVerticalRelativeByElement', () => {
-    it('should return top when the mouse is positioned before half of the element', () => {
-      const event = {
-        target: element,
-        clientY: 50,
-      };
-
-      expect(
-        // @ts-ignore
-        getMousePositionVerticalRelativeByElement(event),
-      ).toBe('top');
-    });
-
-    it('should return bottom when the mouse is positioned before half of the element', () => {
-      const event = {
-        target: element,
-        clientY: 101,
-      };
-
-      expect(
-        // @ts-ignore
-        getMousePositionVerticalRelativeByElement(event),
-      ).toBe('bottom');
-    });
-  });
-});

package/src/__tests__/unit/utils/merged-cells.ts

@@ -1,156 +0,0 @@
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  p,
-  table,
-  td,
-  tdEmpty,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import tablePlugin from '../../../plugin';
-import { pluginKey } from '../../../pm-plugins/plugin-key';
-import { hasMergedCellsInBetween } from '../../../utils';
-
-describe('table merge cells logic', () => {
-  const createEditor = createProsemirrorEditorFactory();
-
-  const editor = (doc: DocBuilder) =>
-    createEditor({
-      doc,
-      preset: new Preset<LightEditorPlugin>()
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add(selectionPlugin)
-        .add(tablePlugin),
-      pluginKey,
-    });
-
-  describe('#hasMergedCellsInBetween', () => {
-    describe('when first and second columns are merged', () => {
-      const { editorView } = editor(
-        doc(
-          table()(
-            tr(td({ colspan: 2 })(p('')), tdEmpty, tdEmpty),
-            tr(tdEmpty, tdEmpty, tdEmpty, tdEmpty),
-            tr(tdEmpty, tdEmpty, tdEmpty, tdEmpty),
-          ),
-        ),
-      );
-
-      it('should return false when pass indexs [-1, 0]', () => {
-        expect(
-          hasMergedCellsInBetween(
-            [-1, 0],
-            'column',
-          )(editorView.state.selection),
-        ).toEqual(false);
-      });
-
-      it('should return true when pass indexs [0,1]', () => {
-        expect(
-          hasMergedCellsInBetween([0, 1], 'column')(editorView.state.selection),
-        ).toEqual(true);
-      });
-
-      it('should return false when pass indexs [1,2]', () => {
-        expect(
-          hasMergedCellsInBetween([1, 2], 'column')(editorView.state.selection),
-        ).toEqual(false);
-      });
-    });
-
-    describe('when second and third columns are merged', () => {
-      const { editorView } = editor(
-        doc(
-          table()(
-            tr(tdEmpty, td({ colspan: 2 })(p('')), tdEmpty),
-            tr(tdEmpty, tdEmpty, tdEmpty, tdEmpty),
-            tr(tdEmpty, tdEmpty, tdEmpty, tdEmpty),
-          ),
-        ),
-      );
-      it('should return false when pass indexs [0,1]', () => {
-        expect(
-          hasMergedCellsInBetween([0, 1], 'column')(editorView.state.selection),
-        ).toEqual(false);
-      });
-
-      it('should return true when pass indexs [1,2]', () => {
-        expect(
-          hasMergedCellsInBetween([1, 2], 'column')(editorView.state.selection),
-        ).toEqual(true);
-      });
-    });
-
-    describe('when first and second rows are merged', () => {
-      const { editorView } = editor(
-        doc(
-          table()(
-            tr(td({ rowspan: 2 })(p('')), tdEmpty, tdEmpty, tdEmpty),
-            tr(tdEmpty, tdEmpty, tdEmpty),
-            tr(tdEmpty, tdEmpty, tdEmpty, tdEmpty),
-          ),
-        ),
-      );
-
-      it('should return false when pass indexs [-1, 0]', () => {
-        expect(
-          hasMergedCellsInBetween([-1, 0], 'row')(editorView.state.selection),
-        ).toEqual(false);
-      });
-
-      it('should return true when pass indexs [0,1]', () => {
-        expect(
-          hasMergedCellsInBetween([0, 1], 'row')(editorView.state.selection),
-        ).toEqual(true);
-      });
-
-      it('should return false when pass indexs [1,2]', () => {
-        expect(
-          hasMergedCellsInBetween([1, 2], 'row')(editorView.state.selection),
-        ).toEqual(false);
-      });
-    });
-
-    describe('when second and third rows are merged', () => {
-      const { editorView } = editor(
-        doc(
-          table()(
-            tr(tdEmpty, tdEmpty, tdEmpty, tdEmpty),
-            tr(td({ rowspan: 2 })(p('')), tdEmpty, tdEmpty),
-            tr(tdEmpty, tdEmpty, tdEmpty, tdEmpty),
-          ),
-        ),
-      );
-
-      it('should return false when pass indexs [0,1]', () => {
-        expect(
-          hasMergedCellsInBetween([0, 1], 'row')(editorView.state.selection),
-        ).toEqual(false);
-      });
-
-      it('should return true when pass indexs [1,2]', () => {
-        expect(
-          hasMergedCellsInBetween([1, 2], 'row')(editorView.state.selection),
-        ).toEqual(true);
-      });
-    });
-  });
-});

package/src/__tests__/unit/utils/nodes.ts

@@ -1,79 +0,0 @@
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { findTable } from '@atlaskit/editor-tables/utils';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  p,
-  table,
-  tdCursor,
-  tdEmpty,
-  th,
-  thEmpty,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import tablePlugin from '../../../plugin';
-import { pluginKey } from '../../../pm-plugins/plugin-key';
-import { containsHeaderColumn } from '../../../utils/nodes';
-
-describe('table merging logic', () => {
-  const createEditor = createProsemirrorEditorFactory();
-
-  const editor = (doc: DocBuilder) =>
-    createEditor({
-      doc,
-      preset: new Preset<LightEditorPlugin>()
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add(selectionPlugin)
-        .add(tablePlugin),
-      pluginKey,
-    });
-
-  describe('#containsHeaderColumn', () => {
-    it('should return true when first col is all tableHeaders', () => {
-      const { editorView } = editor(
-        doc(
-          table()(
-            tr(thEmpty, tdCursor, tdEmpty),
-            tr(thEmpty, tdEmpty, tdEmpty),
-            tr(thEmpty, tdEmpty, tdEmpty),
-          ),
-        ),
-      );
-
-      const TableWithPos = findTable(editorView.state.selection)!;
-      expect(containsHeaderColumn(TableWithPos.node)).toEqual(true);
-    });
-
-    it('should return true when first col has a rowspan', () => {
-      const { editorView } = editor(
-        doc(
-          table()(
-            tr(thEmpty, tdCursor, tdEmpty),
-            tr(th({ rowspan: 2 })(p()), tdEmpty, tdEmpty),
-            tr(tdEmpty, tdEmpty),
-          ),
-        ),
-      );
-
-      const TableWithPos = findTable(editorView.state.selection)!;
-      expect(containsHeaderColumn(TableWithPos.node)).toEqual(true);
-    });
-  });
-});

package/src/__tests__/unit/utils/row-controls.ts

@@ -1,195 +0,0 @@
-import { uuid } from '@atlaskit/adf-schema';
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable } from '@atlaskit/editor-tables/utils';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  p,
-  tr as row,
-  table,
-  td,
-  th,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import tablePlugin from '../../../plugin';
-import { pluginKey } from '../../../pm-plugins/plugin-key';
-import { copyPreviousRow } from '../../../utils/row-controls';
-
-const TABLE_LOCAL_ID = 'test-table-local-id';
-
-describe('table plugin: utils/row-controls.js', () => {
-  beforeAll(() => {
-    uuid.setStatic(TABLE_LOCAL_ID);
-  });
-
-  afterAll(() => {
-    uuid.setStatic(false);
-  });
-
-  const createEditor = createProsemirrorEditorFactory();
-  const editor = (doc: DocBuilder) =>
-    createEditor({
-      doc,
-      preset: new Preset<LightEditorPlugin>()
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add(selectionPlugin)
-        .add(tablePlugin),
-      pluginKey,
-    });
-
-  describe('#copyPreviousRow', () => {
-    describe('complex table', () => {
-      it('should accept rowIndex zero', () => {
-        const { editorView } = editor(
-          doc(
-            table()(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(th()(p('b1')), td()(p('b3')), td()(p('b3'))),
-            ),
-          ),
-        );
-        const { state } = editorView;
-        expect(() => {
-          copyPreviousRow(state.schema)(0)(state.tr);
-        }).toThrow(
-          /Row Index less or equal 0 isn't not allowed since there is not a previous to copy/,
-        );
-      });
-
-      it('should copy column header', () => {
-        const { editorView } = editor(
-          doc(
-            table()(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(th()(p('b1')), td()(p('b3')), td()(p('b3'))),
-            ),
-          ),
-        );
-        const { state } = editorView;
-        const newTr = copyPreviousRow(state.schema)(2)(state.tr);
-        expect(newTr.doc).toEqualDocument(
-          doc(
-            table({ localId: TABLE_LOCAL_ID })(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(th()(p('b1')), td()(p('b3')), td()(p('b3'))),
-              row(th()(p('')), td()(p('')), td()(p(''))),
-            ),
-          ),
-        );
-      });
-
-      it('should copy column header with colspan', () => {
-        const { editorView } = editor(
-          doc(
-            table()(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(th({ colspan: 2 })(p('b1')), td()(p('b3'))),
-            ),
-          ),
-        );
-        const { state } = editorView;
-        const newTr = copyPreviousRow(state.schema)(2)(state.tr);
-        expect(newTr.doc).toEqualDocument(
-          doc(
-            table({ localId: TABLE_LOCAL_ID })(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(th({ colspan: 2 })(p('b1')), td()(p('b3'))),
-              row(th({ colspan: 2 })(p('')), td()(p(''))),
-            ),
-          ),
-        );
-      });
-
-      it('should keep colspan', () => {
-        const { editorView } = editor(
-          doc(
-            table()(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(td({ colspan: 2 })(p('b1')), td()(p('b3'))),
-            ),
-          ),
-        );
-
-        const { state } = editorView;
-        const newTr = copyPreviousRow(state.schema)(2)(state.tr);
-        expect(newTr.doc).toEqualDocument(
-          doc(
-            table({ localId: TABLE_LOCAL_ID })(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(td({ colspan: 2 })(p('b1')), td()(p('b3'))),
-              row(td({ colspan: 2 })(p('')), td()(p(''))),
-            ),
-          ),
-        );
-      });
-
-      it('should copy background colors and does not expand previous rowspan', () => {
-        const { editorView } = editor(
-          doc(
-            table()(
-              row(th()(p('{<>}a1')), th()(p('a2')), th()(p('a3'))),
-              row(
-                td()(p('b1')),
-                td()(p('b2')),
-                td({ background: '#eeeaaa', rowspan: 4 })(p('b3')),
-              ),
-              row(td()(p('c1')), td()(p('c2'))),
-              row(
-                td()(p('d1')),
-                td({ background: '#fffaaa', rowspan: 3 })(p('d2')),
-              ),
-              row(td()(p('XXXX'))),
-              row(td()(p('e1')), td()(p('e2'))),
-              row(td()(p('f1')), td()(p('f2')), td()(p('f3'))),
-            ),
-          ),
-        );
-        const { state } = editorView;
-
-        const newTr = copyPreviousRow(state.schema)(5)(state.tr);
-
-        const newTable = findTable(newTr.selection);
-        const map = TableMap.get(newTable!.node);
-        expect(map.problems).toBeNull();
-        expect(newTr.doc).toEqualDocument(
-          doc(
-            table({ localId: TABLE_LOCAL_ID })(
-              row(th()(p('a1')), th()(p('a2')), th()(p('a3'))),
-              row(
-                td()(p('b1')),
-                td()(p('b2')),
-                td({ background: '#eeeaaa', rowspan: 4 })(p('b3')),
-              ),
-              row(td()(p('c1')), td()(p('c2'))),
-              row(
-                td()(p('d1')),
-                td({ background: '#fffaaa', rowspan: 4 })(p('d2')),
-              ),
-              row(td()(p('XXXX'))),
-              row(td()(p('')), td({ background: '#eeeaaa' })(p(''))),
-              row(td()(p('e1')), td()(p('e2'))),
-              row(td()(p('f1')), td()(p('f2')), td()(p('f3'))),
-            ),
-          ),
-        );
-      });
-    });
-  });
-});

package/src/__tests__/unit/utils/table.ts

@@ -1,96 +0,0 @@
-import { getCellsInRow } from '@atlaskit/editor-tables/utils';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import { createEditorState } from '@atlaskit/editor-test-helpers/create-editor-state';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import {
-  doc,
-  p,
-  tr as row,
-  table,
-  td,
-  tdEmpty,
-  th,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import { getMergedCellsPositions } from '../../../utils';
-
-describe('table utils', () => {
-  describe('#getMergedCellsPositions', () => {
-    describe('when the table has not merged cells', () => {
-      it('should returns an emppty array', () => {
-        const { tr } = createEditorState(
-          doc(
-            table()(
-              row(th({})(p('Number{<>}'))),
-              row(td({})(p('10{<>}'))),
-              row(td({})(p('0'))),
-              row(td({})(p('5'))),
-            ),
-          ),
-        );
-
-        expect(getMergedCellsPositions(tr)).toHaveLength(0);
-      });
-    });
-
-    describe('when the table has merged cells in columns', () => {
-      it('should returns the positions', () => {
-        const { tr } = createEditorState(
-          doc(
-            table()(
-              row(
-                th({})(p('Number{<>}')),
-                td({})(p('10{<>}')),
-                tdEmpty,
-                tdEmpty,
-              ),
-              row(td({})(p('10{<>}')), td({})(p('10{<>}')), tdEmpty, tdEmpty),
-              row(td({ colspan: 2 })(p('0')), td({ colspan: 2 })(p('1'))),
-              row(td({})(p('5')), td({})(p('10{<>}')), tdEmpty, tdEmpty),
-            ),
-          ),
-        );
-        const cells = getCellsInRow(2)(tr.selection)!;
-        const tableStart = 1;
-
-        expect(getMergedCellsPositions(tr)).toEqual([
-          cells[0].pos - tableStart,
-          cells[1].pos - tableStart,
-        ]);
-      });
-    });
-
-    describe('when the table has merged cells in rows', () => {
-      it('should returns the positions', () => {
-        const { tr } = createEditorState(
-          doc(
-            table()(
-              row(
-                th({})(p('Number{<>}')),
-                td({})(p('10{<>}')),
-                tdEmpty,
-                tdEmpty,
-              ),
-              row(td({})(p('10{<>}')), td({})(p('10{<>}')), tdEmpty, tdEmpty),
-              row(
-                td({ rowspan: 2 })(p('0')),
-                tdEmpty,
-                tdEmpty,
-                td({ rowspan: 2 })(p('1')),
-              ),
-              row(tdEmpty, tdEmpty),
-            ),
-          ),
-        );
-
-        const cells = getCellsInRow(2)(tr.selection)!;
-        const tableStart = 1;
-
-        expect(getMergedCellsPositions(tr)).toEqual([
-          cells[0].pos - tableStart,
-          cells[3].pos - tableStart,
-        ]);
-      });
-    });
-  });
-});