@atlaskit/editor-plugin-table 1.3.1 → 1.4.0

package/dist/types-ts4.5/plugins/table/ui/TableFloatingControls/RowControls/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { EditorView } from 'prosemirror-view';
+import type { WrappedComponentProps } from 'react-intl-next';
+export interface Props {
+    editorView: EditorView;
+    tableRef: HTMLTableElement;
+    selectRow: (row: number, expand: boolean) => void;
+    hoverRows: (rows: number[], danger?: boolean) => void;
+    hoveredRows?: number[];
+    isInDanger?: boolean;
+    isResizing?: boolean;
+    insertRowButtonIndex?: number;
+    stickyTop?: number;
+}
+export declare const RowControls: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};

package/dist/types-ts4.5/plugins/table/ui/TableFloatingControls/index.d.ts

@@ -0,0 +1,40 @@
+import { Component } from 'react';
+import { Selection } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import type { TableColumnOrdering } from '@atlaskit/adf-schema/steps';
+import { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+export interface Props {
+    editorView: EditorView;
+    getEditorFeatureFlags: GetEditorFeatureFlags;
+    selection?: Selection;
+    tableRef?: HTMLTableElement;
+    tableActive?: boolean;
+    isInDanger?: boolean;
+    isResizing?: boolean;
+    isHeaderRowEnabled?: boolean;
+    isHeaderColumnEnabled?: boolean;
+    isNumberColumnEnabled?: boolean;
+    hasHeaderRow?: boolean;
+    tableHeight?: number;
+    headerRowHeight?: number;
+    hoveredRows?: number[];
+    ordering?: TableColumnOrdering;
+    stickyHeader?: RowStickyState;
+}
+interface State {
+    tableHeight: number;
+}
+export default class TableFloatingControls extends Component<Props, State> {
+    static displayName: string;
+    private resizeObserver?;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    private tryInitResizeObserver;
+    shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
+    componentWillUnmount(): void;
+    render(): JSX.Element | null;
+    private selectRow;
+    private hoverRows;
+}
+export {};

package/dist/types-ts4.5/plugins/table/ui/common-styles.d.ts

@@ -0,0 +1,8 @@
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const insertColumnButtonOffset: number;
+export declare const tableStyles: (props: ThemeProps & {
+    featureFlags?: FeatureFlags;
+}) => import("@emotion/react").SerializedStyles;
+export declare const tableFullPageEditorStyles: import("@emotion/react").SerializedStyles;
+export declare const tableCommentEditorStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/table/ui/consts.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Basic colors added to prevent content overflow in table cells.
+ */
+export declare const tableCellBackgroundColor: import("@atlaskit/theme").ThemedValue<"var(--ds-surface)">;
+export declare const tableToolbarColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral-subtle)">;
+export declare const tableTextColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-subtlest)">;
+export declare const tableBorderColor: import("@atlaskit/theme").ThemedValue<"var(--ds-border)">;
+export declare const tableFloatingControlsColor: "var(--ds-background-neutral)";
+export declare const tableCellSelectedColor: "var(--ds-blanket-selected)";
+export declare const tableToolbarSelectedColor: "var(--ds-background-selected-bold)";
+export declare const tableBorderSelectedColor: "var(--ds-border-selected)";
+export declare const tableCellDeleteColor: "var(--ds-blanket-danger)";
+export declare const tableBorderDeleteColor: "var(--ds-border-danger)";
+export declare const tableToolbarDeleteColor: "var(--ds-background-danger-bold)";
+export declare const tableBorderRadiusSize = 3;
+export declare const tablePadding = 8;
+export declare const tableScrollbarOffset = 15;
+export declare const tableMarginFullWidthMode = 2;
+export declare const tableInsertColumnButtonSize = 20;
+export declare const tableDeleteButtonSize = 16;
+export declare const tableDeleteButtonOffset = 6;
+export declare const tableToolbarSize = 11;
+export declare const tableControlsSpacing: number;
+export declare const tableInsertColumnButtonOffset = 3;
+export declare const layoutButtonSize = 32;
+export declare const lineMarkerOffsetFromColumnControls = 13;
+export declare const lineMarkerSize = 4;
+export declare const columnControlsDecorationHeight = 25;
+export declare const columnControlsZIndex: number;
+export declare const columnControlsSelectedZIndex: number;
+export declare const columnResizeHandleZIndex: number;
+export declare const resizeHandlerAreaWidth: number;
+export declare const resizeLineWidth = 2;
+export declare const resizeHandlerZIndex: number;
+export declare const contextualMenuTriggerSize = 16;
+export declare const contextualMenuDropdownWidth = 180;
+export declare const stickyRowZIndex: number;
+export declare const stickyRowOffsetTop = 8;
+export declare const stickyHeaderBorderBottomWidth = 1;

package/dist/types-ts4.5/plugins/table/ui/messages.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+    insertColumn: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    removeColumns: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    insertRow: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    removeRows: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cellOptions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalOKButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalMessagePrefix: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmModalCheckboxLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteElementTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unnamedSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/dist/types-ts4.5/plugins/table/ui/ui-styles.d.ts

@@ -0,0 +1,15 @@
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const InsertMarker: (props: ThemeProps, cssString?: string) => import("@emotion/react").SerializedStyles;
+export declare const HeaderButton: (props: ThemeProps, cssString?: string) => import("@emotion/react").SerializedStyles;
+export declare const HeaderButtonHover: () => import("@emotion/react").SerializedStyles;
+export declare const HeaderButtonDanger: () => import("@emotion/react").SerializedStyles;
+export declare const insertColumnButtonWrapper: import("@emotion/react").SerializedStyles;
+export declare const insertRowButtonWrapper: import("@emotion/react").SerializedStyles;
+export declare const columnControlsLineMarker: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const DeleteButton: import("@emotion/react").SerializedStyles;
+export declare const OverflowShadow: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const columnControlsDecoration: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const hoveredDeleteButton: import("@emotion/react").SerializedStyles;
+export declare const hoveredCell: import("@emotion/react").SerializedStyles;
+export declare const hoveredWarningCell: import("@emotion/react").SerializedStyles;
+export declare const resizeHandle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/table/utils/analytics.d.ts

@@ -0,0 +1,18 @@
+import { Selection } from 'prosemirror-state';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
+import type { AnalyticsEventPayload, AnalyticsEventPayloadCallback, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { HigherOrderCommand } from '@atlaskit/editor-common/types';
+export declare function getSelectedTableInfo(selection: Selection): {
+    table: import("prosemirror-utils").ContentNodeWithPos | undefined;
+    map: TableMap | undefined;
+    totalRowCount: number;
+    totalColumnCount: number;
+};
+export declare function getSelectedCellInfo(selection: Selection): {
+    totalRowCount: number;
+    totalColumnCount: number;
+    horizontalCells: number;
+    verticalCells: number;
+    totalCells: number;
+};
+export declare const withEditorAnalyticsAPI: (payload: AnalyticsEventPayload | AnalyticsEventPayloadCallback) => (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => HigherOrderCommand;

package/dist/types-ts4.5/plugins/table/utils/collapse.d.ts

@@ -0,0 +1,29 @@
+import { NodeType, NodeRange, Schema } from 'prosemirror-model';
+import { Transaction, ReadonlyTransaction } from 'prosemirror-state';
+interface IsTableCollapsibleResult<S extends Schema = any> {
+    tableIsCollapsible: boolean;
+    range?: NodeRange;
+    findWrappingRes?: Array<{
+        type: NodeType<S>;
+        attrs?: {
+            [key: string]: any;
+        } | null;
+    }> | null | undefined;
+}
+/**
+ * Checks whether we can wrap the selected table into an expand via
+ * prosemirror-transform's `findWrapping` helper
+ */
+export declare const isTableCollapsible: (tr: Transaction | ReadonlyTransaction) => IsTableCollapsibleResult;
+/**
+ * Collapses the selected table into an expand given a transaction via
+ * `Transform.wrap`.
+ *
+ * Will return undefined if it cannot determine the relevant table from a
+ * selection, or if the table itself isn't collapsible.
+ *
+ * @param tr
+ * @returns Transaction | undefined
+ */
+export declare const collapseSelectedTable: (tr: Transaction) => Transaction | undefined;
+export {};

package/dist/types-ts4.5/plugins/table/utils/column-controls.d.ts

@@ -0,0 +1,10 @@
+import { Selection } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+export declare const getColumnsWidths: (view: EditorView) => Array<number | undefined>;
+export declare const isColumnDeleteButtonVisible: (selection: Selection) => boolean;
+export declare const getColumnDeleteButtonParams: (columnsWidths: Array<number | undefined>, selection: Selection) => {
+    left: number;
+    indexes: number[];
+} | null;
+export declare const getColumnClassNames: (index: number, selection: Selection, hoveredColumns?: number[], isInDanger?: boolean, isResizing?: boolean) => string;
+export declare const colWidthsForRow: (colGroup: HTMLTableColElement | null, tr: HTMLTableRowElement) => string;

package/dist/types-ts4.5/plugins/table/utils/decoration.d.ts

@@ -0,0 +1,16 @@
+import { Node as PmNode } from 'prosemirror-model';
+import { Selection, Transaction, ReadonlyTransaction } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { Cell, CellColumnPositioning, TableDecorations } from '../types';
+export declare const findColumnControlSelectedDecoration: (decorationSet: DecorationSet) => Decoration[];
+export declare const findControlsHoverDecoration: (decorationSet: DecorationSet) => Decoration[];
+export declare const createCellHoverDecoration: (cells: Cell[], type: 'warning') => Decoration[];
+export declare const createControlsHoverDecoration: (cells: Cell[], type: 'row' | 'column' | 'table', tr: Transaction | ReadonlyTransaction, danger?: boolean, selected?: boolean) => Decoration[];
+export declare const createColumnSelectedDecoration: (tr: Transaction | ReadonlyTransaction) => Decoration[];
+export declare const createColumnControlsDecoration: (selection: Selection) => Decoration[];
+export declare const updateDecorations: (node: PmNode, decorationSet: DecorationSet, decorations: Decoration[], key: TableDecorations) => DecorationSet;
+export declare const createResizeHandleDecoration: (tr: Transaction | ReadonlyTransaction, rowIndexTarget: number, columnEndIndexTarget: Omit<CellColumnPositioning, 'left'>) => [
+    Decoration[],
+    Decoration[]
+];
+export declare const createColumnLineResize: (selection: Selection, cellColumnPositioning: Omit<CellColumnPositioning, 'left'>) => Decoration[];

package/dist/types-ts4.5/plugins/table/utils/dom.d.ts

@@ -0,0 +1,20 @@
+import { ElementContentRects } from '../types';
+export declare const isCell: (node: HTMLElement | null) => boolean;
+export declare const isCornerButton: (node: HTMLElement | null) => boolean;
+export declare const isInsertRowButton: (node: HTMLElement | null) => boolean | HTMLElement | null;
+export declare const getColumnOrRowIndex: (target: HTMLElement) => [
+    number,
+    number
+];
+export declare const isColumnControlsDecorations: (node: HTMLElement | null) => boolean;
+export declare const isRowControlsButton: (node: HTMLElement | null) => boolean;
+export declare const isResizeHandleDecoration: (node: HTMLElement | null) => boolean;
+export declare const isTableControlsButton: (node: HTMLElement | null) => boolean;
+export declare const isTableContainerOrWrapper: (node: HTMLElement | null) => boolean;
+export declare const getMousePositionHorizontalRelativeByElement: (mouseEvent: MouseEvent, mouseMoveOptimization?: boolean, elementContentRects?: ElementContentRects, gapInPixels?: number) => 'left' | 'right' | null;
+export declare const getMousePositionVerticalRelativeByElement: (mouseEvent: MouseEvent) => 'top' | 'bottom' | null;
+export declare const updateResizeHandles: (tableRef?: HTMLElement) => void;
+export declare const hasResizeHandler: ({ columnEndIndexTarget, target, }: {
+    columnEndIndexTarget: number;
+    target: HTMLElement;
+}) => boolean;

package/dist/types-ts4.5/plugins/table/utils/get-allow-add-column-custom-step.d.ts

@@ -0,0 +1,2 @@
+import { EditorState } from 'prosemirror-state';
+export declare function getAllowAddColumnCustomStep(state: EditorState): boolean;

package/dist/types-ts4.5/plugins/table/utils/index.d.ts

@@ -0,0 +1,11 @@
+export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated, } from './selection';
+export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnLineResize, } from './decoration';
+export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isLayoutSupported, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, } from './nodes';
+export { unwrapContentFromTable, removeTableFromFirstChild, removeTableFromLastChild, transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, } from './paste';
+export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, updateResizeHandles, isResizeHandleDecoration, hasResizeHandler, } from './dom';
+export { getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, } from './column-controls';
+export { getRowHeights, isRowDeleteButtonVisible, getRowDeleteButtonParams, getRowsParams, getRowClassNames, copyPreviousRow, } from './row-controls';
+export type { RowParams } from './row-controls';
+export { getSelectedTableInfo, getSelectedCellInfo } from './analytics';
+export { getMergedCellsPositions } from './table';
+export { updatePluginStateDecorations } from './update-plugin-state-decorations';

package/dist/types-ts4.5/plugins/table/utils/nodes.d.ts

@@ -0,0 +1,12 @@
+import { Node as PmNode } from 'prosemirror-model';
+import { EditorState, Selection } from 'prosemirror-state';
+export declare const isIsolating: (node: PmNode) => boolean;
+export declare const containsHeaderColumn: (table: PmNode) => boolean;
+export declare const containsHeaderRow: (table: PmNode) => boolean;
+export declare const checkIfHeaderColumnEnabled: (selection: Selection) => boolean;
+export declare const checkIfHeaderRowEnabled: (selection: Selection) => boolean;
+export declare const checkIfNumberColumnEnabled: (selection: Selection) => boolean;
+export declare const isLayoutSupported: (state: EditorState) => boolean;
+export declare const getTableWidth: (node: PmNode) => number;
+export declare const tablesHaveDifferentColumnWidths: (currentTable: PmNode, previousTable: PmNode) => boolean;
+export declare const tablesHaveDifferentNoOfColumns: (currentTable: PmNode, previousTable: PmNode) => boolean;

package/dist/types-ts4.5/plugins/table/utils/paste.d.ts

@@ -0,0 +1,14 @@
+import { Fragment, Node as PMNode, Schema, Slice } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+export declare const unwrapContentFromTable: (maybeTable: PMNode) => PMNode | PMNode[];
+export declare const removeTableFromFirstChild: (node: PMNode, i: number) => PMNode | PMNode[];
+export declare const removeTableFromLastChild: (node: PMNode, i: number, fragment: Fragment) => PMNode | PMNode[];
+/**
+ * When we copy from a table cell with a hardBreak at the end,
+ * the slice generated will come with a hardBreak outside of the table.
+ * This code will look for that pattern and fix it.
+ */
+export declare const transformSliceToFixHardBreakProblemOnCopyFromCell: (slice: Slice, schema: Schema) => Slice;
+export declare const transformSliceToRemoveOpenTable: (slice: Slice, schema: Schema) => Slice;
+export declare const transformSliceToCorrectEmptyTableCells: (slice: Slice, schema: Schema) => Slice;
+export declare function isHeaderRowRequired(state: EditorState): boolean | undefined;

package/dist/types-ts4.5/plugins/table/utils/row-controls.d.ts

@@ -0,0 +1,16 @@
+import { Schema } from 'prosemirror-model';
+import { Selection, Transaction } from 'prosemirror-state';
+export interface RowParams {
+    startIndex: number;
+    endIndex: number;
+    height: number;
+}
+export declare const getRowHeights: (tableRef: HTMLTableElement) => number[];
+export declare const isRowDeleteButtonVisible: (selection: Selection) => boolean;
+export declare const getRowDeleteButtonParams: (rowsHeights: Array<number | undefined>, selection: Selection, offsetTop?: number) => {
+    top: number;
+    indexes: number[];
+} | null;
+export declare const getRowsParams: (rowsHeights: Array<number | undefined>) => RowParams[];
+export declare const getRowClassNames: (index: number, selection: Selection, hoveredRows?: number[], isInDanger?: boolean, isResizing?: boolean) => string;
+export declare const copyPreviousRow: (schema: Schema) => (insertNewRowIndex: number) => (tr: Transaction) => Transaction<any>;

package/dist/types-ts4.5/plugins/table/utils/selection.d.ts

@@ -0,0 +1,6 @@
+import { Selection, Transaction } from 'prosemirror-state';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const isSelectionUpdated: (oldSelection: Selection, newSelection?: Selection) => boolean;
+export declare const normalizeSelection: (tr: Transaction) => Transaction;
+export declare const getSelectedColumnIndexes: (selectionRect: Rect) => number[];
+export declare const getSelectedRowIndexes: (selectionRect: Rect) => number[];

package/dist/types-ts4.5/plugins/table/utils/table.d.ts

@@ -0,0 +1,4 @@
+import { Transaction } from 'prosemirror-state';
+import { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const getMergedCellsPositions: (tr: Transaction) => number[];
+export declare const colsToRect: (cols: Array<number>, noOfRows: number) => Rect;

package/dist/types-ts4.5/plugins/table/utils/update-plugin-state-decorations.d.ts

@@ -0,0 +1,4 @@
+import { EditorState } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { TableDecorations } from '../types';
+export declare const updatePluginStateDecorations: (state: EditorState<any>, decorations: Decoration[], key: TableDecorations) => DecorationSet;

package/dist/types-ts4.5/plugins/table-plugin.d.ts

@@ -0,0 +1,2 @@
+import { default as tablesPlugin } from './table';
+export default tablesPlugin;

package/dist/types-ts4.5/types/i18n.d.ts

@@ -0,0 +1,5 @@
+export interface MessageDescriptor {
+    id: string;
+    description: string;
+    defaultMessage: string;
+}

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.1",
+  "version": "1.4.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,8 +27,10 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^25.6.0",
-    "@atlaskit/editor-common": "^74.0.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",
@@ -44,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"
   },
@@ -60,7 +62,7 @@
   "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.3.0",
     "@atlaskit/link-provider": "^1.6.0",

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),