@atlaskit/editor-plugin-table 1.4.1 → 1.5.1

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.4.1",
+	"version": "1.5.1",
 	"sideEffects": false
 }

package/dist/types/i18n/en_ZZ.d.ts

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.canNotSortTable': string;
+    'fabric.editor.cellBackground': string;
+    'fabric.editor.cellOptions': string;
+    'fabric.editor.clearCells': string;
+    'fabric.editor.collapseTable': string;
+    'fabric.editor.cornerControl': string;
+    'fabric.editor.distributeColumns': string;
+    'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': string;
+    'fabric.editor.extension.deleteElementTitle': string;
+    'fabric.editor.extension.sourceNoTitledName': string;
+    'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': string;
+    'fabric.editor.headerColumn': string;
+    'fabric.editor.headerRow': string;
+    'fabric.editor.insertColumn': string;
+    'fabric.editor.insertRow': string;
+    'fabric.editor.mergeCells': string;
+    'fabric.editor.numberedColumn': string;
+    'fabric.editor.removeColumns': string;
+    'fabric.editor.removeRows': string;
+    'fabric.editor.rowControl': string;
+    'fabric.editor.sortColumnASC': string;
+    'fabric.editor.sortColumnDESC': string;
+    'fabric.editor.splitCell': string;
+    'fabric.editor.tableOptions': string;
+    'fabric.editor.tables.confirmDeleteLinkedModalMessage': string;
+    'fabric.editor.tables.confirmDeleteLinkedModalOKButton': string;
+};
+export default _default;

package/dist/types/plugins/table/ui/consts.d.ts

@@ -2,9 +2,10 @@
  * Basic colors added to prevent content overflow in table cells.
  */
 export declare const tableCellBackgroundColor: import("@atlaskit/theme").ThemedValue<"var(--ds-surface)">;
+export declare const tableHeaderCellBackgroundColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)">;
 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 tableBorderColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-accent-gray-subtler)">;
 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)";

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

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.canNotSortTable': string;
+    'fabric.editor.cellBackground': string;
+    'fabric.editor.cellOptions': string;
+    'fabric.editor.clearCells': string;
+    'fabric.editor.collapseTable': string;
+    'fabric.editor.cornerControl': string;
+    'fabric.editor.distributeColumns': string;
+    'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': string;
+    'fabric.editor.extension.deleteElementTitle': string;
+    'fabric.editor.extension.sourceNoTitledName': string;
+    'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': string;
+    'fabric.editor.headerColumn': string;
+    'fabric.editor.headerRow': string;
+    'fabric.editor.insertColumn': string;
+    'fabric.editor.insertRow': string;
+    'fabric.editor.mergeCells': string;
+    'fabric.editor.numberedColumn': string;
+    'fabric.editor.removeColumns': string;
+    'fabric.editor.removeRows': string;
+    'fabric.editor.rowControl': string;
+    'fabric.editor.sortColumnASC': string;
+    'fabric.editor.sortColumnDESC': string;
+    'fabric.editor.splitCell': string;
+    'fabric.editor.tableOptions': string;
+    'fabric.editor.tables.confirmDeleteLinkedModalMessage': string;
+    'fabric.editor.tables.confirmDeleteLinkedModalOKButton': string;
+};
+export default _default;

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

@@ -2,9 +2,10 @@
  * Basic colors added to prevent content overflow in table cells.
  */
 export declare const tableCellBackgroundColor: import("@atlaskit/theme").ThemedValue<"var(--ds-surface)">;
+export declare const tableHeaderCellBackgroundColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)">;
 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 tableBorderColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-accent-gray-subtler)">;
 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)";

package/examples/99-testing.tsx

@@ -12,10 +12,7 @@ import {
   createEditorExampleForTests,
   mapProvidersToProps,
 } from '@atlaskit/editor-core/example-helpers/create-editor-example-for-tests';
-import {
-  EditorMigrationComponent as Editor,
-  ContextPanel,
-} from '@atlaskit/editor-core/src';
+import { 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "1.4.1",
+  "version": "1.5.1",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,16 +26,17 @@
     "releaseModel": "scheduled"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^25.6.0",
-    "@atlaskit/editor-common": "^74.1.0",
+    "@atlaskit/adf-schema": "^25.7.0",
+    "@atlaskit/editor-common": "^74.3.0",
     "@atlaskit/editor-palette": "1.4.2",
     "@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/platform-feature-flags": "^0.2.1",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.5.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -62,12 +63,15 @@
   "devDependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/button": "^16.7.0",
-    "@atlaskit/editor-core": "^183.1.0",
+    "@atlaskit/editor-core": "^185.0.0",
+    "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
-    "@atlaskit/editor-test-helpers": "^18.3.0",
+    "@atlaskit/editor-plugin-grid": "^0.1.0",
+    "@atlaskit/editor-plugin-width": "^0.0.1",
+    "@atlaskit/editor-test-helpers": "^18.5.0",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/logo": "^13.14.0",
-    "@atlaskit/media-integration-test-helpers": "^2.6.0",
+    "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/synchrony-test-helpers": "^2.3.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
@@ -98,5 +102,10 @@
         "emotion"
       ]
     }
+  },
+  "platform-feature-flags": {
+    "platform.editor.custom-table-width": {
+      "type": "boolean"
+    }
   }
 }

package/src/__tests__/integration/auto-size.ts

@@ -41,7 +41,9 @@ async function loadAndRetrieveDocument(
 
 BrowserTestCase(
   'Doesnt scale past default',
-  { skip: ['*'] },
+  {
+    skip: ['*'],
+  },
   async (client: any, testName: string) => {
     const page = await goToEditorTestingWDExample(
       client,
@@ -54,7 +56,9 @@ BrowserTestCase(
 
 BrowserTestCase(
   'Scales to wide',
-  { skip: ['*'] },
+  {
+    skip: ['*'],
+  },
   async (client: any, testName: string) => {
     const page = await goToEditorTestingWDExample(
       client,

package/src/__tests__/integration/sticky-header.ts

@@ -51,12 +51,9 @@ const insertColumn = async (page: any, cell: 'first' | 'last') => {
   await page.click(insertButton);
 };
 
-// FIXME: This test was automatically skipped due to failure on 01/04/2023: https://product-fabric.atlassian.net/browse/ED-17364
 BrowserTestCase(
   'Sticky header should correctly toggle on and off',
-  {
-    skip: ['*'],
-  },
+  {},
   async (client: any, testName: string) => {
     const page = await goToEditorTestingWDExample(
       client,
@@ -133,9 +130,13 @@ BrowserTestCase(
   },
 );
 
+// FIXME: This test was automatically skipped due to failure on 28/05/2023: https://product-fabric.atlassian.net/browse/ED-18110
 BrowserTestCase(
   'Sticky header should correctly toggle on and off, after table is scrolled to the bottom and a column has been added',
-  { skip: ['safari'] },
+  {
+    // skip: ['safari']
+    skip: ['*'],
+  },
   async (client: any, testName: string) => {
     const page = await goToEditorTestingWDExample(
       client,

package/src/__tests__/unit/collab.ts

@@ -18,7 +18,7 @@ import {
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import tablePlugin from '../../plugins/table-plugin';
-import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';

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

@@ -26,6 +26,8 @@ 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';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 const formatMessage: (t: { id: string }) => string = (message) =>
   `${message.id}`;
@@ -45,7 +47,9 @@ describe('color picker', () => {
       preset: new Preset<LightEditorPlugin>()
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
+        .add(decorationsPlugin)
         .add(contentInsertionPlugin)
+        .add(widthPlugin)
         .add(dataConsumerPlugin)
         .add(extensionPlugin)
         .add(tablePlugin),

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

@@ -20,7 +20,7 @@ import tablePlugin from '../../../plugins/table/index';
 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 { widthPlugin } from '@atlaskit/editor-plugin-width';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';

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

@@ -30,12 +30,14 @@ 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';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('table plugin: commands', () => {
   const createEditor = createProsemirrorEditorFactory();
   const preset = new Preset<LightEditorPlugin>()
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
+    .add(decorationsPlugin)
     .add(panelPlugin)
     .add(contentInsertionPlugin)
     .add([

package/src/__tests__/unit/commands.ts

@@ -59,12 +59,13 @@ 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 { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { gridPlugin } from '@atlaskit/editor-plugin-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';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -86,6 +87,7 @@ describe('table plugin: actions', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(decorationsPlugin)
         .add(widthPlugin)
         .add(gridPlugin)
         .add(tablePlugin)

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

@@ -35,11 +35,12 @@ 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 { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('table plugin: decorations', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -166,6 +167,7 @@ describe('table event handlers', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(decorationsPlugin)
         .add(widthPlugin)
         .add(gridPlugin)
         .add(tablePlugin)

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

@@ -31,6 +31,8 @@ import type {
 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 { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 const formatMessage: (t: { id: string }) => string = (message) =>
   `${message.id}`;
@@ -79,6 +81,8 @@ describe('getToolbarConfig', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(decorationsPlugin)
+        .add(widthPlugin)
         .add(dataConsumerPlugin)
         .add(extensionPlugin)
         .add(tablePlugin),

package/src/__tests__/unit/index.ts

@@ -57,8 +57,8 @@ import deprecatedAnalyticsPlugin from '@atlaskit/editor-core/src/plugins/analyti
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import mediaPlugin from '@atlaskit/editor-core/src/plugins/media';
 import selectionPlugin from '@atlaskit/editor-core/src/plugins/selection';
-import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
-import gridPlugin from '@atlaskit/editor-core/src/plugins/grid';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import { insertMediaAsMediaSingle } from '@atlaskit/editor-core/src/plugins/media/utils/media-single';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
@@ -67,6 +67,7 @@ import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import tablePlugin from '../../plugins/table-plugin';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -100,6 +101,7 @@ describe('table plugin', () => {
       .add([analyticsPlugin, {}])
       .add([deprecatedAnalyticsPlugin, {}])
       .add(contentInsertionPlugin)
+      .add(decorationsPlugin)
       .add(widthPlugin)
       .add(gridPlugin)
       .add([tablePlugin, { tableOptions }])

package/src/__tests__/unit/keymap.ts

@@ -36,7 +36,7 @@ import {
 import { uuid } from '@atlaskit/adf-schema';
 import { uuid as tablesUuid } from '@atlaskit/editor-tables';
 
-import gridPlugin from '@atlaskit/editor-core/src/plugins/grid';
+import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import panelPlugin from '@atlaskit/editor-core/src/plugins/panel';
 import expandPlugin from '@atlaskit/editor-core/src/plugins/expand';
 import tasksDecisionsPlugin from '@atlaskit/editor-core/src/plugins/tasks-and-decisions';
@@ -58,10 +58,11 @@ import statusPlugin from '@atlaskit/editor-core/src/plugins/status';
 import tablePlugin from '../../plugins/table';
 import { TablePluginState } from '../../plugins/table/types';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import editorDisabledPlugin from '@atlaskit/editor-core/src/plugins/editor-disabled';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -89,6 +90,7 @@ describe('table keymap', () => {
     .add([analyticsPlugin, { createAnalyticsEvent }])
     .add([deprecatedAnalyticsPlugin, { createAnalyticsEvent }])
     .add(contentInsertionPlugin)
+    .add(decorationsPlugin)
     .add(widthPlugin)
     .add(gridPlugin)
     .add(selectionPlugin)

package/src/__tests__/unit/layout.ts

@@ -38,6 +38,8 @@ import { PluginKey } from 'prosemirror-state';
 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 { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('table toolbar', () => {
   const tableOptions = {
@@ -52,6 +54,8 @@ describe('table toolbar', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(decorationsPlugin)
+    .add(widthPlugin)
     .add([tablePlugin, { tableOptions }])
     .add(expandPlugin)
     .add(extensionPlugin)

package/src/__tests__/unit/pm-plugins/main-with-allow-collapse.ts

@@ -24,6 +24,8 @@ import extensionPlugin from '@atlaskit/editor-core/src/plugins/extension';
 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 { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('tables: main plugin with allowCollapse: true', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -34,6 +36,8 @@ describe('tables: main plugin with allowCollapse: true', () => {
         .add([featureFlagsPlugin, {}])
         .add([analyticsPlugin, {}])
         .add(contentInsertionPlugin)
+        .add(decorationsPlugin)
+        .add(widthPlugin)
         .add(tablePlugin)
         .add(expandPlugin)
         .add(extensionPlugin),

package/src/__tests__/unit/pm-plugins/table-resizing/event-handlers.ts

@@ -24,7 +24,7 @@ import { pluginKey } from '../../../../plugins/table/pm-plugins/plugin-key';
 import { TextSelection, NodeSelection, EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import panelPlugin from '@atlaskit/editor-core/src/plugins/panel';
-import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import {
   akEditorFullPageMaxWidth,
@@ -33,6 +33,7 @@ import {
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('table-resizing/event-handlers', () => {
   const editorAnalyticsAPIFake: EditorAnalyticsAPI = {
@@ -49,6 +50,7 @@ describe('table-resizing/event-handlers', () => {
           .add([featureFlagsPlugin, {}])
           .add([analyticsPlugin, {}])
           .add(contentInsertionPlugin)
+          .add(decorationsPlugin)
           .add([
             tablePlugin,
             {

package/src/__tests__/unit/pm-plugins/table-selection-keymap.ts

@@ -31,6 +31,7 @@ import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 describe('table selection keymap', () => {
@@ -48,6 +49,7 @@ describe('table selection keymap', () => {
     .add([featureFlagsPlugin, {}])
     .add([analyticsPlugin, {}])
     .add(contentInsertionPlugin)
+    .add(decorationsPlugin)
     .add(selectionPlugin)
     .add([tablePlugin, { tableOptions: {}, editorSelectionAPI }])
     .add(panelPlugin)

package/src/__tests__/unit/undo-redo.ts

@@ -24,7 +24,7 @@ import { colsToRect } from '../../plugins/table/utils/table';
 import sendKeyToPm from '@atlaskit/editor-test-helpers/send-key-to-pm';
 import clone from 'lodash/clone';
 import tablePlugin from '../../plugins/table';
-import widthPlugin from '@atlaskit/editor-core/src/plugins/width';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';

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

@@ -21,6 +21,7 @@ import {
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 
 describe('collapse', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -32,7 +33,9 @@ describe('collapse', () => {
       .add(contentInsertionPlugin)
       .add(tablePlugin);
 
-    const finalPreset = expandInPlugins ? preset.add(expandPlugin) : preset;
+    const finalPreset = expandInPlugins
+      ? preset.add(decorationsPlugin).add(expandPlugin)
+      : preset;
 
     return createEditor({ doc, preset: finalPreset });
   };

package/src/i18n/cs.ts

@@ -16,9 +16,9 @@ export default {
   'fabric.editor.cornerControl': 'Zvýraznit tabulku',
   'fabric.editor.distributeColumns': 'Rozložení sloupců',
   'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': 'Odstraňování',
-  'fabric.editor.extension.deleteElementTitle': 'Vymazat prvek',
+  'fabric.editor.extension.deleteElementTitle': 'Odstranit prvek',
   'fabric.editor.extension.sourceNoTitledName': 'tento prvek',
-  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': 'Vymazat také všechny připojené prvky',
+  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': 'Odstranit také všechny připojené prvky',
   'fabric.editor.headerColumn': 'Sloupec záhlaví',
   'fabric.editor.headerRow': 'Řádek záhlaví',
   'fabric.editor.insertColumn': 'Vložit sloupec napravo',

package/src/i18n/en_ZZ.ts

@@ -0,0 +1,41 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.editor.canNotSortTable': "⁣⁢⚠️ You can't sort a table with merged cells⁡⁡‌⁠⁠‌‍⁣⁤",
+  'fabric.editor.cellBackground': '⁣⁢Cell background‌؜‍⁠‌⁠⁡‍‍؜‍⁣⁤',
+  'fabric.editor.cellOptions': '⁣⁢Cell options؜؜⁠⁠‍⁡⁡⁣⁤',
+  'fabric.editor.clearCells':
+    '{0, plural, one {⁣⁢Clear cell؜⁡‍؜‌⁠‍⁠‌؜‌‍⁠⁣⁤} other {⁣⁢Clear cells؜⁡‍؜‌⁠‍⁠‌؜‌‍⁠⁣⁤}}',
+  'fabric.editor.collapseTable': '⁣⁢Collapse table‌؜⁡‍⁠⁡⁠‌؜‍‌⁡⁡⁣⁤',
+  'fabric.editor.cornerControl': '⁣⁢Highlight table؜⁡؜⁠⁠⁠‌⁣⁤',
+  'fabric.editor.distributeColumns': '⁣⁢Distribute columns؜‍‍⁡‍‌؜‍‍‌⁣⁤',
+  'fabric.editor.extension.confirmDeleteLinkedModalMessagePrefix': '⁣⁢Deleting؜‌‌⁠⁠؜‍؜⁡‌؜‌‌‌‌‌⁣⁤',
+  'fabric.editor.extension.deleteElementTitle': '⁣⁢Delete element؜‌⁠⁡‍‌⁠⁡‌؜؜؜‍⁣⁤',
+  'fabric.editor.extension.sourceNoTitledName': '⁣⁢this element⁠⁠‍⁡‍؜⁠‌⁡؜⁡؜‍⁣⁤',
+  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel':
+    '⁣⁢Also delete connected elements‌⁡⁡‍‍⁡⁡⁠‌؜؜⁣⁤',
+  'fabric.editor.headerColumn': '⁣⁢Header column⁡⁡‌؜‌‌⁠⁠⁠⁡⁣⁤',
+  'fabric.editor.headerRow': '⁣⁢Header row‍‌⁠⁠⁡⁠⁡⁠⁠⁠‌⁣⁤',
+  'fabric.editor.insertColumn': '⁣⁢Insert column right⁠‍⁡⁠⁠؜⁡⁠⁡‌‌⁣⁤',
+  'fabric.editor.insertRow': '⁣⁢Insert row below⁡⁡⁠؜‌⁠⁡‌‍⁣⁤',
+  'fabric.editor.mergeCells': '⁣⁢Merge cells⁠‌⁡‍⁡⁡⁡؜⁣⁤',
+  'fabric.editor.numberedColumn': '⁣⁢Numbered column⁡؜؜⁡⁡‌؜؜‍‍‌‌‍⁡⁡⁣⁤',
+  'fabric.editor.removeColumns':
+    '{0, plural, one {⁣⁢Delete column‌‍؜‌‌⁠؜⁡⁣⁤} other {⁣⁢Delete columns‌‍؜‌‌⁠؜⁡⁣⁤}}',
+  'fabric.editor.removeRows':
+    '{0, plural, one {⁣⁢Delete row⁠‍‍‌‍⁠؜‌⁣⁤} other {⁣⁢Delete rows⁠‍‍‌‍⁠؜‌⁣⁤}}',
+  'fabric.editor.rowControl': '⁣⁢Highlight row‍‌⁠⁡⁠؜‌⁠؜؜؜؜؜⁣⁤',
+  'fabric.editor.sortColumnASC': '⁣⁢Sort column A → Z⁠؜‍⁠⁠‌‌⁡‌‍⁣⁤',
+  'fabric.editor.sortColumnDESC': '⁣⁢Sort column Z → A؜⁡‌؜‌‌‍⁡‌‌‍‍‌‍؜؜⁡⁣⁤',
+  'fabric.editor.splitCell': '⁣⁢Split cell⁠‌‍؜⁠⁠؜‍؜⁡؜‌‍⁣⁤',
+  'fabric.editor.tableOptions': '⁣⁢Table options؜؜‍‌؜⁡؜⁠⁣⁤',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage':
+    '⁣⁢Deleting {nodeName} will break anything connected to it.⁠⁡⁠‍‍⁠؜⁠⁡⁠⁣⁤',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '⁣⁢Delete؜⁡‍؜؜⁡⁠⁣⁤',
+};

package/src/i18n/ja.ts

@@ -7,7 +7,7 @@
  */
 //Japanese
 export default {
-  'fabric.editor.canNotSortTable': '⚠️ 統合したセルで表を並べ替えることはできません',
+  'fabric.editor.canNotSortTable': '⚠️ 結合セルを含む表は並べ替えられません。',
   'fabric.editor.cellBackground': 'セルの背景',
   'fabric.editor.cellOptions': 'セルのオプション',
   'fabric.editor.clearCells': '{0, plural, other {セルをクリア}}',
@@ -22,13 +22,13 @@ export default {
   'fabric.editor.headerRow': 'ヘッダーの行',
   'fabric.editor.insertColumn': '列を右に挿入',
   'fabric.editor.insertRow': '行を下に挿入',
-  'fabric.editor.mergeCells': 'セルをマージ',
+  'fabric.editor.mergeCells': 'セルを結合',
   'fabric.editor.numberedColumn': '番号付き列',
   'fabric.editor.removeColumns': '{0, plural, other {列を削除}}',
   'fabric.editor.removeRows': '{0, plural, other {行を削除}}',
   'fabric.editor.rowControl': '行をハイライト',
-  'fabric.editor.sortColumnASC': '列の並べ替え A → Z',
-  'fabric.editor.sortColumnDESC': '列の並べ替え Z → A',
+  'fabric.editor.sortColumnASC': '列の並べ替え: 昇順',
+  'fabric.editor.sortColumnDESC': '列の並べ替え: 降順',
   'fabric.editor.splitCell': 'セルを分割',
   'fabric.editor.tableOptions': '表のオプション',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage':

package/src/i18n/ko.ts

@@ -24,7 +24,7 @@ export default {
   'fabric.editor.numberedColumn': '번호 매기기 열',
   'fabric.editor.removeColumns': '{0, plural, other {열 삭제}}',
   'fabric.editor.removeRows': '{0, plural, other {행 삭제}}',
-  'fabric.editor.rowControl': '열 강조',
+  'fabric.editor.rowControl': '열 강조 표시',
   'fabric.editor.sortColumnASC': '열 정렬: 오름차순',
   'fabric.editor.sortColumnDESC': '열 정렬: 내림차순',
   'fabric.editor.splitCell': '셀 나누기',

package/src/i18n/sv.ts

@@ -10,7 +10,7 @@ export default {
   'fabric.editor.canNotSortTable': '⚠️ Du kan inte sortera en panelvy med sammanslagna celler',
   'fabric.editor.cellBackground': 'Cellbakgrund',
   'fabric.editor.cellOptions': 'Cellalternativ',
-  'fabric.editor.clearCells': '{0, plural, one {Rensa celler} other {Rensa celler}}',
+  'fabric.editor.clearCells': '{0, plural, one {Rensa cell} other {Rensa celler}}',
   'fabric.editor.collapseTable': 'Dölj tabell',
   'fabric.editor.cornerControl': 'Markera tabellen',
   'fabric.editor.distributeColumns': 'Fördela kolumner',