@atlaskit/editor-plugin-table 2.1.7 → 2.3.0

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

@@ -4,7 +4,7 @@ import { EditorView } from 'prosemirror-view';
 import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
 import { RowStickyState, StickyPluginState } from '../pm-plugins/sticky-headers';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-import { ColumnResizingPluginState, ShadowEvent } from '../types';
+import { PluginInjectionAPI, ShadowEvent } from '../types';
 import type { TableColumnOrdering } from '@atlaskit/adf-schema/steps';
 import type { TableOptions } from './types';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -23,8 +23,9 @@ export interface ComponentProps {
     isMediaFullscreen?: boolean;
     tableActive: boolean;
     ordering: TableColumnOrdering;
-    tableResizingPluginState?: ColumnResizingPluginState;
+    isResizing?: boolean;
     getEditorFeatureFlags: GetEditorFeatureFlags;
+    pluginInjectionApi?: PluginInjectionAPI;
 }
 interface TableState {
     scroll: number;

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

@@ -2,6 +2,7 @@ import React, { PropsWithChildren } from 'react';
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import { EditorContainerWidth } from '@atlaskit/editor-common/types';
+import { PluginInjectionAPI } from '../types';
 type InnerContainerProps = {
     className: string;
     style?: {
@@ -21,8 +22,9 @@ type ResizableTableContainerProps = {
     editorView: EditorView;
     getPos: () => number | undefined;
     tableRef: HTMLTableElement;
+    pluginInjectionApi?: PluginInjectionAPI;
 };
-export declare const ResizableTableContainer: ({ children, className, node, lineLength, containerWidth, editorView, getPos, tableRef, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
+export declare const ResizableTableContainer: ({ children, className, node, lineLength, containerWidth, editorView, getPos, tableRef, pluginInjectionApi, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
 type TableContainerProps = {
     node: PMNode;
     className: string;
@@ -33,6 +35,7 @@ type TableContainerProps = {
     getPos: () => number | undefined;
     tableRef: HTMLTableElement;
     isNested: boolean;
+    pluginInjectionApi?: PluginInjectionAPI;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isFullWidthModeEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isFullWidthModeEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, pluginInjectionApi, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
+import type { GuidelineConfig } from '@atlaskit/editor-plugin-guideline';
 interface TableResizerProps {
     width: number;
     maxWidth: number;
@@ -9,6 +10,7 @@ interface TableResizerProps {
     getPos: () => number | undefined;
     node: PMNode;
     tableRef: HTMLTableElement;
+    displayGuideline: (guideline: GuidelineConfig[]) => boolean;
 }
-export declare const TableResizer: ({ children, width, maxWidth, updateWidth, editorView, getPos, node, tableRef, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, updateWidth, editorView, getPos, node, tableRef, displayGuideline, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
 export {};

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

@@ -7,6 +7,7 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import { Props, TableOptions } from './types';
+import { PluginInjectionAPI } from '../types';
 type ForwardRef = (node: HTMLElement | null) => void;
 export default class TableView extends ReactNodeView<Props> {
     private table;
@@ -30,5 +31,5 @@ export default class TableView extends ReactNodeView<Props> {
     }): boolean;
     destroy(): void;
 }
-export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, options: TableOptions, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags) => NodeView;
+export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, options: TableOptions, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, pluginInjectionApi?: PluginInjectionAPI) => NodeView;
 export {};

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

@@ -3,6 +3,7 @@ import { EditorView } from 'prosemirror-view';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { PluginInjectionAPI } from '../types';
 export type TableOptions = {
     isBreakoutEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
@@ -21,4 +22,5 @@ export interface Props {
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags: GetEditorFeatureFlags;
     hasIntlContext: boolean;
+    pluginInjectionApi?: PluginInjectionAPI;
 }

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

@@ -3,5 +3,5 @@ import { EditorState, PluginKey, Transaction, ReadonlyTransaction } from 'prosem
 import { DecorationSet } from 'prosemirror-view';
 export declare const pluginKey: PluginKey<any>;
 export declare const getDecorations: (state: EditorState) => DecorationSet;
-export declare const handleDocOrSelectionChanged: (tr: Transaction | ReadonlyTransaction, decorationSet: DecorationSet, oldState: EditorState) => DecorationSet;
+export declare const handleDocOrSelectionChanged: (tr: Transaction | ReadonlyTransaction, decorationSet: DecorationSet, oldState: EditorState, newState: EditorState) => DecorationSet;
 export declare const createPlugin: () => SafePlugin<any>;

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

@@ -5,4 +5,5 @@ import { PluginConfig } from '../types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, breakoutEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI) => SafePlugin<import("../types").TablePluginState>;
+import type { PluginInjectionAPI } from '../types';
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, breakoutEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI) => SafePlugin<import("../types").TablePluginState>;

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

@@ -0,0 +1,16 @@
+/**
+ * A plugin for handle table custom widths
+ * Has login to scan the document, add width value to table's width attribute when necessary
+ * Also holds resizing state to hide / show table controls
+ */
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
+import { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+type TableWidthPluginState = {
+    resizing: boolean;
+};
+export declare const pluginKey: PluginKey<TableWidthPluginState>;
+declare const createPlugin: (dispatch: Dispatch, fullWidthEnabled: boolean) => SafePlugin<{
+    resizing: boolean;
+}>;
+export { createPlugin };

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

@@ -6,6 +6,8 @@ import { IntlShape } from 'react-intl-next';
 import { TableLayout } from '@atlaskit/adf-schema';
 import { TableColumnOrdering } from '@atlaskit/adf-schema/steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type tablePlugin from './index';
 export declare const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 export type RowInsertPosition = 'TOP' | 'BOTTOM';
 export type PermittedLayoutsDescriptor = TableLayout[] | 'all';
@@ -19,6 +21,7 @@ export interface InsertRowOptions {
     index: number;
     moveCursorToInsertedRow: boolean;
 }
+export type PluginInjectionAPI = ExtractInjectionAPI<typeof tablePlugin>;
 export type InsertRowMethods = INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.KEYBOARD | INPUT_METHOD.FLOATING_TB;
 export interface PluginConfig {
     advanced?: boolean;

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

@@ -38,3 +38,5 @@ export declare const contextualMenuDropdownWidth = 180;
 export declare const stickyRowZIndex: number;
 export declare const stickyRowOffsetTop = 8;
 export declare const stickyHeaderBorderBottomWidth = 1;
+export declare const TABLE_SNAP_GAP = 5;
+export declare const TABLE_HIGHLIGHT_GAP = 10;

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

@@ -0,0 +1,3 @@
+import type { GuidelineConfig } from '@atlaskit/editor-plugin-guideline';
+export declare const defaultGuidelineWidths: number[];
+export declare const defaultGuidelines: GuidelineConfig[];

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

@@ -0,0 +1,8 @@
+import type { GuidelineConfig } from '@atlaskit/editor-plugin-guideline';
+/**
+ * Returns keys of guidelines that are closest to the table and withthin the snapGap
+ */
+export declare const findClosestSnap: (currentWidth: number, snapWidths: number[], guidelines: GuidelineConfig[], snapGap?: number) => {
+    gap: number;
+    keys: string[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "2.1.7",
+  "version": "2.3.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^26.2.0",
-    "@atlaskit/editor-common": "^74.21.0",
+    "@atlaskit/editor-common": "^74.23.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.1.0",
     "@atlaskit/editor-plugin-content-insertion": "^0.0.6",
@@ -64,7 +64,8 @@
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",
-    "@atlaskit/editor-plugin-hyperlink": "^0.1.0",
+    "@atlaskit/editor-plugin-guideline": "^0.3.4",
+    "@atlaskit/editor-plugin-hyperlink": "^0.2.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
     "@atlaskit/editor-test-helpers": "^18.10.0",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -21,6 +21,7 @@ import type { Command } from '@atlaskit/editor-common/types';
 import type { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import type { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { TableLayout } from '@atlaskit/adf-schema';
 import type { widthPlugin } from '@atlaskit/editor-plugin-width';
@@ -109,6 +110,7 @@ export const tablesPlugin: NextEditorPlugin<
       typeof analyticsPlugin,
       typeof contentInsertionPlugin,
       typeof widthPlugin,
+      typeof guidelinePlugin,
     ];
   }
 >;

package/src/__tests__/unit/analytics.ts

@@ -44,6 +44,7 @@ import tablePlugin from '../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 
 const defaultTableDoc = doc(
@@ -97,6 +98,7 @@ describe('Table analytic events', () => {
         ])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([tablePlugin, { tableOptions }]),
       pluginKey,
     });

package/src/__tests__/unit/collab.ts

@@ -19,6 +19,7 @@ import {
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import tablePlugin from '../../plugins/table-plugin';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
@@ -43,6 +44,7 @@ describe('Tables with Collab editing', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([tablePlugin, { tableOptions }]),
       pluginKey: tablePluginKey,
     });

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

@@ -24,6 +24,7 @@ import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -39,6 +40,7 @@ describe('table plugin: goToNextCell', () => {
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
     .add(widthPlugin)
+    .add(guidelinePlugin)
     .add(tablePlugin);
   const editor = (doc: DocBuilder) =>
     createEditor<TablePluginState, PluginKey>({

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

@@ -21,6 +21,7 @@ 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-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
@@ -45,6 +46,7 @@ describe('table plugin: insert', () => {
       .add([analyticsPlugin, {}])
       .add(contentInsertionPlugin)
       .add(widthPlugin)
+      .add(guidelinePlugin)
       .add([
         tablePlugin,
         {

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

@@ -31,6 +31,7 @@ import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 describe('table plugin: commands', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -40,6 +41,7 @@ describe('table plugin: commands', () => {
     .add(decorationsPlugin)
     .add(contentInsertionPlugin)
     .add(widthPlugin)
+    .add(guidelinePlugin)
     .add([
       tablePlugin,
       {

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

@@ -19,6 +19,7 @@ import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -39,6 +40,7 @@ describe('Sort Table', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([tablePlugin, { tableOptions: { allowHeaderRow: true } }]),
       doc: doc(
         table()(
@@ -70,6 +72,7 @@ describe('Sort Table', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([tablePlugin, { tableOptions: { allowHeaderRow: true } }]),
       doc: doc(
         table()(tr(td({})(p('2{<>}'))), tr(td({})(p('5'))), tr(td({})(p('4')))),
@@ -95,6 +98,7 @@ describe('Sort Table', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([tablePlugin, { tableOptions: { allowHeaderRow: true } }]),
       doc: doc(
         table()(tr(td({})(p('2{<>}'))), tr(td({})(p('5'))), tr(td({})(p('4')))),

package/src/__tests__/unit/commands.ts

@@ -46,6 +46,7 @@ import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import tablePlugin from '../../plugins/table';
 
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
@@ -74,6 +75,7 @@ describe('table plugin: actions', () => {
         .add(contentInsertionPlugin)
         .add(decorationsPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add(gridPlugin)
         .add(tablePlugin),
       pluginKey,

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

@@ -45,6 +45,7 @@ import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 const array = (...args: any): Node[] => args.map((i: any) => i(defaultSchema));
@@ -107,6 +108,7 @@ describe('table plugin', () => {
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
     .add(widthPlugin)
+    .add(guidelinePlugin)
     .add([tablePlugin, { tableOptions }]);
 
   const editor = (doc: DocBuilder) => {

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

@@ -21,6 +21,7 @@ import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 describe('event-handlers', () => {
   let editor: any;
@@ -34,6 +35,7 @@ describe('event-handlers', () => {
           .add([analyticsPlugin, {}])
           .add(contentInsertionPlugin)
           .add(widthPlugin)
+          .add(guidelinePlugin)
           .add([tablePlugin, { tableOptions: { allowColumnResizing: false } }]);
         editor = (doc: DocBuilder) =>
           createEditor<TablePluginState, PluginKey>({
@@ -66,6 +68,7 @@ describe('event-handlers', () => {
           .add([analyticsPlugin, {}])
           .add(contentInsertionPlugin)
           .add(widthPlugin)
+          .add(guidelinePlugin)
           .add([tablePlugin, { tableOptions: { allowColumnResizing: false } }]);
         editor = (doc: DocBuilder) =>
           createEditor<TablePluginState, PluginKey>({

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

@@ -30,6 +30,7 @@ import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
 import { TableCssClassName as ClassName } from '../../plugins/table/types';
 import tablePlugin from '../../plugins/table-plugin';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
@@ -46,6 +47,7 @@ describe('table plugin: decorations', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add(tablePlugin),
       pluginKey,
     });
@@ -164,6 +166,7 @@ describe('table event handlers', () => {
         .add(contentInsertionPlugin)
         .add(decorationsPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add(gridPlugin)
         .add(tablePlugin),
       pluginKey,

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

@@ -20,6 +20,7 @@ import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -45,6 +46,7 @@ describe('fix tables', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([tablePlugin, { tableOptions }]),
       pluginKey: tablePluginKey,
     });

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

@@ -28,6 +28,7 @@ import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 const formatMessage: (t: { id: string }) => string = (message) =>
@@ -79,6 +80,7 @@ describe('getToolbarConfig', () => {
         .add(contentInsertionPlugin)
         .add(decorationsPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add(tablePlugin),
     });
 

package/src/__tests__/unit/handlers.ts

@@ -22,6 +22,7 @@ import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 describe('table action handlers', () => {
   let editor: any;
@@ -34,6 +35,7 @@ describe('table action handlers', () => {
       .add([analyticsPlugin, {}])
       .add(contentInsertionPlugin)
       .add(widthPlugin)
+      .add(guidelinePlugin)
       .add(tablePlugin);
 
     editor = (doc: DocBuilder) =>

package/src/__tests__/unit/hover-selection.ts

@@ -35,6 +35,7 @@ import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 describe('table hover selection plugin', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -43,6 +44,7 @@ describe('table hover selection plugin', () => {
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
     .add(widthPlugin)
+    .add(guidelinePlugin)
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>

package/src/__tests__/unit/index.ts

@@ -49,6 +49,7 @@ import {
 
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
@@ -88,6 +89,7 @@ describe('table plugin', () => {
       .add([featureFlagsPlugin, {}])
       .add([analyticsPlugin, {}])
       .add(widthPlugin)
+      .add(guidelinePlugin)
       .add(gridPlugin)
       .add(contentInsertionPlugin)
       .add([tablePlugin, { tableOptions }]);

package/src/__tests__/unit/layout.ts

@@ -28,6 +28,7 @@ import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('table toolbar', () => {
@@ -45,6 +46,7 @@ describe('table toolbar', () => {
     .add(contentInsertionPlugin)
     .add(decorationsPlugin)
     .add(widthPlugin)
+    .add(guidelinePlugin)
     .add([tablePlugin, { tableOptions }]);
 
   const editor = (doc: DocBuilder) => {

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

@@ -29,6 +29,7 @@ import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 jest.mock('@atlaskit/editor-common/utils', () => ({
   ...jest.requireActual<Object>('@atlaskit/editor-common/utils'),
@@ -50,6 +51,7 @@ describe('table -> nodeviews -> tableCell.tsx', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([tablePlugin, { tableOptions: { advanced: true, ...props } }]),
       pluginKey,
     });

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

@@ -25,6 +25,7 @@ import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 describe('table -> nodeviews -> table.tsx', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -43,6 +44,7 @@ describe('table -> nodeviews -> table.tsx', () => {
             .add([analyticsPlugin, {}])
             .add(contentInsertionPlugin)
             .add(widthPlugin)
+            .add(guidelinePlugin)
             .add([
               tablePlugin,
               {

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

@@ -36,6 +36,7 @@ import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 
 describe('tables: column resizing decorations', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -48,6 +49,7 @@ describe('tables: column resizing decorations', () => {
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
         .add(widthPlugin)
+        .add(guidelinePlugin)
         .add([
           tablePlugin,
           {