@atlaskit/editor-plugin-table 1.3.0 → 1.4.0

package/examples/99-testing.tsx

@@ -12,72 +12,14 @@ import {
   createEditorExampleForTests,
   mapProvidersToProps,
 } from '@atlaskit/editor-core/example-helpers/create-editor-example-for-tests';
-import { Editor, ContextPanel } from '@atlaskit/editor-core/src';
+import {
+  EditorMigrationComponent as Editor,
+  ContextPanel,
+} from '@atlaskit/editor-core/src';
 import { SaveAndCancelButtons } from '@atlaskit/editor-core/examples/5-full-page';
 import { TitleInput } from '@atlaskit/editor-core/example-helpers/PageElements';
 import { getDefaultLinkPickerOptions } from '@atlaskit/editor-core/example-helpers/link-picker';
 import { CollabEditOptions } from '@atlaskit/editor-core/src/plugins/collab-edit';
-import { tablesPlugin as createTablesPlugin } from '../src';
-
-import type { RelativeSelectionPos } from '@atlaskit/editor-common/selection';
-import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
-import type { FeatureFlags as EditorFeatureFlags } from '@atlaskit/editor-common/types';
-import type { Transaction, Selection, EditorState } from 'prosemirror-state';
-import type {
-  EditorAnalyticsAPI,
-  AnalyticsEventPayload,
-} from '@atlaskit/editor-common/analytics';
-
-const editorAnalyticsAPI: EditorAnalyticsAPI = {
-  attachAnalyticsEvent: (payload: AnalyticsEventPayload) => {
-    // You can send your payload to anyplace
-    // It is recommend that you delay any blocking operation
-    // with 'requestIdleCallback' or 'requestAnimationFrame'
-    if (window.requestAnimationFrame) {
-      window.requestAnimationFrame(() => {
-        /* sending my data */
-        console.log('Sending...', payload);
-      });
-    }
-
-    return (_tr: Transaction) => {
-      // Probably, you don't care about this.
-      // just return true;
-      return true;
-    };
-  },
-};
-const editorSelectionAPI = {
-  getSelectionPluginState: (state: EditorState) => {
-    // DO NOT COPY THIS KIND OF CODE OUTSIDE OF THIS API
-    // IT IS DANGEROUS AND YOU WILL BREAK SOMETHING
-    return (state as any)['selection$'];
-  },
-  setSelectionRelativeToNode:
-    ({
-      selectionRelativeToNode,
-      selection,
-    }: {
-      selectionRelativeToNode?: RelativeSelectionPos;
-      selection?: Selection | null;
-    }) =>
-    (state: EditorState) => {
-      const tr = state.tr;
-
-      // THE CODE BELOW IS REALLY WRONG
-      // DO NOT EVEN THINK TO USE THIS ANYWHERE ELSE
-      tr.setMeta('selection$', {
-        type: 'SET_RELATIVE_SELECTION',
-        selectionRelativeToNode,
-      });
-
-      if (selection) {
-        tr.setSelection(selection);
-      }
-
-      return tr;
-    },
-};
 
 export default function EditorExampleForIntegrationTests({ clipboard = true }) {
   return createEditorExampleForTests<any>(
@@ -152,37 +94,6 @@ export default function EditorExampleForIntegrationTests({ clipboard = true }) {
         };
       }
 
-      const tableOptions =
-        !props.allowTables || typeof props.allowTables === 'boolean'
-          ? {}
-          : props.allowTables;
-
-      const getEditorFeatureFlags = (): EditorFeatureFlags => {
-        const normalizedFeatureFlags = normalizeFeatureFlags(
-          props.featureFlags,
-        );
-
-        return {
-          ...normalizedFeatureFlags,
-        };
-      };
-
-      const isMobile = props.appearance === 'mobile';
-      const tablesPlugin = createTablesPlugin({
-        tableOptions,
-        breakoutEnabled: props.appearance === 'full-page',
-        allowContextualMenu: !isMobile,
-        fullWidthEnabled: props.appearance === 'full-width',
-        editorAnalyticsAPI,
-        editorSelectionAPI,
-        getEditorFeatureFlags,
-      });
-
-      props.allowTables = false;
-      const dangerouslyAppendPlugins = {
-        __plugins: [tablesPlugin],
-      };
-
       const createCollabEdit = (userId: string): CollabEditOptions => {
         return {
           provider: createCollabEditProvider({ userId }),
@@ -202,7 +113,6 @@ export default function EditorExampleForIntegrationTests({ clipboard = true }) {
               onChange={onChange}
               onDestroy={onDestroy}
               collabEdit={collabEdit}
-              dangerouslyAppendPlugins={dangerouslyAppendPlugins}
             />
           </IntlProvider>
         );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -11,6 +11,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "atlassian": {
@@ -19,13 +27,15 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^25.6.0",
-    "@atlaskit/editor-common": "^74.0.0",
-    "@atlaskit/editor-palette": "1.4.0",
+    "@atlaskit/editor-common": "^74.1.0",
+    "@atlaskit/editor-palette": "1.4.1",
+    "@atlaskit/editor-plugin-analytics": "^0.0.1",
+    "@atlaskit/editor-plugin-content-insertion": "^0.0.1",
     "@atlaskit/editor-shared-styles": "^2.4.0",
     "@atlaskit/editor-tables": "^2.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -36,11 +46,11 @@
     "memoize-one": "^6.0.0",
     "prosemirror-commands": "1.1.11",
     "prosemirror-keymap": "1.1.4",
-    "prosemirror-model": "1.14.3",
+    "prosemirror-model": "1.16.0",
     "prosemirror-state": "1.3.4",
     "prosemirror-transform": "1.3.2",
     "prosemirror-utils": "^1.0.0-0",
-    "prosemirror-view": "1.23.2",
+    "prosemirror-view": "1.23.7",
     "raf-schd": "^4.0.3",
     "uuid": "^3.1.0"
   },
@@ -52,9 +62,9 @@
   "devDependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.7.0",
-    "@atlaskit/editor-core": "^183.0.0",
+    "@atlaskit/editor-core": "^183.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
-    "@atlaskit/editor-test-helpers": "^18.2.0",
+    "@atlaskit/editor-test-helpers": "^18.3.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
@@ -67,7 +77,7 @@
     "@types/prosemirror-history": "^1.0.1",
     "prosemirror-history": "^1.1.3",
     "raf-stub": "^2.0.1",
-    "typescript": "4.5.5"
+    "typescript": "~4.9.5"
   },
   "af:exports": {
     "./types": "./src/plugins/table/types.ts",

package/plugin-key/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/plugins/table/pm-plugins/plugin-key.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/plugins/table/pm-plugins/plugin-key.d.ts"
+        "../dist/types-ts4.5/plugins/table/pm-plugins/plugin-key.d.ts"
       ]
     }
   }

package/report.api.md

@@ -15,12 +15,19 @@
 <!--SECTION START: Main Entry Types-->
 
 ```ts
+import { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { TableLayout } from '@atlaskit/adf-schema';
 
+// @public (undocumented)
+type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
+
 // @public (undocumented)
 type PermittedLayoutsDescriptor = 'all' | TableLayout[];
 
@@ -97,6 +104,10 @@ export const tablesPlugin: NextEditorPlugin<
   'table',
   {
     pluginConfiguration: TablePluginOptions | undefined;
+    actions: {
+      insertTable: InsertTableAction;
+    };
+    dependencies: [typeof analyticsPlugin, typeof contentInsertionPlugin];
   }
 >;
 

package/src/__tests__/unit/analytics.ts

@@ -43,6 +43,9 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import tablePlugin from '../../plugins/table-plugin';
 import typeAheadPlugin from '@atlaskit/editor-core/src/plugins/type-ahead';
 import quickInsertPlugin from '@atlaskit/editor-core/src/plugins/quick-insert';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const defaultTableDoc = doc(
   table()(
@@ -78,7 +81,10 @@ describe('Table analytic events', () => {
     const _editor = createEditor({
       doc,
       preset: new Preset<LightEditorPlugin>()
+        .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
         .add(typeAheadPlugin)
+        .add(contentInsertionPlugin)
         .add(quickInsertPlugin)
         .add([
           tablePlugin,

package/src/__tests__/unit/collab.ts

@@ -19,6 +19,9 @@ import {
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import tablePlugin from '../../plugins/table-plugin';
 import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -36,6 +39,9 @@ describe('Tables with Collab editing', () => {
     return createEditor({
       doc,
       preset: new Preset<LightEditorPlugin>()
+        .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
         .add([tablePlugin, { tableOptions }])
         .add(widthPlugin),
       pluginKey: tablePluginKey,

package/src/__tests__/unit/color-picker.ts

@@ -24,6 +24,8 @@ import tablePlugin from '../../plugins/table';
 import { setEditorFocus, setTableRef } from '../../plugins/table/commands';
 import { getToolbarConfig } from '../../plugins/table/toolbar';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const formatMessage: (t: { id: string }) => string = (message) =>
   `${message.id}`;
@@ -42,6 +44,8 @@ describe('color picker', () => {
       attachTo: document.body,
       preset: new Preset<LightEditorPlugin>()
         .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
         .add(dataConsumerPlugin)
         .add(extensionPlugin)
         .add(tablePlugin),

package/src/__tests__/unit/commands/go-to-next-cell.ts

@@ -20,6 +20,9 @@ import tablePlugin from '../../../plugins/table/index';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { TablePluginState } from '../../../plugins/table/types';
 import { goToNextCell } from '../../../plugins/table/commands/go-to-next-cell';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -30,7 +33,11 @@ describe('table plugin: goToNextCell', () => {
     attachAnalyticsEvent: jest.fn().mockReturnValue(() => jest.fn()),
   };
   const createEditor = createProsemirrorEditorFactory();
-  const preset = new Preset<LightEditorPlugin>().add(tablePlugin);
+  const preset = new Preset<LightEditorPlugin>()
+    .add([featureFlagsPlugin, {}])
+    .add([analyticsPlugin, {}])
+    .add(contentInsertionPlugin)
+    .add(tablePlugin);
   const editor = (doc: DocBuilder) =>
     createEditor<TablePluginState, PluginKey>({
       doc,

package/src/__tests__/unit/commands/insert.ts

@@ -21,6 +21,9 @@ import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { TablePluginState } from '../../../plugins/table/types';
 import { addColumnAt } from '../../../plugins/table/commands/insert';
 import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -38,6 +41,9 @@ describe('table plugin: insert', () => {
     const createEditor = createProsemirrorEditorFactory();
 
     const preset = new Preset<LightEditorPlugin>()
+      .add([featureFlagsPlugin, {}])
+      .add([analyticsPlugin, {}])
+      .add(contentInsertionPlugin)
       .add([
         tablePlugin,
         {

package/src/__tests__/unit/commands/misc.ts

@@ -27,15 +27,23 @@ import {
   TablePluginState,
 } from '../../../plugins/table/types';
 import tablePlugin from '../../../plugins/table';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 describe('table plugin: commands', () => {
   const createEditor = createProsemirrorEditorFactory();
-  const preset = new Preset<LightEditorPlugin>().add(panelPlugin).add([
-    tablePlugin,
-    {
-      tableOptions: { allowHeaderColumn: true },
-    },
-  ]);
+  const preset = new Preset<LightEditorPlugin>()
+    .add([featureFlagsPlugin, {}])
+    .add([analyticsPlugin, {}])
+    .add(panelPlugin)
+    .add(contentInsertionPlugin)
+    .add([
+      tablePlugin,
+      {
+        tableOptions: { allowHeaderColumn: true },
+      },
+    ]);
   const editor = (doc: DocBuilder) =>
     createEditor<TablePluginState, PluginKey>({
       doc,

package/src/__tests__/unit/commands/sort.ts

@@ -26,6 +26,8 @@ import editorDisabledPlugin from '@atlaskit/editor-core/src/plugins/editor-disab
 import hyperlinkPlugin from '@atlaskit/editor-core/src/plugins/hyperlink';
 import datePlugin from '@atlaskit/editor-core/src/plugins/date';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -41,10 +43,11 @@ describe('Sort Table', () => {
   const createEditor = createProsemirrorEditorFactory();
   it('should test a basic table with heading', () => {
     const { editorView } = createEditor({
-      preset: new Preset<LightEditorPlugin>().add([
-        tablePlugin,
-        { tableOptions: { allowHeaderRow: true } },
-      ]),
+      preset: new Preset<LightEditorPlugin>()
+        .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
+        .add([tablePlugin, { tableOptions: { allowHeaderRow: true } }]),
       doc: doc(
         table()(
           tr(th({})(p('Number{<>}'))),
@@ -70,10 +73,11 @@ describe('Sort Table', () => {
 
   it('should test a basic table descending', () => {
     const { editorView } = createEditor({
-      preset: new Preset<LightEditorPlugin>().add([
-        tablePlugin,
-        { tableOptions: { allowHeaderRow: true } },
-      ]),
+      preset: new Preset<LightEditorPlugin>()
+        .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
+        .add([tablePlugin, { tableOptions: { allowHeaderRow: true } }]),
       doc: doc(
         table()(tr(td({})(p('2{<>}'))), tr(td({})(p('5'))), tr(td({})(p('4')))),
       ),
@@ -93,10 +97,11 @@ describe('Sort Table', () => {
 
   it('should test a basic table ascending', () => {
     const { editorView } = createEditor({
-      preset: new Preset<LightEditorPlugin>().add([
-        tablePlugin,
-        { tableOptions: { allowHeaderRow: true } },
-      ]),
+      preset: new Preset<LightEditorPlugin>()
+        .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
+        .add([tablePlugin, { tableOptions: { allowHeaderRow: true } }]),
       doc: doc(
         table()(tr(td({})(p('2{<>}'))), tr(td({})(p('5'))), tr(td({})(p('4')))),
       ),
@@ -121,6 +126,8 @@ describe('Sort Table', () => {
       ({ editorView } = createEditor({
         preset: new Preset<LightEditorPlugin>()
           .add([featureFlagsPlugin, {}])
+          .add([analyticsPlugin, {}])
+          .add(contentInsertionPlugin)
           .add(editorDisabledPlugin)
           .add([tablePlugin, { tableOptions: { allowHeaderRow: true } }])
           .add([statusPlugin, { menuDisabled: false }])

package/src/__tests__/unit/commands.ts

@@ -59,8 +59,12 @@ import panelPlugin from '@atlaskit/editor-core/src/plugins/panel';
 import expandPlugin from '@atlaskit/editor-core/src/plugins/expand';
 import extensionPlugin from '@atlaskit/editor-core/src/plugins/extension';
 import mediaPlugin from '@atlaskit/editor-core/src/plugins/media';
+import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import gridPlugin from '@atlaskit/editor-core/src/plugins/grid';
 import textFormattingPlugin from '@atlaskit/editor-core/src/plugins/text-formatting';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -80,6 +84,10 @@ describe('table plugin: actions', () => {
       attachTo: document.body,
       preset: new Preset<LightEditorPlugin>()
         .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
+        .add(widthPlugin)
+        .add(gridPlugin)
         .add(tablePlugin)
         .add(panelPlugin)
         .add(textFormattingPlugin)
@@ -341,12 +349,12 @@ describe('table plugin: actions', () => {
         editorView.state,
         dispatch,
       );
-      expect(editorView.state.doc).toEqualDocument(
+      expect(editorView.state).toEqualDocumentAndSelection(
         doc(
           p('text'),
           table({ localId: TABLE_LOCAL_ID })(
             tr(tdEmpty, tdEmpty, tdEmpty),
-            tr(td({ colspan: 2 })(panelNote(p('text'))), tdEmpty),
+            tr(td({ colspan: 2 })(panelNote(p('te{<>}xt'))), tdEmpty),
           ),
         ),
       );

package/src/__tests__/unit/copy-paste.ts

@@ -43,6 +43,9 @@ import { transformSliceToRemoveOpenExpand } from '@atlaskit/editor-common/transf
 import { Schema } from 'prosemirror-model';
 import tablePlugin from '../../plugins/table-plugin';
 import undoRedoPlugin from '@atlaskit/editor-core/src/plugins/undo-redo';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 const array = (...args: any): Node[] => args.map((i: any) => i(defaultSchema));
@@ -101,6 +104,9 @@ describe('table plugin', () => {
   } as PluginConfig;
 
   const preset = new Preset<LightEditorPlugin>()
+    .add([featureFlagsPlugin, {}])
+    .add([analyticsPlugin, {}])
+    .add(contentInsertionPlugin)
     .add([tablePlugin, { tableOptions }])
     .add(undoRedoPlugin);
 

package/src/__tests__/unit/event-handlers/index.ts

@@ -17,6 +17,9 @@ import { setDragging } from '../../../plugins/table/pm-plugins/table-resizing/co
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import tablePlugin from '../../../plugins/table-plugin';
 import { PluginKey } from 'prosemirror-state';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 describe('event-handlers', () => {
   let editor: any;
@@ -25,10 +28,11 @@ describe('event-handlers', () => {
     describe('when allowColumnResizing is false', () => {
       beforeEach(() => {
         const createEditor = createProsemirrorEditorFactory();
-        const preset = new Preset<LightEditorPlugin>().add([
-          tablePlugin,
-          { tableOptions: { allowColumnResizing: false } },
-        ]);
+        const preset = new Preset<LightEditorPlugin>()
+          .add([featureFlagsPlugin, {}])
+          .add([analyticsPlugin, {}])
+          .add(contentInsertionPlugin)
+          .add([tablePlugin, { tableOptions: { allowColumnResizing: false } }]);
         editor = (doc: DocBuilder) =>
           createEditor<TablePluginState, PluginKey>({
             doc,
@@ -55,10 +59,11 @@ describe('event-handlers', () => {
     describe('when allowColumnResizing is true', () => {
       beforeEach(() => {
         const createEditor = createProsemirrorEditorFactory();
-        const preset = new Preset<LightEditorPlugin>().add([
-          tablePlugin,
-          { tableOptions: { allowColumnResizing: false } },
-        ]);
+        const preset = new Preset<LightEditorPlugin>()
+          .add([featureFlagsPlugin, {}])
+          .add([analyticsPlugin, {}])
+          .add(contentInsertionPlugin)
+          .add([tablePlugin, { tableOptions: { allowColumnResizing: false } }]);
         editor = (doc: DocBuilder) =>
           createEditor<TablePluginState, PluginKey>({
             doc,

package/src/__tests__/unit/event-handlers.ts

@@ -35,14 +35,22 @@ import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import { TableCssClassName as ClassName } from '../../plugins/table/types';
 import tablePlugin from '../../plugins/table-plugin';
 import mediaPlugin from '@atlaskit/editor-core/src/plugins/media';
+import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import gridPlugin from '@atlaskit/editor-core/src/plugins/grid';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 describe('table plugin: decorations', () => {
   const createEditor = createProsemirrorEditorFactory();
   const editor = (doc: DocBuilder) =>
     createEditor({
       doc,
-      preset: new Preset<LightEditorPlugin>().add(tablePlugin),
+      preset: new Preset<LightEditorPlugin>()
+        .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
+        .add(tablePlugin),
       pluginKey,
     });
 
@@ -156,6 +164,10 @@ describe('table event handlers', () => {
       attachTo: document.body,
       preset: new Preset<LightEditorPlugin>()
         .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
+        .add(widthPlugin)
+        .add(gridPlugin)
         .add(tablePlugin)
         .add([
           mediaPlugin,

package/src/__tests__/unit/fix-tables.ts

@@ -16,6 +16,9 @@ import { PluginConfig } from '../../plugins/table/types';
 
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import tablePlugin from '../../plugins/table-plugin';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -36,10 +39,11 @@ describe('fix tables', () => {
     return createEditor({
       doc,
       attachTo: document.body,
-      preset: new Preset<LightEditorPlugin>().add([
-        tablePlugin,
-        { tableOptions },
-      ]),
+      preset: new Preset<LightEditorPlugin>()
+        .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
+        .add([tablePlugin, { tableOptions }]),
       pluginKey: tablePluginKey,
     });
   };

package/src/__tests__/unit/get-toolbar-config.ts

@@ -29,6 +29,8 @@ import type {
   GetEditorFeatureFlags,
 } from '@atlaskit/editor-common/types';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 const formatMessage: (t: { id: string }) => string = (message) =>
   `${message.id}`;
@@ -75,6 +77,8 @@ describe('getToolbarConfig', () => {
       attachTo: document.body,
       preset: new Preset<LightEditorPlugin>()
         .add([featureFlagsPlugin, {}])
+        .add([analyticsPlugin, {}])
+        .add(contentInsertionPlugin)
         .add(dataConsumerPlugin)
         .add(extensionPlugin)
         .add(tablePlugin),

package/src/__tests__/unit/handlers.ts

@@ -18,6 +18,9 @@ import { handleDocOrSelectionChanged } from '../../plugins/table/handlers';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import { defaultTableSelection } from '../../plugins/table/pm-plugins/default-table-selection';
 import tablePlugin from '../../plugins/table-plugin';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 
 describe('table action handlers', () => {
   let editor: any;
@@ -25,7 +28,11 @@ describe('table action handlers', () => {
 
   beforeEach(() => {
     const createEditor = createProsemirrorEditorFactory();
-    const preset = new Preset<LightEditorPlugin>().add(tablePlugin);
+    const preset = new Preset<LightEditorPlugin>()
+      .add([featureFlagsPlugin, {}])
+      .add([analyticsPlugin, {}])
+      .add(contentInsertionPlugin)
+      .add(tablePlugin);
 
     editor = (doc: DocBuilder) =>
       createEditor<TablePluginState, PluginKey>({