@atlaskit/editor-plugin-table 24.3.14 → 24.4.1

package/dist/cjs/ui/TableMenu/shared/selection.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMenuSelectionRect = void 0;
+var _utils = require("@atlaskit/editor-tables/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+/**
+ * Resolve the table `Rect` for the current selection. Falls back to the closest cell's rect
+ * for a `TextSelection` (cell menu), where `getSelectionRect` returns `undefined`. Gated:
+ * with the gate off this behaves exactly like `getSelectionRect`.
+ */
+var getMenuSelectionRect = exports.getMenuSelectionRect = function getMenuSelectionRect(selection) {
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_table_cell_menu_update')) {
+    return (0, _utils.getSelectionRect)(selection);
+  }
+  return (0, _utils.isSelectionType)(selection, 'cell') ? (0, _utils.getSelectionRect)(selection) : (0, _utils.findCellRectClosestToPos)(selection.$from);
+};

package/dist/es2019/nodeviews/TableResizer.js

@@ -246,11 +246,8 @@ export const TableResizer = ({
     };
   }, [editorView, displayGuideline, displayGapCursor]);
   const handleResizeStart = useCallback(() => {
-    var _pluginInjectionApi$u;
-    if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-      var _insm$session;
-      (_insm$session = insm.session) === null || _insm$session === void 0 ? void 0 : _insm$session.startFeature('tableResize');
-    }
+    var _insm$session, _pluginInjectionApi$u;
+    (_insm$session = insm.session) === null || _insm$session === void 0 ? void 0 : _insm$session.startFeature('tableResize');
     startMeasure();
     isResizing.current = true;
     const {
@@ -326,7 +323,7 @@ export const TableResizer = ({
   }, [countFrames, isCommentEditor, isChromelessEditor, isFullPageAppearance, isTableScalingEnabled, allowFixedColumnWidthOption, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
   const scheduleResize = useMemo(() => rafSchd(handleResize), [handleResize]);
   const handleResizeStop = useCallback((originalState, delta) => {
-    var _node$attrs$localId2, _node$attrs2, _pluginInjectionApi$u3;
+    var _node$attrs$localId2, _node$attrs2, _pluginInjectionApi$u3, _insm$session2;
     isResizing.current = false;
     let newWidth = originalState.width + delta.width;
     const originalNewWidth = newWidth;
@@ -410,10 +407,7 @@ export const TableResizer = ({
     if (onResizeStop) {
       onResizeStop();
     }
-    if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-      var _insm$session2;
-      (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableResize');
-    }
+    (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableResize');
     return newWidth;
   }, [editorView, getPos, node, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage, isFullPageAppearance]);
   const handleTableSizeChangeOnKeypress = useCallback(step => {

package/dist/es2019/nodeviews/TableSSRReactContextsProvider.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { isSSR, isSSRStreaming } from '@atlaskit/editor-common/core-utils';
+export function TableSSRReactContextsProvider({
+  children,
+  intl
+}) {
+  if (!isSSR() || !isSSRStreaming()) {
+    return children;
+  }
+  if (!intl) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(RawIntlProvider, {
+    value: intl
+  }, children);
+}

package/dist/es2019/nodeviews/table-node-views.js

@@ -7,7 +7,7 @@ import TableRow from './TableRow';
 import TableRowNativeStickyWithFallback from './TableRowNativeStickyWithFallback';
 export const tableView = options => {
   return (node, view, getPos) => {
-    return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
+    return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption, options.intl);
   };
 };
 export const tableCellView = options => {

package/dist/es2019/nodeviews/table.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { isSSR, isSSRStreaming } from '@atlaskit/editor-common/core-utils';
+import { isSSRStreaming } from '@atlaskit/editor-common/core-utils';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { isTableInContentMode } from '@atlaskit/editor-common/table';
@@ -17,6 +17,7 @@ import { isTableNested, tablesHaveDifferentColumnWidths } from '../pm-plugins/ut
 import { isContentModeSupported } from '../pm-plugins/utils/tableMode/is-content-mode-supported';
 import { RoundedTableEdges } from './rounded-table-edges';
 import { TableComponentWithSharedState } from './TableComponentWithSharedState';
+import { TableSSRReactContextsProvider } from './TableSSRReactContextsProvider';
 import { tableNodeSpecWithFixedToDOM } from './toDOM';
 const tableAttributes = node => {
   return {
@@ -62,6 +63,7 @@ export default class TableView extends ReactNodeView {
     this.eventDispatcher = props.eventDispatcher;
     this.options = props.options;
     this.getEditorFeatureFlags = props.getEditorFeatureFlags;
+    this.intl = props.intl;
     if (expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true)) {
       this.roundedTableEdges = new RoundedTableEdges(() => this.table, props.node);
     }
@@ -140,7 +142,11 @@ export default class TableView extends ReactNodeView {
       }
 
       // Remove the ProseMirror table DOM structure to avoid duplication, as it's replaced with the React table node.
-      if (this.dom && this.renderedDOM) {
+      // In SSR streaming the portal renders via `container.innerHTML = html` (portal/common.tsx), which detaches
+      // `renderedDOM` from `dom` before this runs; require it to still be a child so `removeChild` doesn't throw
+      // `NotFoundError` (which would make EditorSSRRenderer fall back to the position-blind schema toDOM and lose
+      // nested detection). CSR keeps the original condition unchanged.
+      if (this.dom && this.renderedDOM && (!isSSRStreaming() || this.renderedDOM.parentNode === this.dom)) {
         this.dom.removeChild(this.renderedDOM);
       }
       // Move the table from the ProseMirror table structure into the React rendered table node.
@@ -232,7 +238,9 @@ export default class TableView extends ReactNodeView {
     return didUpdate;
   }
   render(props, forwardRef) {
-    return /*#__PURE__*/React.createElement(TableComponentWithSharedState, {
+    return /*#__PURE__*/React.createElement(TableSSRReactContextsProvider, {
+      intl: this.intl
+    }, /*#__PURE__*/React.createElement(TableComponentWithSharedState, {
       forwardRef: forwardRef,
       getNode: this.getNode,
       view: props.view,
@@ -247,7 +255,7 @@ export default class TableView extends ReactNodeView {
       getEditorFeatureFlags: props.getEditorFeatureFlags,
       dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
       allowFixedColumnWidthOption: props.allowFixedColumnWidthOption
-    });
+    }));
   }
   viewShouldUpdate(nextNode) {
     const {
@@ -315,7 +323,7 @@ export default class TableView extends ReactNodeView {
     super.destroy();
   }
 }
-export const createTableView = (node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) => {
+export const createTableView = (node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption, intl) => {
   var _pluginInjectionApi$t;
   const {
     pluginConfig,
@@ -332,22 +340,6 @@ export const createTableView = (node, view, getPos, portalProviderAPI, eventDisp
   } = getPluginConfig(pluginConfig);
   const isTableFixedColumnWidthsOptionEnabled = (fg('platform_editor_table_fixed_column_width_prop') ? allowFixedColumnWidthOption : getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().tableWithFixedColumnWidthsOption) || false;
   const shouldUseIncreasedScalingPercent = isTableScalingEnabled && (isTableFixedColumnWidthsOptionEnabled || isCommentEditor);
-
-  // In SSR use native ProseMirror spec-based render for table nodes
-  if (isSSR() && isSSRStreaming()) {
-    const isNested = isTableNested(view.state, typeof getPos === 'function' ? getPos() : undefined);
-    const tableDOMStructure = tableNodeSpecWithFixedToDOM({
-      allowColumnResizing: allowColumnResizing !== null && allowColumnResizing !== void 0 ? allowColumnResizing : false,
-      tableResizingEnabled: allowTableResizing !== null && allowTableResizing !== void 0 ? allowTableResizing : false,
-      getEditorContainerWidth,
-      isTableScalingEnabled,
-      shouldUseIncreasedScalingPercent,
-      isCommentEditor,
-      isChromelessEditor,
-      isNested
-    }).toDOM(node);
-    return DOMSerializer.renderSpec(document, tableDOMStructure);
-  }
   return new TableView({
     node,
     view,
@@ -371,6 +363,7 @@ export const createTableView = (node, view, getPos, portalProviderAPI, eventDisp
     getEditorFeatureFlags,
     dispatchAnalyticsEvent,
     pluginInjectionApi,
-    allowFixedColumnWidthOption
+    allowFixedColumnWidthOption,
+    intl
   }).init();
 };

package/dist/es2019/pm-plugins/commands/insert.js

@@ -6,7 +6,9 @@ import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { addColumnAt as addColumnAtPMUtils, addRowAt, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { updateRowOrColumnMovedTransform } from '../analytics/commands';
 import { META_KEYS } from '../table-analytics';
 import { rescaleColumns } from '../transforms/column-width';
@@ -232,7 +234,14 @@ export const insertTableWithNestingSupport = ({
 }, api, analyticsPayload) => ({
   tr
 }) => {
-  var _api$contentInsertion, _api$contentInsertion2, _tr$selection$$from$n2;
+  var _api$markdownMode, _api$contentInsertion, _api$contentInsertion2, _tr$selection$$from$n2;
+  // Delegate to the markdown plugin to insert a markdown table string at the CM cursor position.
+  const markdownState = api === null || api === void 0 ? void 0 : (_api$markdownMode = api.markdownMode) === null || _api$markdownMode === void 0 ? void 0 : _api$markdownMode.sharedState.currentState();
+  if (markdownState !== null && markdownState !== void 0 && markdownState.isMarkdownMode && (markdownState === null || markdownState === void 0 ? void 0 : markdownState.view) === 'syntax' && expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && fg('platform_editor_markdown_compatible_toolbar')) {
+    var _api$markdownMode2;
+    api === null || api === void 0 ? void 0 : (_api$markdownMode2 = api.markdownMode) === null || _api$markdownMode2 === void 0 ? void 0 : _api$markdownMode2.actions.insertSourceTable(createTableProps.rowsCount, createTableProps.colsCount);
+    return tr;
+  }
   const {
     schema
   } = tr.doc.type;

package/dist/es2019/pm-plugins/drag-and-drop/plugin.js

@@ -35,20 +35,16 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
       return type === 'table-row';
     },
     onDragStart() {
-      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-        var _insm$session;
-        (_insm$session = insm.session) === null || _insm$session === void 0 ? void 0 : _insm$session.startFeature('tableDragAndDrop');
-      }
+      var _insm$session;
+      (_insm$session = insm.session) === null || _insm$session === void 0 ? void 0 : _insm$session.startFeature('tableDragAndDrop');
       // auto scroller doesn't work when scroll-behavior: smooth is set, this monitor temporarily removes it via inline styles
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       editorPageScrollContainer.style.setProperty('scroll-behavior', 'unset');
     },
     onDrop() {
-      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-        var _insm$session2;
-        (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableDragAndDrop');
-      }
+      var _insm$session2;
+      (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableDragAndDrop');
       // 'null' will remove the inline style
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -89,10 +85,8 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
       return localId === (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.localId);
     },
     onDragStart: () => {
-      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-        var _insm$session3;
-        (_insm$session3 = insm.session) === null || _insm$session3 === void 0 ? void 0 : _insm$session3.startFeature('tableDragAndDrop');
-      }
+      var _insm$session3;
+      (_insm$session3 = insm.session) === null || _insm$session3 === void 0 ? void 0 : _insm$session3.startFeature('tableDragAndDrop');
       if (expValEquals('platform_editor_table_menu_updates', 'isEnabled', true)) {
         api === null || api === void 0 ? void 0 : api.core.actions.execute(({
           tr
@@ -165,13 +159,10 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
       }
       // If no data can be found then it's most like we do not want to perform any drop action
       if (!data) {
-        var _event$source, _event$source$data, _event$source2, _event$source2$data;
+        var _insm$session4, _event$source, _event$source$data, _event$source2, _event$source2$data;
         // If we're able to determine the source type of the dropped element then we should report to analytics that
         // the drop event was cancelled. Otherwise we will cancel silently.
-        if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-          var _insm$session4;
-          (_insm$session4 = insm.session) === null || _insm$session4 === void 0 ? void 0 : _insm$session4.endFeature('tableDragAndDrop');
-        }
+        (_insm$session4 = insm.session) === null || _insm$session4 === void 0 ? void 0 : _insm$session4.endFeature('tableDragAndDrop');
         if ((event === null || event === void 0 ? void 0 : (_event$source = event.source) === null || _event$source === void 0 ? void 0 : (_event$source$data = _event$source.data) === null || _event$source$data === void 0 ? void 0 : _event$source$data.type) === 'table-row' || (event === null || event === void 0 ? void 0 : (_event$source2 = event.source) === null || _event$source2 === void 0 ? void 0 : (_event$source2$data = _event$source2.data) === null || _event$source2$data === void 0 ? void 0 : _event$source2$data.type) === 'table-column') {
           var _event$source$data2;
           return clearDropTargetWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.DRAG_AND_DROP, event.source.data.type, (_event$source$data2 = event.source.data) === null || _event$source$data2 === void 0 ? void 0 : _event$source$data2.indexes, TABLE_STATUS.CANCELLED, tr)(editorView.state, editorView.dispatch);
@@ -197,16 +188,15 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
 
       // If the drop target index contains merged cells then we should not allow the drop to occur.
       if (hasMergedCellsInBetween([targetAdjustedIndex - 1, targetAdjustedIndex], sourceType === 'table-row' ? DropTargetType.ROW : DropTargetType.COLUMN)(editorView.state.selection)) {
+        var _insm$session5;
         clearDropTargetWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.DRAG_AND_DROP, sourceType, sourceIndexes,
         // This event is mrked as invalid because the user is attempting to drop an element in an area which has merged cells.
         TABLE_STATUS.INVALID, tr)(editorView.state, editorView.dispatch);
-        if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-          var _insm$session5;
-          (_insm$session5 = insm.session) === null || _insm$session5 === void 0 ? void 0 : _insm$session5.endFeature('tableDragAndDrop');
-        }
+        (_insm$session5 = insm.session) === null || _insm$session5 === void 0 ? void 0 : _insm$session5.endFeature('tableDragAndDrop');
         return;
       }
       requestAnimationFrame(() => {
+        var _insm$session6;
         if (behaviour === 'clone') {
           cloneSourceWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.DRAG_AND_DROP, sourceType, sourceIndexes, targetIndex, targetDirection, tr)(editorView.state, editorView.dispatch);
         } else {
@@ -234,10 +224,7 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
           }
         }
         editorView.focus();
-        if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-          var _insm$session6;
-          (_insm$session6 = insm.session) === null || _insm$session6 === void 0 ? void 0 : _insm$session6.endFeature('tableDragAndDrop');
-        }
+        (_insm$session6 = insm.session) === null || _insm$session6 === void 0 ? void 0 : _insm$session6.endFeature('tableDragAndDrop');
       });
     }
   }));

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

@@ -1,7 +1,7 @@
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { insideTable } from '@atlaskit/editor-common/core-utils';
+import { insideTable, isSSRStreaming } from '@atlaskit/editor-common/core-utils';
 import { isNestedTablesSupported } from '@atlaskit/editor-common/nesting';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { transformSliceToRemoveOpenBodiedExtension, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenLayoutNodes, transformSliceToRemoveOpenMultiBodiedExtension, transformSliceToRemoveOpenNestedExpand } from '@atlaskit/editor-common/transforms';
@@ -60,6 +60,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
     }
     return editorView.state;
   };
+  const intl = isSSRStreaming() ? getIntl() : undefined;
   const getNodeView = () => {
     return {
       table: tableView({
@@ -71,7 +72,8 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
         pluginInjectionApi,
         isCommentEditor,
         isChromelessEditor,
-        allowFixedColumnWidthOption
+        allowFixedColumnWidthOption,
+        intl
       }),
       tableRow: tableRowView({
         eventDispatcher,

package/dist/es2019/pm-plugins/table-resizing/event-handlers.js

@@ -3,7 +3,6 @@ import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { insm } from '@atlaskit/insm';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
 import { updateResizeHandleDecorations } from '../commands/misc';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
@@ -19,7 +18,7 @@ import { currentColWidth, getTableMaxWidth, pointsAtCell, getScalingPercentForTa
 import { resizeColumn } from './utils/resize-column';
 import { getResizeState } from './utils/resize-state';
 export const handleMouseDown = (view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isCommentEditor) => {
-  var _originalTable$attrs;
+  var _insm$session, _originalTable$attrs;
   const {
     state,
     dispatch
@@ -36,10 +35,7 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
     isKeyboardResize
   } = getTablePluginState(state);
   event.preventDefault();
-  if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-    var _insm$session;
-    (_insm$session = insm.session) === null || _insm$session === void 0 ? void 0 : _insm$session.startFeature('tableColumnResize');
-  }
+  (_insm$session = insm.session) === null || _insm$session === void 0 ? void 0 : _insm$session.startFeature('tableColumnResize');
   const tr = view.state.tr;
   tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
     name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED_COLUMN
@@ -136,17 +132,13 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
       isTableHovered
     } = getTablePluginState(state);
     if (resizeHandlePos === null) {
-      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-        var _insm$session2;
-        (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableColumnResize');
-      }
+      var _insm$session2;
+      (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableColumnResize');
       return stopResizing()(state, dispatch);
     }
     if (!pointsAtCell(state.doc.resolve(resizeHandlePos))) {
-      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-        var _insm$session3;
-        (_insm$session3 = insm.session) === null || _insm$session3 === void 0 ? void 0 : _insm$session3.endFeature('tableColumnResize');
-      }
+      var _insm$session3;
+      (_insm$session3 = insm.session) === null || _insm$session3 === void 0 ? void 0 : _insm$session3.endFeature('tableColumnResize');
       return;
     }
     // resizeHandlePos could be remapped via a collab change.
@@ -159,10 +151,8 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
 
     // If we let go in the same place we started, don't need to do anything.
     if (dragging && clientX === dragging.startX) {
-      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-        var _insm$session4;
-        (_insm$session4 = insm.session) === null || _insm$session4 === void 0 ? void 0 : _insm$session4.endFeature('tableColumnResize');
-      }
+      var _insm$session4;
+      (_insm$session4 = insm.session) === null || _insm$session4 === void 0 ? void 0 : _insm$session4.endFeature('tableColumnResize');
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed
@@ -176,6 +166,7 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
       tr
     } = state;
     if (dragging) {
+      var _insm$session5;
       const {
         startX
       } = dragging;
@@ -233,10 +224,7 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
           }
         })(tr);
       }
-      if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
-        var _insm$session5;
-        (_insm$session5 = insm.session) === null || _insm$session5 === void 0 ? void 0 : _insm$session5.endFeature('tableColumnResize');
-      }
+      (_insm$session5 = insm.session) === null || _insm$session5 === void 0 ? void 0 : _insm$session5.endFeature('tableColumnResize');
       if (isKeyboardResize || !isTableHovered) {
         /** if column resize had started via keyboard but continued by mouse
          *  or mouse pointer leaves the table but mouse button still pressed

package/dist/es2019/pm-plugins/table-resizing/utils/colgroup.js

@@ -1,3 +1,4 @@
+import { isSSRStreaming } from '@atlaskit/editor-common/core-utils';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths, getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
@@ -22,7 +23,7 @@ const generateColStyle = (fixedColWidth, tableWidth, isCommentEditor, isChromele
     if (hasTableBeenResized) {
       return `width: max(${fixedColWidth}px, ${tableCellMinWidth}px)`;
     }
-    return `width: ${tableCellMinWidth}px)`;
+    return isSSRStreaming() ? `width: ${tableCellMinWidth}px` : `width: ${tableCellMinWidth}px)`;
   }
   if (isFullPageEditor || !isFullPageEditor && isTableHasWidth) {
     const scaledPercent = isNumberColumnEnabled ? `calc(calc(var(--ak-editor-table-width) - ${akEditorTableNumberColumnWidth}px - 1px)/${tableWidth})` : `calc(calc(var(--ak-editor-table-width) - 1px)/${tableWidth})`;

package/dist/es2019/tablePlugin.js

@@ -13,6 +13,7 @@ import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/ut
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { tableNodeSpecWithFixedToDOM } from './nodeviews/toDOM';
 import { createPlugin as createActiveCellHighlightPlugin } from './pm-plugins/active-cell-highlight/plugin';
@@ -544,7 +545,7 @@ const tablePlugin = ({
         keyshortcut: tooltip(toggleTable),
         icon: () => /*#__PURE__*/React.createElement(IconTable, null),
         action(insert, state) {
-          var _api$table, _options$tableOptions6, _tr$selection$$from$n;
+          var _api$markdownMode, _api$table, _options$tableOptions6, _tr$selection$$from$n;
           if (isTableSelectorEnabled) {
             const tr = insert('');
             tr.setMeta(sizeSelectorPluginKey, {
@@ -553,6 +554,14 @@ const tablePlugin = ({
             return tr;
           }
 
+          // Delegate to the markdown plugin to insert a markdown table string at the CM cursor position.
+          const markdownState = api === null || api === void 0 ? void 0 : (_api$markdownMode = api.markdownMode) === null || _api$markdownMode === void 0 ? void 0 : _api$markdownMode.sharedState.currentState();
+          if (markdownState !== null && markdownState !== void 0 && markdownState.isMarkdownMode && (markdownState === null || markdownState === void 0 ? void 0 : markdownState.view) === 'syntax' && expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && fg('platform_editor_markdown_compatible_toolbar')) {
+            var _api$markdownMode2;
+            api === null || api === void 0 ? void 0 : (_api$markdownMode2 = api.markdownMode) === null || _api$markdownMode2 === void 0 ? void 0 : _api$markdownMode2.actions.insertSourceTable();
+            return state.tr;
+          }
+
           // see comment on tablesPlugin.getSharedState on usage
           const tableState = api === null || api === void 0 ? void 0 : (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
           const tableNodeProps = {

package/dist/es2019/ui/TableMenu/cell/getCellMenuComponents.js

@@ -4,14 +4,146 @@ import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import AlignPositionBottomIcon from '@atlaskit/icon-lab/core/align-position-bottom';
 import AlignPositionCenterVerticalIcon from '@atlaskit/icon-lab/core/align-position-center-vertical';
 import AlignPositionTopIcon from '@atlaskit/icon-lab/core/align-position-top';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MergeCellsItem } from './items/MergeCellsItem';
 import { SplitCellItem } from './items/SplitCellItem';
 import { VerticalAlignDropdownItem } from './items/VerticalAlignDropdownItem';
 import { VerticalAlignNestedMenu } from './items/VerticalAlignNestedMenu';
-import { CELL_MENU, CELL_ACTION_SECTION, CELL_DANGER_SECTION, CELL_MENU_RANK, MERGE_CELLS_ITEM, SPLIT_CELL_ITEM, CELL_ACTION_SECTION_RANK, VERTICAL_ALIGN_BOTTOM_ITEM, VERTICAL_ALIGN_MENU, VERTICAL_ALIGN_MENU_RANK, VERTICAL_ALIGN_MENU_SECTION, VERTICAL_ALIGN_MENU_SECTION_RANK, VERTICAL_ALIGN_MIDDLE_ITEM, VERTICAL_ALIGN_TOP_ITEM } from './keys';
+import { CELL_MENU, CELL_ACTION_SECTION, CELL_ADD_SECTION, CELL_DANGER_SECTION, CELL_MENU_RANK, MERGE_CELLS_ITEM, SPLIT_CELL_ITEM, CELL_ACTION_SECTION_RANK, CELL_ADD_SECTION_RANK, VERTICAL_ALIGN_BOTTOM_ITEM, VERTICAL_ALIGN_MENU, VERTICAL_ALIGN_MENU_RANK, VERTICAL_ALIGN_MENU_SECTION, VERTICAL_ALIGN_MENU_SECTION_RANK, VERTICAL_ALIGN_MIDDLE_ITEM, VERTICAL_ALIGN_TOP_ITEM } from './keys';
 export const getCellMenuComponents = ({
   api
-}) => [
+}) => fg('platform_editor_table_cell_menu_update') ? [
+// --- Cell menu update ON ---
+// Merge/Split cells move into the Add section (alongside the shared add/distribute
+// items); the danger section gains the shared Delete column/row items.
+
+// --- Menu surface ---
+{
+  type: CELL_MENU.type,
+  key: CELL_MENU.key
+},
+// --- Main action section (Background color, Vertical align) ---
+{
+  type: CELL_ACTION_SECTION.type,
+  key: CELL_ACTION_SECTION.key,
+  parents: [{
+    type: CELL_MENU.type,
+    key: CELL_MENU.key,
+    rank: CELL_MENU_RANK[CELL_ACTION_SECTION.key]
+  }],
+  component: props => /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, props.children)
+}, {
+  type: VERTICAL_ALIGN_MENU.type,
+  key: VERTICAL_ALIGN_MENU.key,
+  parents: [{
+    type: CELL_ACTION_SECTION.type,
+    key: CELL_ACTION_SECTION.key,
+    rank: CELL_ACTION_SECTION_RANK[VERTICAL_ALIGN_MENU.key]
+  }],
+  component: props => /*#__PURE__*/React.createElement(VerticalAlignNestedMenu, null, props.children)
+}, {
+  type: VERTICAL_ALIGN_MENU_SECTION.type,
+  key: VERTICAL_ALIGN_MENU_SECTION.key,
+  parents: [{
+    type: VERTICAL_ALIGN_MENU.type,
+    key: VERTICAL_ALIGN_MENU.key,
+    rank: VERTICAL_ALIGN_MENU_RANK[VERTICAL_ALIGN_MENU_SECTION.key]
+  }],
+  component: props => /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, props.children)
+}, {
+  type: VERTICAL_ALIGN_TOP_ITEM.type,
+  key: VERTICAL_ALIGN_TOP_ITEM.key,
+  parents: [{
+    type: VERTICAL_ALIGN_MENU_SECTION.type,
+    key: VERTICAL_ALIGN_MENU_SECTION.key,
+    rank: VERTICAL_ALIGN_MENU_SECTION_RANK[VERTICAL_ALIGN_TOP_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(VerticalAlignDropdownItem, {
+    api: api,
+    icon: AlignPositionTopIcon,
+    label: messages.cellAlignmentTop,
+    value: "top"
+  })
+}, {
+  type: VERTICAL_ALIGN_MIDDLE_ITEM.type,
+  key: VERTICAL_ALIGN_MIDDLE_ITEM.key,
+  parents: [{
+    type: VERTICAL_ALIGN_MENU_SECTION.type,
+    key: VERTICAL_ALIGN_MENU_SECTION.key,
+    rank: VERTICAL_ALIGN_MENU_SECTION_RANK[VERTICAL_ALIGN_MIDDLE_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(VerticalAlignDropdownItem, {
+    api: api,
+    icon: AlignPositionCenterVerticalIcon,
+    label: messages.cellAlignmentMiddle,
+    value: "middle"
+  })
+}, {
+  type: VERTICAL_ALIGN_BOTTOM_ITEM.type,
+  key: VERTICAL_ALIGN_BOTTOM_ITEM.key,
+  parents: [{
+    type: VERTICAL_ALIGN_MENU_SECTION.type,
+    key: VERTICAL_ALIGN_MENU_SECTION.key,
+    rank: VERTICAL_ALIGN_MENU_SECTION_RANK[VERTICAL_ALIGN_BOTTOM_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(VerticalAlignDropdownItem, {
+    api: api,
+    icon: AlignPositionBottomIcon,
+    label: messages.cellAlignmentBottom,
+    value: "bottom"
+  })
+},
+// --- Add / Move section (shared Add column right / Add row below / Distribute
+// columns are registered in `../shared/getSharedItems`; Merge/Split cells below) ---
+{
+  type: CELL_ADD_SECTION.type,
+  key: CELL_ADD_SECTION.key,
+  parents: [{
+    type: CELL_MENU.type,
+    key: CELL_MENU.key,
+    rank: CELL_MENU_RANK[CELL_ADD_SECTION.key]
+  }],
+  component: props => /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: true
+  }, props.children)
+}, {
+  type: MERGE_CELLS_ITEM.type,
+  key: MERGE_CELLS_ITEM.key,
+  parents: [{
+    type: CELL_ADD_SECTION.type,
+    key: CELL_ADD_SECTION.key,
+    rank: CELL_ADD_SECTION_RANK[MERGE_CELLS_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(MergeCellsItem, {
+    api: api
+  })
+}, {
+  type: SPLIT_CELL_ITEM.type,
+  key: SPLIT_CELL_ITEM.key,
+  parents: [{
+    type: CELL_ADD_SECTION.type,
+    key: CELL_ADD_SECTION.key,
+    rank: CELL_ADD_SECTION_RANK[SPLIT_CELL_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(SplitCellItem, {
+    api: api
+  })
+},
+// --- Danger section (Clear cell + shared Delete column / Delete row) ---
+{
+  type: CELL_DANGER_SECTION.type,
+  key: CELL_DANGER_SECTION.key,
+  parents: [{
+    type: CELL_MENU.type,
+    key: CELL_MENU.key,
+    rank: CELL_MENU_RANK[CELL_DANGER_SECTION.key]
+  }],
+  component: props => /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: true
+  }, props.children)
+}] : [
+// --- Cell menu update OFF: legacy cell menu (Merge/Split live in the action section) ---
+
 // --- Menu surface ---
 {
   type: CELL_MENU.type,