@atlaskit/editor-plugin-table 7.31.2 → 8.0.0

package/dist/es2019/ui/FloatingDragMenu/index.js

@@ -24,6 +24,7 @@ const FloatingDragMenu = ({
   api,
   isCommentEditor
 }) => {
+  var _getEditorFeatureFlag;
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
@@ -34,9 +35,8 @@ const FloatingDragMenu = ({
     return null;
   }
   const {
-    tableDuplicateCellColouring = false,
     tableWithFixedColumnWidthsOption = false
-  } = getEditorFeatureFlags ? getEditorFeatureFlags() : {};
+  } = (_getEditorFeatureFlag = getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags()) !== null && _getEditorFeatureFlag !== void 0 ? _getEditorFeatureFlag : {};
   const shouldUseIncreasedScalingPercent = isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
   return /*#__PURE__*/React.createElement(Popup, {
     alignX: direction === 'row' ? 'right' : undefined,
@@ -72,7 +72,6 @@ const FloatingDragMenu = ({
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement,
     isTableScalingEnabled: isTableScalingEnabled,
-    tableDuplicateCellColouring: tableDuplicateCellColouring,
     shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
     isTableFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
     ariaNotifyPlugin: ariaNotifyPlugin,

package/dist/es2019/ui/FloatingInsertButton/index.js

@@ -157,8 +157,7 @@ export class FloatingInsertButton extends React.Component {
     const {
       editorView,
       insertRowButtonIndex,
-      editorAnalyticsAPI,
-      getEditorFeatureFlags
+      editorAnalyticsAPI
     } = this.props;
     if (typeof insertRowButtonIndex !== 'undefined') {
       event.preventDefault();
@@ -166,8 +165,7 @@ export class FloatingInsertButton extends React.Component {
         state,
         dispatch
       } = editorView;
-      const featureFlags = !!getEditorFeatureFlags && getEditorFeatureFlags();
-      insertRowWithAnalytics(editorAnalyticsAPI, featureFlags && featureFlags.tableDuplicateCellColouring)(INPUT_METHOD.BUTTON, {
+      insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, {
         index: insertRowButtonIndex,
         moveCursorToInsertedRow: true
       })(state, dispatch);
@@ -185,7 +183,6 @@ export class FloatingInsertButton extends React.Component {
     if (typeof insertColumnButtonIndex !== 'undefined') {
       event.preventDefault();
       const {
-        tableDuplicateCellColouring = false,
         tableWithFixedColumnWidthsOption = false
       } = getEditorFeatureFlags ? getEditorFeatureFlags() : {};
       const shouldUseIncreasedScalingPercent = isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
@@ -193,7 +190,7 @@ export class FloatingInsertButton extends React.Component {
         state,
         dispatch
       } = editorView;
-      insertColumnWithAnalytics(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
+      insertColumnWithAnalytics(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
     }
   }
 }

package/dist/es2019/utils/drag-menu.js

@@ -72,7 +72,7 @@ const defaultSelectionRect = {
   right: 0,
   bottom: 0
 };
-export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, tableDuplicateCellColouring = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, ariaNotifyPlugin, isCommentEditor = false) => {
+export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, ariaNotifyPlugin, isCommentEditor = false) => {
   var _tableMap$height, _tableMap$height2, _tableMap$width, _tableMap$width2;
   const {
     selection
@@ -178,12 +178,12 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
     iconFallback: iconFallback,
     onClick: (state, dispatch) => {
       if (direction === 'row') {
-        insertRowWithAnalytics(editorAnalyticsAPI, tableDuplicateCellColouring)(INPUT_METHOD.TABLE_CONTEXT_MENU, {
+        insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, {
           index: (index !== null && index !== void 0 ? index : 0) + offset,
           moveCursorToInsertedRow: true
         })(state, dispatch);
       } else {
-        insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
+        insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
       }
       return true;
     },

package/dist/esm/commands/insert.js

@@ -21,10 +21,9 @@ function addColumnAtCustomStep(column) {
 }
 export function addColumnAt(api) {
   var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var isCellBackgroundDuplicated = arguments.length > 2 ? arguments[2] : undefined;
-  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 ? arguments[3] : undefined;
-  var shouldUseIncreasedScalingPercent = arguments.length > 4 ? arguments[4] : undefined;
-  var isCommentEditor = arguments.length > 5 ? arguments[5] : undefined;
+  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 ? arguments[2] : undefined;
+  var shouldUseIncreasedScalingPercent = arguments.length > 3 ? arguments[3] : undefined;
+  var isCommentEditor = arguments.length > 4 ? arguments[4] : undefined;
   return function (column) {
     var allowAddColumnCustomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var view = arguments.length > 2 ? arguments[2] : undefined;
@@ -33,7 +32,7 @@ export function addColumnAt(api) {
       if (allowAddColumnCustomStep) {
         updatedTr = addColumnAtCustomStep(column)(updatedTr);
       } else {
-        updatedTr = addColumnAtPMUtils(column, isCellBackgroundDuplicated)(updatedTr);
+        updatedTr = addColumnAtPMUtils(column)(updatedTr);
       }
       var table = findTable(updatedTr.selection);
       if (table) {
@@ -57,10 +56,9 @@ export function addColumnAt(api) {
 // Command to add a column before the column with the selection.
 export var addColumnBefore = function addColumnBefore(api) {
   var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var isCellBackgroundDuplicated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var shouldUseIncreasedScalingPercent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isCommentEditor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   return function (state, dispatch, view) {
     var table = findTable(state.selection);
     if (!table) {
@@ -68,7 +66,7 @@ export var addColumnBefore = function addColumnBefore(api) {
     }
     if (dispatch) {
       var rect = selectedRect(state);
-      dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
+      dispatch(addColumnAt(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
     }
     return true;
   };
@@ -76,7 +74,7 @@ export var addColumnBefore = function addColumnBefore(api) {
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
-export var addColumnAfter = function addColumnAfter(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor) {
+export var addColumnAfter = function addColumnAfter(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor) {
   return function (state, dispatch, view) {
     var table = findTable(state.selection);
     if (!table) {
@@ -84,20 +82,19 @@ export var addColumnAfter = function addColumnAfter(api, isTableScalingEnabled,
     }
     if (dispatch) {
       var rect = selectedRect(state);
-      dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
+      dispatch(addColumnAt(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
     }
     return true;
   };
 };
 export var insertColumn = function insertColumn(api) {
   var isTableScalingEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var isCellBackgroundDuplicated = arguments.length > 2 ? arguments[2] : undefined;
-  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 ? arguments[3] : undefined;
-  var shouldUseIncreasedScalingPercent = arguments.length > 4 ? arguments[4] : undefined;
-  var isCommentEditor = arguments.length > 5 ? arguments[5] : undefined;
+  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 2 ? arguments[2] : undefined;
+  var shouldUseIncreasedScalingPercent = arguments.length > 3 ? arguments[3] : undefined;
+  var isCommentEditor = arguments.length > 4 ? arguments[4] : undefined;
   return function (column) {
     return function (state, dispatch, view) {
-      var tr = addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
+      var tr = addColumnAt(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
       var table = findTable(tr.selection);
       if (!table) {
         return false;
@@ -111,7 +108,7 @@ export var insertColumn = function insertColumn(api) {
     };
   };
 };
-export var insertRow = function insertRow(row, moveCursorToTheNewRow, isCellBackgroundDuplicated) {
+export var insertRow = function insertRow(row, moveCursorToTheNewRow) {
   return function (state, dispatch) {
     // Don't clone the header row
     var headerRowEnabled = checkIfHeaderRowEnabled(state.selection);
@@ -122,7 +119,7 @@ export var insertRow = function insertRow(row, moveCursorToTheNewRow, isCellBack
     if (row === 0 && headerRowEnabled) {
       return false;
     }
-    var tr = clonePreviousRow ? copyPreviousRow(state.schema)(row)(state.tr) : addRowAt(row, undefined, isCellBackgroundDuplicated)(state.tr);
+    var tr = clonePreviousRow ? copyPreviousRow(state.schema)(row)(state.tr) : addRowAt(row, undefined)(state.tr);
     var table = findTable(tr.selection);
     if (!table) {
       return false;

package/dist/esm/commands-with-analytics.js

@@ -161,7 +161,6 @@ export var addRowAroundSelection = function addRowAroundSelection(editorAnalytic
   };
 };
 export var insertRowWithAnalytics = function insertRowWithAnalytics(editorAnalyticsAPI) {
-  var isCellbackgroundDuplicated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return function (inputMethod, options) {
     return withEditorAnalyticsAPI(function (state) {
       var _getSelectedTableInfo = getSelectedTableInfo(state.selection),
@@ -179,7 +178,7 @@ export var insertRowWithAnalytics = function insertRowWithAnalytics(editorAnalyt
         },
         eventType: EVENT_TYPE.TRACK
       };
-    })(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow, isCellbackgroundDuplicated));
+    })(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow));
   };
 };
 export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI, api) {
@@ -219,10 +218,9 @@ export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthBySt
 };
 export var insertColumnWithAnalytics = function insertColumnWithAnalytics(api, editorAnalyticsAPI) {
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var isCellbackgroundDuplicated = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var shouldUseIncreasedScalingPercent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var isCommentEditor = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   return function (inputMethod, position) {
     return withEditorAnalyticsAPI(function (state) {
       var _getSelectedTableInfo3 = getSelectedTableInfo(state.selection),
@@ -240,7 +238,7 @@ export var insertColumnWithAnalytics = function insertColumnWithAnalytics(api, e
         },
         eventType: EVENT_TYPE.TRACK
       };
-    })(editorAnalyticsAPI)(insertColumn(api, isTableScalingEnabled, isCellbackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(position));
+    })(editorAnalyticsAPI)(insertColumn(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(position));
   };
 };
 export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnalyticsAPI) {

package/dist/esm/event-handlers.js

@@ -398,11 +398,22 @@ export var isTableInFocus = function isTableInFocus(view) {
   var _getPluginState10, _getResizePluginState;
   return !!((_getPluginState10 = getPluginState(view.state)) !== null && _getPluginState10 !== void 0 && _getPluginState10.tableNode) && !((_getResizePluginState = getResizePluginState(view.state)) !== null && _getResizePluginState !== void 0 && _getResizePluginState.dragging);
 };
-export var whenTableInFocus = function whenTableInFocus(eventHandler) {
+export var whenTableInFocus = function whenTableInFocus(eventHandler, pluginInjectionApi) {
   return function (view, mouseEvent) {
+    var _pluginInjectionApi$e;
     if (!isTableInFocus(view)) {
       return false;
     }
+    var isViewMode = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) === 'view';
+    /**
+     * Table cannot be in focus if we are in view mode.
+     * This will prevent an infinite flow of adding and removing
+     * resize handle decorations in view mode that causes unpredictable
+     * selections.
+     */
+    if (isViewMode) {
+      return false;
+    }
     return eventHandler(view, mouseEvent);
   };
 };

package/dist/esm/nodeviews/TableComponent.js

@@ -148,7 +148,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var _this$props = _this.props,
         getNode = _this$props.getNode,
         containerWidth = _this$props.containerWidth,
-        options = _this$props.options;
+        options = _this$props.options,
+        allowTableResizing = _this$props.allowTableResizing;
       var prevNode = _this.node;
       var node = getNode();
       var prevAttrs = prevNode.attrs;
@@ -182,7 +183,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       // This last check is also to cater for dynamic text sizing changing the 'default' layout width
       // Usually happens on window resize.
       layoutSize !== _this.layoutSize || noOfColumnsChanged) {
-        var shouldScaleTable = (!(options !== null && options !== void 0 && options.isTableResizingEnabled) || (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) && isNested) && !hasNumberedColumnChanged && !noOfColumnsChanged;
+        var shouldScaleTable = (!allowTableResizing || allowTableResizing && isNested) && !hasNumberedColumnChanged && !noOfColumnsChanged;
 
         // If column has been inserted/deleted avoid multi dispatch
         if (shouldScaleTable) {
@@ -192,7 +193,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         }
 
         // only when table resizing is enabled and toggle numbered column to run scaleTable
-        if (options !== null && options !== void 0 && options.isTableResizingEnabled && hasNumberedColumnChanged) {
+        if (allowTableResizing && hasNumberedColumnChanged) {
           if (!hasTableBeenResized(prevNode)) {
             _this.scaleTable({
               parentWidth: node.attrs.width
@@ -244,7 +245,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = _this.props,
         dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent,
         containerWidth = _this$props3.containerWidth,
-        options = _this$props3.options;
+        allowTableResizing = _this$props3.allowTableResizing;
       var parentWidth = ((_this$state = _this.state) === null || _this$state === void 0 ? void 0 : _this$state.parentWidth) || 0;
       _this.initialOverflowCaptureTimerId = setTimeout(function () {
         dispatchAnalyticsEvent({
@@ -255,7 +256,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           attributes: {
             editorWidth: containerWidth.width || 0,
             isOverflowing: isOverflowing,
-            tableResizingEnabled: (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) || false,
+            tableResizingEnabled: allowTableResizing || false,
             width: _this.node.attrs.width || 0,
             parentWidth: parentWidth
           }
@@ -376,8 +377,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         _this2 = this;
       var _this$props7 = this.props,
         allowColumnResizing = _this$props7.allowColumnResizing,
+        allowTableResizing = _this$props7.allowTableResizing,
         eventDispatcher = _this$props7.eventDispatcher,
-        options = _this$props7.options,
         isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
         getNode = _this$props7.getNode,
         getEditorFeatureFlags = _this$props7.getEditorFeatureFlags,
@@ -430,7 +431,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
          * We no longer use `containerWidth` as a variable to determine an update for table resizing (avoids unnecessary updates).
          * Instead we use the resize event to only trigger updates when necessary.
          */
-        if (!(options !== null && options !== void 0 && options.isTableResizingEnabled)) {
+        if (!allowTableResizing) {
           window.addEventListener('resize', this.handleWindowResizeDebounced);
         }
         this.handleTableResizingDebounced();
@@ -451,8 +452,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var _this$resizeObserver, _this$wrapperReisizeO, _this$table4, _this$table5, _this$table6;
       var _this$props8 = this.props,
         allowColumnResizing = _this$props8.allowColumnResizing,
+        allowTableResizing = _this$props8.allowTableResizing,
         eventDispatcher = _this$props8.eventDispatcher,
-        options = _this$props8.options,
         isDragAndDropEnabled = _this$props8.isDragAndDropEnabled;
       if (this.wrapper && !isIE11) {
         this.wrapper.removeEventListener('scroll', this.handleScrollDebounced);
@@ -469,10 +470,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       this.scaleTableDebounced.cancel();
       this.handleTableResizingDebounced.cancel();
       this.handleAutoSizeDebounced.cancel();
-      if (!(options !== null && options !== void 0 && options.isTableResizingEnabled)) {
+      if (!allowTableResizing) {
         this.handleWindowResizeDebounced.cancel();
       }
-      if (!(options !== null && options !== void 0 && options.isTableResizingEnabled) && allowColumnResizing) {
+      if (!allowTableResizing && allowColumnResizing) {
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
       this === null || this === void 0 || (_this$table4 = this.table) === null || _this$table4 === void 0 || _this$table4.removeEventListener('mouseenter', this.handleMouseEnter);
@@ -619,6 +620,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         getNode = _this$props11.getNode,
         isMediaFullscreen = _this$props11.isMediaFullscreen,
         allowColumnResizing = _this$props11.allowColumnResizing,
+        allowTableResizing = _this$props11.allowTableResizing,
         isResizing = _this$props11.isResizing,
         options = _this$props11.options,
         isTableScalingEnabled = _this$props11.isTableScalingEnabled,
@@ -651,7 +653,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (isInDanger && !table) {
         clearHoverSelection()(view.state, view.dispatch);
       }
-      if ((_this$props$options9 = this.props.options) !== null && _this$props$options9 !== void 0 && _this$props$options9.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
+      if ((_this$props$options9 = this.props.options) !== null && _this$props$options9 !== void 0 && _this$props$options9.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
         this.removeInlineTableWidth();
       }
       if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {
@@ -691,7 +693,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // re-draw colgroup.
         if (tablesHaveDifferentColumnWidths(currentTable, previousTable) || isNoOfColumnsChanged) {
           var _view = this.props.view;
-          var shouldRecreateResizeCols = !(options !== null && options !== void 0 && options.isTableResizingEnabled) || !isResizing || isNoOfColumnsChanged && isResizing;
+          var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
             var start = getPos() || 0;
             var depth = _view.state.doc.resolve(start).depth;
@@ -759,7 +761,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isDragAndDropEnabled = _this$props12.isDragAndDropEnabled,
         getEditorFeatureFlags = _this$props12.getEditorFeatureFlags,
         isTableScalingEnabled = _this$props12.isTableScalingEnabled,
-        isTableAlignmentEnabled = _this$props12.isTableAlignmentEnabled;
+        allowTableResizing = _this$props12.allowTableResizing,
+        allowTableAlignment = _this$props12.allowTableAlignment;
       var _this$props13 = this.props,
         isInDanger = _this$props13.isInDanger,
         hoveredRows = _this$props13.hoveredRows,
@@ -873,12 +876,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isNested: isNested,
         pluginInjectionApi: pluginInjectionApi,
         tableWrapperHeight: this.state.tableWrapperHeight,
-        isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.isTableResizingEnabled,
+        isTableResizingEnabled: allowTableResizing,
         isResizing: isResizing,
         isTableScalingEnabled: isTableScalingEnabled,
         isTableWithFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
         isWholeTableInDanger: isWholeTableInDanger,
-        isTableAlignmentEnabled: isTableAlignmentEnabled,
+        isTableAlignmentEnabled: allowTableAlignment,
         shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
         isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
         isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor

package/dist/esm/nodeviews/TableComponentWithSharedState.js

@@ -16,7 +16,9 @@ export var TableComponentWithSharedState = function TableComponentWithSharedStat
     allowColumnResizing = _ref.allowColumnResizing,
     allowControls = _ref.allowControls,
     getPos = _ref.getPos,
-    forwardRef = _ref.forwardRef;
+    forwardRef = _ref.forwardRef,
+    allowTableAlignment = _ref.allowTableAlignment,
+    allowTableResizing = _ref.allowTableResizing;
   var _useSharedPluginState = useSharedPluginState(api, ['width', 'table', 'media']),
     widthState = _useSharedPluginState.widthState,
     tableState = _useSharedPluginState.tableState,
@@ -62,7 +64,8 @@ export var TableComponentWithSharedState = function TableComponentWithSharedStat
     isHeaderColumnEnabled: isHeaderColumnEnabled,
     isDragAndDropEnabled: options === null || options === void 0 ? void 0 : options.isDragAndDropEnabled,
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
-    isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.isTableAlignmentEnabled,
+    allowTableAlignment: allowTableAlignment,
+    allowTableResizing: allowTableResizing,
     tableActive: tableActive,
     ordering: ordering,
     isResizing: isResizing,

package/dist/esm/nodeviews/lazy-node-views.js

@@ -7,7 +7,7 @@ import TableRow from './TableRow';
 export var lazyTableView = function lazyTableView(options) {
   if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
-      return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isTableAlignmentEnabled, options.isCommentEditor, options.isChromelessEditor);
+      return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor);
     };
   }
   var loader = function loader() {
@@ -22,10 +22,9 @@ export var lazyTableView = function lazyTableView(options) {
           getEditorFeatureFlags = _getNodeViewOptions.getEditorFeatureFlags,
           dispatchAnalyticsEvent = _getNodeViewOptions.dispatchAnalyticsEvent,
           pluginInjectionApi = _getNodeViewOptions.pluginInjectionApi,
-          isTableAlignmentEnabled = _getNodeViewOptions.isTableAlignmentEnabled,
           isCommentEditor = _getNodeViewOptions.isCommentEditor,
           isChromelessEditor = _getNodeViewOptions.isChromelessEditor;
-        return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isTableAlignmentEnabled, isCommentEditor, isChromelessEditor);
+        return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor);
       };
     });
     return result;

package/dist/esm/nodeviews/table.js

@@ -38,15 +38,15 @@ var tableAttributes = function tableAttributes(node) {
     'data-table-display-mode': node.attrs.displayMode
   };
 };
-var getInlineWidth = function getInlineWidth(node, options, state, pos) {
-  if (!node.attrs.width && options !== null && options !== void 0 && options.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled) {
+var getInlineWidth = function getInlineWidth(node, options, state, pos, allowTableResizing) {
+  if (!node.attrs.width && options !== null && options !== void 0 && options.isCommentEditor && allowTableResizing) {
     return;
   }
 
   // provide a width for tables when custom table width is supported
   // this is to ensure 'responsive' tables (colgroup widths are undefined) become fixed to
   // support screen size adjustments
-  var shouldHaveInlineWidth = (options === null || options === void 0 ? void 0 : options.isTableResizingEnabled) && !isTableNested(state, pos);
+  var shouldHaveInlineWidth = allowTableResizing && !isTableNested(state, pos);
   var widthValue = getTableContainerWidth(node);
   if (node.attrs.isNumberColumnEnabled) {
     widthValue -= akEditorTableNumberColumnWidth;
@@ -91,7 +91,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
         var _this$options, _this$options2, _this$getEditorFeatur;
         this.table = rendered.dom;
         if (!((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.isTableScalingEnabled) || (_this$options2 = this.options) !== null && _this$options2 !== void 0 && _this$options2.isTableScalingEnabled && (_this$getEditorFeatur = this.getEditorFeatureFlags) !== null && _this$getEditorFeatur !== void 0 && _this$getEditorFeatur.call(this).tableWithFixedColumnWidthsOption && this.node.attrs.displayMode === 'fixed') {
-          var tableInlineWidth = getInlineWidth(this.node, this.reactComponentProps.options, this.reactComponentProps.view.state, this.reactComponentProps.getPos());
+          var tableInlineWidth = getInlineWidth(this.node, this.reactComponentProps.options, this.reactComponentProps.view.state, this.reactComponentProps.getPos(), this.reactComponentProps.allowTableResizing);
           if (tableInlineWidth) {
             handleInlineTableWidth(this.table, tableInlineWidth);
           }
@@ -118,7 +118,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
       if (!((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.isTableScalingEnabled) || (_this$options4 = this.options) !== null && _this$options4 !== void 0 && _this$options4.isTableScalingEnabled && (_this$getEditorFeatur2 = this.getEditorFeatureFlags) !== null && _this$getEditorFeatur2 !== void 0 && _this$getEditorFeatur2.call(this).tableWithFixedColumnWidthsOption && node.attrs.displayMode === 'fixed') {
         var _tableWidthPluginKey$;
         // handle inline style when table been resized
-        var tableInlineWidth = getInlineWidth(node, this.reactComponentProps.options, this.view.state, this.getPos());
+        var tableInlineWidth = getInlineWidth(node, this.reactComponentProps.options, this.view.state, this.getPos(), this.reactComponentProps.allowTableResizing);
         var isTableResizing = (_tableWidthPluginKey$ = tableWidthPluginKey.getState(this.view.state)) === null || _tableWidthPluginKey$ === void 0 ? void 0 : _tableWidthPluginKey$.resizing;
         if (!isTableResizing && tableInlineWidth) {
           handleInlineTableWidth(this.table, tableInlineWidth);
@@ -138,6 +138,8 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
           eventDispatcher: props.eventDispatcher,
           api: props.pluginInjectionApi,
           allowColumnResizing: props.allowColumnResizing,
+          allowTableAlignment: props.allowTableAlignment,
+          allowTableResizing: props.allowTableResizing,
           allowControls: props.allowControls,
           getPos: props.getPos,
           getEditorFeatureFlags: props.getEditorFeatureFlags,
@@ -175,7 +177,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
         },
         editorView: props.view,
         render: function render(pluginStates) {
-          var _props$options, _props$options2;
+          var _props$options;
           var tableResizingPluginState = pluginStates.tableResizingPluginState,
             tableWidthPluginState = pluginStates.tableWidthPluginState,
             pluginState = pluginStates.pluginState,
@@ -209,7 +211,8 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
             isDragAndDropEnabled: pluginState.isDragAndDropEnabled,
             isTableScalingEnabled: (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.isTableScalingEnabled // this.options?.isTableScalingEnabled same as TableOptions.isTableScalingEnabled same as pluginState.isTableScalingEnabled
             ,
-            isTableAlignmentEnabled: (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.isTableAlignmentEnabled,
+            allowTableAlignment: props.allowTableAlignment,
+            allowTableResizing: props.allowTableResizing,
             tableActive: tableActive,
             ordering: pluginState.ordering,
             isResizing: isResizing,
@@ -287,21 +290,24 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
   return TableView;
 }(ReactNodeView);
 export { TableView as default };
-export var createTableView = function createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isTableAlignmentEnabled, isCommentEditor, isChromelessEditor) {
+export var createTableView = function createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor) {
   var _getPluginState2 = getPluginState(view.state),
     pluginConfig = _getPluginState2.pluginConfig,
     isFullWidthModeEnabled = _getPluginState2.isFullWidthModeEnabled,
     wasFullWidthModeEnabled = _getPluginState2.wasFullWidthModeEnabled,
-    isTableResizingEnabled = _getPluginState2.isTableResizingEnabled,
     isDragAndDropEnabled = _getPluginState2.isDragAndDropEnabled,
     isTableScalingEnabled = _getPluginState2.isTableScalingEnabled;
   var _getPluginConfig = getPluginConfig(pluginConfig),
     allowColumnResizing = _getPluginConfig.allowColumnResizing,
-    allowControls = _getPluginConfig.allowControls;
+    allowControls = _getPluginConfig.allowControls,
+    allowTableResizing = _getPluginConfig.allowTableResizing,
+    allowTableAlignment = _getPluginConfig.allowTableAlignment;
   return new TableView({
     node: node,
     view: view,
     allowColumnResizing: allowColumnResizing,
+    allowTableResizing: allowTableResizing,
+    allowTableAlignment: allowTableAlignment,
     allowControls: allowControls,
     portalProviderAPI: portalProviderAPI,
     eventDispatcher: eventDispatcher,
@@ -309,11 +315,9 @@ export var createTableView = function createTableView(node, view, getPos, portal
     options: {
       isFullWidthModeEnabled: isFullWidthModeEnabled,
       wasFullWidthModeEnabled: wasFullWidthModeEnabled,
-      isTableResizingEnabled: isTableResizingEnabled,
       isDragAndDropEnabled: isDragAndDropEnabled,
       isTableScalingEnabled: isTableScalingEnabled,
       // same as options.isTableScalingEnabled
-      isTableAlignmentEnabled: isTableAlignmentEnabled,
       isCommentEditor: isCommentEditor,
       isChromelessEditor: isChromelessEditor
     },