@atlaskit/editor-plugin-table 7.12.5 → 7.13.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-table
 
+## 7.13.0
+
+### Minor Changes
+
+-   [#98696](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98696)
+    [`08cf50e592b6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/08cf50e592b6) -
+    Added Table Alignment Feature Flag
+
+### Patch Changes
+
+-   [#97599](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97599)
+    [`32c3130b08fe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c3130b08fe) -
+    [ED-22282] Bump adf-schema to 36.1.0
+
+## 7.12.6
+
+### Patch Changes
+
+-   [#98646](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98646)
+    [`b96ae2cfbd99`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b96ae2cfbd99) -
+    [ux] Fixes an issue where when the table is in overflow and is scaled due to a narrow screen
+    size and a column is inserted or deleted the oveflow is lost.
+-   Updated dependencies
+
 ## 7.12.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -475,7 +475,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
       var isTableSquashed = tableRenderWidth < tableNodeWidth;
       var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
-      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
+      var isNumberOfColumnsChanged = (0, _utils5.tablesHaveDifferentNoOfColumns)(tableNode, this.node);
+      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
       if (force || maybeScale) {
         var _this$containerWidth;
         var containerWidthValue = containerWidth.width;
@@ -484,7 +485,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         var isTableResized = (0, _colgroup.hasTableBeenResized)(tableNode);
         var isColumnsDistributed = wasTableResized && !isTableResized;
         var isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
-        var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
+        var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged;
         if (force || !isResizing && shouldUpdateColgroup) {
           var _this$props$options, _this$props$options2;
           var resizeState = (0, _utils4.getResizeState)({
@@ -493,7 +494,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             table: tableNode,
             tableRef: this.table,
             start: start,
-            domAtPos: view.domAtPos,
+            domAtPos: view.domAtPos.bind(view),
             isTableScalingEnabled: true
           });
           var shouldScaleOnColgroupUpdate = false;

package/dist/cjs/plugin.js

@@ -151,8 +151,9 @@ var tablesPlugin = function tablesPlugin(_ref) {
             tableOptions = _ref3.tableOptions,
             getEditorFeatureFlags = _ref3.getEditorFeatureFlags,
             dragAndDropEnabled = _ref3.dragAndDropEnabled,
-            isTableScalingEnabled = _ref3.isTableScalingEnabled;
-          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled);
+            isTableScalingEnabled = _ref3.isTableScalingEnabled,
+            isTableAlignmentEnabled = _ref3.isTableAlignmentEnabled;
+          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, isTableAlignmentEnabled);
         }
       }, {
         name: 'tablePMColResizing',

package/dist/cjs/pm-plugins/main.js

@@ -32,7 +32,7 @@ var _pluginFactory = require("./plugin-factory");
 var _pluginKey = require("./plugin-key");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled) {
+var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, isTableAlignmentEnabled) {
   var _accessibilityUtils;
   var state = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,

package/dist/es2019/nodeviews/TableComponent.js

@@ -458,7 +458,8 @@ class TableComponent extends React.Component {
     const isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
     const isTableSquashed = tableRenderWidth < tableNodeWidth;
     const isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
-    const maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
+    const isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(tableNode, this.node);
+    const maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
     if (force || maybeScale) {
       var _this$containerWidth;
       const {
@@ -469,7 +470,7 @@ class TableComponent extends React.Component {
       const isTableResized = hasTableBeenResized(tableNode);
       const isColumnsDistributed = wasTableResized && !isTableResized;
       const isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
-      const shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
+      const shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged;
       if (force || !isResizing && shouldUpdateColgroup) {
         var _this$props$options, _this$props$options2;
         const resizeState = getResizeState({
@@ -478,7 +479,7 @@ class TableComponent extends React.Component {
           table: tableNode,
           tableRef: this.table,
           start,
-          domAtPos: view.domAtPos,
+          domAtPos: view.domAtPos.bind(view),
           isTableScalingEnabled: true
         });
         let shouldScaleOnColgroupUpdate = false;

package/dist/es2019/plugin.js

@@ -142,9 +142,10 @@ const tablesPlugin = ({
             tableOptions,
             getEditorFeatureFlags,
             dragAndDropEnabled,
-            isTableScalingEnabled
+            isTableScalingEnabled,
+            isTableAlignmentEnabled
           } = options || {};
-          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled);
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, isTableAlignmentEnabled);
         }
       }, {
         name: 'tablePMColResizing',

package/dist/es2019/pm-plugins/main.js

@@ -22,7 +22,7 @@ import { isHeaderRowRequired } from '../utils/paste';
 import { defaultHoveredCell, defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
-export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled) => {
+export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, isTableAlignmentEnabled) => {
   var _accessibilityUtils;
   const state = createPluginState(dispatch, {
     pluginConfig,

package/dist/esm/nodeviews/TableComponent.js

@@ -468,7 +468,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
       var isTableSquashed = tableRenderWidth < tableNodeWidth;
       var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
-      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged;
+      var isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(tableNode, this.node);
+      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
       if (force || maybeScale) {
         var _this$containerWidth;
         var containerWidthValue = containerWidth.width;
@@ -477,7 +478,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         var isTableResized = hasTableBeenResized(tableNode);
         var isColumnsDistributed = wasTableResized && !isTableResized;
         var isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
-        var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged;
+        var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged;
         if (force || !isResizing && shouldUpdateColgroup) {
           var _this$props$options, _this$props$options2;
           var resizeState = getResizeState({
@@ -486,7 +487,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             table: tableNode,
             tableRef: this.table,
             start: start,
-            domAtPos: view.domAtPos,
+            domAtPos: view.domAtPos.bind(view),
             isTableScalingEnabled: true
           });
           var shouldScaleOnColgroupUpdate = false;

package/dist/esm/plugin.js

@@ -144,8 +144,9 @@ var tablesPlugin = function tablesPlugin(_ref) {
             tableOptions = _ref3.tableOptions,
             getEditorFeatureFlags = _ref3.getEditorFeatureFlags,
             dragAndDropEnabled = _ref3.dragAndDropEnabled,
-            isTableScalingEnabled = _ref3.isTableScalingEnabled;
-          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled);
+            isTableScalingEnabled = _ref3.isTableScalingEnabled,
+            isTableAlignmentEnabled = _ref3.isTableAlignmentEnabled;
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, isTableAlignmentEnabled);
         }
       }, {
         name: 'tablePMColResizing',

package/dist/esm/pm-plugins/main.js

@@ -25,7 +25,7 @@ import { isHeaderRowRequired } from '../utils/paste';
 import { defaultHoveredCell, defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled) {
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, isTableAlignmentEnabled) {
   var _accessibilityUtils;
   var state = createPluginState(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,

package/dist/types/plugin.d.ts

@@ -18,6 +18,7 @@ export interface TablePluginOptions {
     wasFullWidthEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isTableScalingEnabled?: boolean;
+    isTableAlignmentEnabled?: boolean;
 }
 type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
 type MediaPlugin = NextEditorPlugin<'media', {

package/dist/types/pm-plugins/main.d.ts

@@ -6,4 +6,4 @@ import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-pro
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, tableResizingEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, tableResizingEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean) => SafePlugin<import("../types").TablePluginState>;

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

@@ -18,6 +18,7 @@ export interface TablePluginOptions {
     wasFullWidthEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isTableScalingEnabled?: boolean;
+    isTableAlignmentEnabled?: boolean;
 }
 type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
 type MediaPlugin = NextEditorPlugin<'media', {

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

@@ -6,4 +6,4 @@ import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-pro
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, tableResizingEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, tableResizingEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean) => SafePlugin<import("../types").TablePluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.12.5",
+  "version": "7.13.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
     "runReact18": false
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.12.2",
+    "@atlaskit/adf-schema": "^36.1.0",
     "@atlaskit/custom-steps": "^0.1.0",
     "@atlaskit/editor-common": "^79.2.0",
     "@atlaskit/editor-palette": "1.6.0",
@@ -49,9 +49,9 @@
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.3.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
     "@atlaskit/primitives": "^6.1.0",
-    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/theme": "^12.8.0",
     "@atlaskit/toggle": "^13.1.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/tokens": "^1.46.0",
     "@atlaskit/tooltip": "^18.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/src/nodeviews/TableComponent.tsx

@@ -387,12 +387,17 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     const isNumberColumnChanged =
       tableNode.attrs.isNumberColumnEnabled !==
       this.node.attrs.isNumberColumnEnabled;
+    const isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(
+      tableNode,
+      this.node,
+    );
 
     const maybeScale =
       isTableSquashed ||
       isTableWidthChanged ||
       isTableResizedFullWidth ||
-      isNumberColumnChanged;
+      isNumberColumnChanged ||
+      isNumberOfColumnsChanged;
 
     if (force || maybeScale) {
       const { width: containerWidthValue } = containerWidth;
@@ -409,7 +414,8 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
         isTableResizedFullWidth ||
         isTableWidthChanged ||
         isTableDisplayModeChanged ||
-        isNumberColumnChanged;
+        isNumberColumnChanged ||
+        isNumberOfColumnsChanged;
 
       if (force || (!isResizing && shouldUpdateColgroup)) {
         const resizeState = getResizeState({
@@ -418,7 +424,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
           table: tableNode,
           tableRef: this.table,
           start,
-          domAtPos: view.domAtPos,
+          domAtPos: view.domAtPos.bind(view),
           isTableScalingEnabled: true,
         });
 

package/src/plugin.tsx

@@ -102,6 +102,7 @@ export interface TablePluginOptions {
   wasFullWidthEnabled?: boolean;
   getEditorFeatureFlags?: GetEditorFeatureFlags;
   isTableScalingEnabled?: boolean;
+  isTableAlignmentEnabled?: boolean;
 }
 
 type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
@@ -267,7 +268,9 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
               getEditorFeatureFlags,
               dragAndDropEnabled,
               isTableScalingEnabled,
+              isTableAlignmentEnabled,
             } = options || ({} as TablePluginOptions);
+
             return createPlugin(
               dispatchAnalyticsEvent,
               dispatch,
@@ -284,6 +287,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
               editorAnalyticsAPI,
               api,
               isTableScalingEnabled,
+              isTableAlignmentEnabled,
             );
           },
         },

package/src/pm-plugins/main.ts

@@ -115,6 +115,7 @@ export const createPlugin = (
   editorAnalyticsAPI?: EditorAnalyticsAPI,
   pluginInjectionApi?: PluginInjectionAPI,
   isTableScalingEnabled?: boolean,
+  isTableAlignmentEnabled?: boolean,
 ) => {
   const state = createPluginState(dispatch, {
     pluginConfig,