@atlaskit/editor-plugin-table 7.2.2 → 7.3.0

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

@@ -1,129 +0,0 @@
-import type { TableAttributes } 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 { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-// 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,
-  tdCursor,
-  tdEmpty,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-// eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
-import defaultSchema from '@atlaskit/editor-test-helpers/schema';
-
-import { hoverRows } from '../../../commands';
-import TableView from '../../../nodeviews/table';
-import tablePlugin from '../../../plugin';
-import { pluginKey } from '../../../pm-plugins/plugin-key';
-
-describe('table -> nodeviews -> table.tsx', () => {
-  const createEditor = createProsemirrorEditorFactory();
-  const createTableNode =
-    (attrs?: TableAttributes) =>
-    (...args: any) =>
-      table(attrs)(...args)(defaultSchema);
-
-  describe('TableView', () => {
-    const editor = (doc: DocBuilder) =>
-      createEditor({
-        doc,
-        preset: new Preset<LightEditorPlugin>()
-          .add([featureFlagsPlugin, {}])
-          .add([analyticsPlugin, {}])
-          .add(contentInsertionPlugin)
-          .add(widthPlugin)
-          .add(guidelinePlugin)
-          .add(selectionPlugin)
-          .add([
-            tablePlugin,
-            {
-              tableOptions: {},
-            },
-          ]),
-        pluginKey,
-      });
-
-    describe('on view update', () => {
-      let tableNode: PMNode,
-        tableNodeView: TableView,
-        renderSpy: jest.SpyInstance,
-        view: EditorView;
-      beforeEach(() => {
-        tableNode = createTableNode({
-          isNumberColumnEnabled: true,
-        })(tr(td()(p('{<>}text')), tdEmpty, tdEmpty));
-        const { editorView, portalProviderAPI, eventDispatcher } = editor(
-          doc(p('text'), table()(tr(tdCursor, tdEmpty), tr(tdEmpty, tdEmpty))),
-        );
-        view = editorView;
-        tableNodeView = new TableView({
-          node: tableNode,
-          allowColumnResizing: false,
-          view: editorView,
-          portalProviderAPI,
-          eventDispatcher,
-          getPos: () => 1,
-          getEditorContainerWidth: () => ({ width: 500 }),
-          getEditorFeatureFlags: () => ({}),
-          hasIntlContext: true,
-          dispatchAnalyticsEvent: jest.fn(),
-        }).init();
-
-        renderSpy = jest.spyOn(tableNodeView, 'render');
-      });
-
-      it('does not rerender if attributes or table width did not change', () => {
-        const newNodeWithUnchangedAttributesOrWidth = createTableNode({
-          isNumberColumnEnabled: true,
-        })(tr(td()(p('{<>}text1')), tdEmpty, tdEmpty));
-        tableNodeView.update(newNodeWithUnchangedAttributesOrWidth, []);
-        expect(renderSpy).not.toHaveBeenCalled();
-      });
-
-      it('rerenders when table width changes', () => {
-        const newNodeWithUnchangedAttributesAndExtraColumn = createTableNode({
-          isNumberColumnEnabled: true,
-        })(tr(td()(p('{<>}text1')), tdEmpty, tdEmpty, tdEmpty));
-        tableNodeView.update(newNodeWithUnchangedAttributesAndExtraColumn, []);
-        expect(renderSpy).toHaveBeenCalled();
-      });
-
-      it('rerenders when attributes change', () => {
-        const newNodeWithChangedAttributes = createTableNode({
-          isNumberColumnEnabled: false,
-        })(tr(td()(p('{<>}text1')), tdEmpty));
-
-        tableNodeView.update(newNodeWithChangedAttributes, []);
-        expect(renderSpy).toHaveBeenCalled();
-      });
-
-      it('rerenders when hovered rows change but attributes dont change', () => {
-        const newNodeWithUnchangedAttributes = createTableNode({
-          isNumberColumnEnabled: true,
-        })(tr(td()(p('{<>}text1')), tdEmpty));
-
-        hoverRows([1])(view.state, view.dispatch);
-        tableNodeView.update(newNodeWithUnchangedAttributes, []);
-        expect(renderSpy).toHaveBeenCalled();
-      });
-    });
-  });
-});

package/src/__tests__/unit/pm-plugins/analytics.ts

@@ -1,327 +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 { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-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 { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { __serializeForClipboard } from '@atlaskit/editor-prosemirror/view';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import {
-  createProsemirrorEditorFactory,
-  Preset,
-} from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-// 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 dispatchPasteEvent from '@atlaskit/editor-test-helpers/dispatch-paste-event';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import {
-  doc,
-  p,
-  table,
-  td,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-import { ffTest } from '@atlassian/feature-flags-test-utils';
-
-// eslint-disable-next-line @atlassian/tangerine/import/no-relative-package-imports
-import {
-  insertColumn,
-  insertRow,
-  selectColumn,
-  selectRow,
-} from '../../../commands';
-import tablePlugin from '../../../plugin';
-import { pluginKey } from '../../../pm-plugins/analytics/plugin-key';
-
-jest.mock('@atlaskit/platform-feature-flags', () => ({
-  getBooleanFF: jest.fn().mockImplementation(() => false),
-}));
-
-describe('analytics', () => {
-  const createEditor = createProsemirrorEditorFactory();
-  const editor = (doc: DocBuilder) => {
-    return createEditor({
-      doc,
-      preset: new Preset<LightEditorPlugin>()
-        .add([featureFlagsPlugin, {}])
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add(selectionPlugin)
-        .add([
-          tablePlugin,
-          {
-            tableOptions: {
-              allowHeaderRow: true,
-              allowMergeCells: true,
-            },
-          },
-        ]),
-      pluginKey,
-      attachTo: document.body,
-    });
-  };
-
-  describe('rowOrColumnMoved', () => {
-    describe('should update plugin state when row is copied', () => {
-      ffTest(
-        'platform.editor.table.analytics-plugin-moved-event',
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2{cell>}'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          __serializeForClipboard(
-            editorView,
-            editorView.state.selection.content(),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-
-          expect(rowOrColumnMoved).toEqual({
-            type: 'row',
-            numberOfCells: 2,
-            currentActions: ['copyOrCut'],
-          });
-        },
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2{cell>}'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          __serializeForClipboard(
-            editorView,
-            editorView.state.selection.content(),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-
-          expect(rowOrColumnMoved).toEqual(undefined);
-        },
-      );
-    });
-
-    describe('should update plugin state when column is copied', () => {
-      ffTest(
-        'platform.editor.table.analytics-plugin-moved-event',
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2'))),
-                tr(td({})(p('b1{cell>}')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          __serializeForClipboard(
-            editorView,
-            editorView.state.selection.content(),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-
-          expect(rowOrColumnMoved).toEqual({
-            type: 'column',
-            numberOfCells: 2,
-            currentActions: ['copyOrCut'],
-          });
-        },
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2'))),
-                tr(td({})(p('b1{cell>}')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          __serializeForClipboard(
-            editorView,
-            editorView.state.selection.content(),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-
-          expect(rowOrColumnMoved).toEqual(undefined);
-        },
-      );
-    });
-
-    describe('should update plugin state when row is inserted and then copied', () => {
-      ffTest(
-        'platform.editor.table.analytics-plugin-moved-event',
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2{cell>}'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          insertRow(0, false)(editorView.state, editorView.dispatch);
-          selectRow(0)(editorView.state, editorView.dispatch);
-
-          __serializeForClipboard(
-            editorView,
-            editorView.state.selection.content(),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-
-          expect(rowOrColumnMoved).toEqual({
-            type: 'row',
-            numberOfCells: 2,
-            currentActions: ['addRowOrColumn', 'copyOrCut'],
-          });
-        },
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2{cell>}'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-          expect(rowOrColumnMoved).toEqual(undefined);
-        },
-      );
-    });
-
-    describe('should update plugin state when column is inserted and then copied', () => {
-      ffTest(
-        'platform.editor.table.analytics-plugin-moved-event',
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2{cell>}'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          insertColumn(
-            jest.fn().mockReturnValue({ containerWidth: { width: 760 } }),
-          )(0)(editorView.state, editorView.dispatch, editorView);
-          selectColumn(0)(editorView.state, editorView.dispatch);
-
-          __serializeForClipboard(
-            editorView,
-            editorView.state.selection.content(),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-
-          expect(rowOrColumnMoved).toEqual({
-            type: 'column',
-            numberOfCells: 2,
-            currentActions: ['addRowOrColumn', 'copyOrCut'],
-          });
-        },
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2{cell>}'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-          expect(rowOrColumnMoved).toEqual(undefined);
-        },
-      );
-    });
-
-    describe('should remove plugin state when row is inserted and then copied and pasted', () => {
-      ffTest(
-        'platform.editor.table.analytics-plugin-moved-event',
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('a1')), td({})(p('a2'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          insertRow(0, false)(editorView.state, editorView.dispatch);
-          selectRow(0)(editorView.state, editorView.dispatch);
-
-          const { dom, text } = __serializeForClipboard(
-            editorView,
-            editorView.state.selection.content(),
-          );
-
-          // place cursor in first cell
-          editorView.dispatch(
-            editorView.state.tr.setSelection(
-              new TextSelection(
-                editorView.state.doc.resolve(4),
-                editorView.state.doc.resolve(4),
-              ),
-            ),
-          );
-
-          dispatchPasteEvent(editorView, { html: dom.innerHTML, plain: text });
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-
-          expect(rowOrColumnMoved).toEqual({
-            type: undefined,
-            numberOfCells: undefined,
-            currentActions: [],
-          });
-        },
-        () => {
-          const { editorView } = editor(
-            doc(
-              table()(
-                tr(td({})(p('{<cell}a1')), td({})(p('a2{cell>}'))),
-                tr(td({})(p('b1')), td({})(p('b2'))),
-              ),
-            ),
-          );
-
-          const { rowOrColumnMoved } =
-            pluginKey.getState(editorView.state) || {};
-          expect(rowOrColumnMoved).toEqual(undefined);
-        },
-      );
-    });
-  });
-});

package/src/__tests__/unit/pm-plugins/decorations/column-controls.ts

@@ -1,94 +0,0 @@
-import type { DocBuilder } from '@atlaskit/editor-common/types';
-import type { LightEditorPlugin } from '@atlaskit/editor-core/src/create-editor/get-plugins';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import { gridPlugin } from '@atlaskit/editor-plugin-grid';
-import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
-import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-// 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';
-import {
-  doc,
-  table,
-  tdCursor,
-  tdEmpty,
-  tr,
-} from '@atlaskit/editor-test-helpers/doc-builder';
-
-import tablePlugin from '../../../../plugin';
-import { buildColumnControlsDecorations } from '../../../../pm-plugins/decorations/utils';
-import { pluginKey } from '../../../../pm-plugins/plugin-key';
-import { TableDecorations } from '../../../../types';
-
-describe('tables: column controls decorations', () => {
-  const createEditor = createProsemirrorEditorFactory();
-  const editor = (doc: DocBuilder, isDragAndDropEnabled = false) =>
-    createEditor({
-      doc,
-      attachTo: document.body,
-      featureFlags: {
-        tableDragAndDrop: isDragAndDropEnabled,
-      },
-      preset: new Preset<LightEditorPlugin>()
-        .add([featureFlagsPlugin, {}])
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(decorationsPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add(gridPlugin)
-        .add(selectionPlugin)
-        .add([
-          tablePlugin,
-          {
-            tableOptions: { advanced: true },
-          },
-        ]),
-      pluginKey,
-    });
-
-  it(`should return an empty decorationSet ${TableDecorations.COLUMN_CONTROLS_DECORATIONS} type when drag and drop is enabled`, () => {
-    const decorationKey = TableDecorations.COLUMN_CONTROLS_DECORATIONS;
-    const editorInstance = editor(doc(table()(tr(tdCursor, tdEmpty))), true);
-    const state = editorInstance.editorView.state;
-    const nextDecorationSet = buildColumnControlsDecorations({
-      decorationSet: DecorationSet.empty,
-      tr: state.tr,
-      options: { isDragAndDropEnabled: true },
-    });
-
-    const decorations = nextDecorationSet.find(
-      undefined,
-      undefined,
-      (spec: any) => spec.key.indexOf(decorationKey) > -1,
-    );
-
-    expect(decorations).toHaveLength(0);
-  });
-
-  it(`should return an empty decorationSet ${TableDecorations.COLUMN_CONTROLS_DECORATIONS} type when drag and drop is disabled`, () => {
-    const decorationKey = TableDecorations.COLUMN_CONTROLS_DECORATIONS;
-    const editorInstance = editor(doc(table()(tr(tdCursor, tdEmpty))), false);
-    const state = editorInstance.editorView.state;
-    const nextDecorationSet = buildColumnControlsDecorations({
-      decorationSet: DecorationSet.empty,
-      tr: state.tr,
-      options: { isDragAndDropEnabled: false },
-    });
-
-    const decorations = nextDecorationSet.find(
-      undefined,
-      undefined,
-      (spec: any) => spec.key.indexOf(decorationKey) > -1,
-    );
-
-    expect(decorations).toHaveLength(2);
-  });
-});