@atlaskit/editor-plugin-table 24.3.13 → 24.4.0

package/dist/cjs/ui/TableMenu/column/items/AddColumnRightItem.js

@@ -11,10 +11,10 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _selection = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddColumnRightItem = exports.AddColumnRightItem = function AddColumnRightItem(_ref) {
   var _useTableMenuContext, _tooltip;
@@ -39,7 +39,7 @@ var AddColumnRightItem = exports.AddColumnRightItem = function AddColumnRightIte
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection.getMenuSelectionRect)(editorView.state.selection);
     var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
     if (index === undefined) {
       return;

package/dist/cjs/ui/TableMenu/column/items/DeleteColumnItem.js

@@ -11,11 +11,11 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _selection = require("../../../../pm-plugins/utils/selection");
+var _selection2 = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref) {
   var _tableMenuContext$sel, _tooltip;
@@ -41,7 +41,7 @@ var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
@@ -58,7 +58,7 @@ var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }

package/dist/cjs/ui/TableMenu/column/items/DistributeColumnsItem.js

@@ -10,11 +10,11 @@ var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _resizeState = require("../../../../pm-plugins/table-resizing/utils/resize-state");
+var _selection = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 /** Distribute columns is only visible when more than one column is selected. */
 var shouldShowDistributeColumns = function shouldShowDistributeColumns(selectedColumnCount) {
@@ -43,7 +43,7 @@ var DistributeColumnsItem = exports.DistributeColumnsItem = function DistributeC
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection.getMenuSelectionRect)(editorView.state.selection);
     var editorContainerWidth = api === null || api === void 0 || (_api$width = api.width) === null || _api$width === void 0 ? void 0 : _api$width.sharedState.currentState();
     if (!selectionRect || !editorContainerWidth) {
       return;

package/dist/cjs/ui/TableMenu/row/getRowMenuComponents.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getRowMenuComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AddRowAboveItem = require("./items/AddRowAboveItem");
 var _AddRowBelowItem = require("./items/AddRowBelowItem");
 var _DeleteRowItem = require("./items/DeleteRowItem");
@@ -17,7 +18,141 @@ var _NumberedRowsToggleItem = require("./items/NumberedRowsToggleItem");
 var _keys = require("./keys");
 var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuComponents(_ref) {
   var api = _ref.api;
-  return [
+  return (0, _platformFeatureFlags.fg)('platform_editor_table_cell_menu_update') ? [
+  // --- Cell menu update ON ---
+  // AddRowBelowItem/DeleteRowItem are registered in `../shared/getSharedItems`
+  // (shared with the cell menu), so they are omitted here.
+
+  // --- Menu surface ---
+  {
+    type: _keys.ROW_MENU.type,
+    key: _keys.ROW_MENU.key
+  },
+  // --- Toggle section (Header row, Numbered rows) ---
+  {
+    type: _keys.ROW_TOGGLE_SECTION.type,
+    key: _keys.ROW_TOGGLE_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_TOGGLE_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, props.children);
+    }
+  }, {
+    type: _keys.HEADER_ROW_TOGGLE_ITEM.type,
+    key: _keys.HEADER_ROW_TOGGLE_ITEM.key,
+    parents: [{
+      type: _keys.ROW_TOGGLE_SECTION.type,
+      key: _keys.ROW_TOGGLE_SECTION.key,
+      rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.HEADER_ROW_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_HeaderRowToggleItem.HeaderRowToggleItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.NUMBERED_ROWS_TOGGLE_ITEM.type,
+    key: _keys.NUMBERED_ROWS_TOGGLE_ITEM.key,
+    parents: [{
+      type: _keys.ROW_TOGGLE_SECTION.type,
+      key: _keys.ROW_TOGGLE_SECTION.key,
+      rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.NUMBERED_ROWS_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_NumberedRowsToggleItem.NumberedRowsToggleItem, {
+        api: api
+      });
+    }
+  },
+  // --- Background color section ---
+  {
+    type: _keys.ROW_BACKGROUND_SECTION.type,
+    key: _keys.ROW_BACKGROUND_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_BACKGROUND_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  },
+  // --- Add / Move section ---
+  {
+    type: _keys.ROW_ADD_SECTION.type,
+    key: _keys.ROW_ADD_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_ADD_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }, {
+    type: _keys.ADD_ROW_ABOVE_ITEM.type,
+    key: _keys.ADD_ROW_ABOVE_ITEM.key,
+    parents: [{
+      type: _keys.ROW_ADD_SECTION.type,
+      key: _keys.ROW_ADD_SECTION.key,
+      rank: _keys.ROW_ADD_SECTION_RANK[_keys.ADD_ROW_ABOVE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_AddRowAboveItem.AddRowAboveItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.MOVE_ROW_UP_ITEM.type,
+    key: _keys.MOVE_ROW_UP_ITEM.key,
+    parents: [{
+      type: _keys.ROW_ADD_SECTION.type,
+      key: _keys.ROW_ADD_SECTION.key,
+      rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_UP_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_MoveRowUpItem.MoveRowUpItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.MOVE_ROW_DOWN_ITEM.type,
+    key: _keys.MOVE_ROW_DOWN_ITEM.key,
+    parents: [{
+      type: _keys.ROW_ADD_SECTION.type,
+      key: _keys.ROW_ADD_SECTION.key,
+      rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_DOWN_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_MoveRowDownItem.MoveRowDownItem, {
+        api: api
+      });
+    }
+  },
+  // --- Danger section (Clear cells, Delete row) ---
+  {
+    type: _keys.ROW_DANGER_SECTION.type,
+    key: _keys.ROW_DANGER_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_DANGER_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }] : [
+  // --- Cell menu update OFF: legacy row menu (registers its own add/delete items) ---
+
   // --- Menu surface ---
   {
     type: _keys.ROW_MENU.type,

package/dist/cjs/ui/TableMenu/row/items/AddRowBelowItem.js

@@ -10,10 +10,10 @@ var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _selection = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem(props) {
   var _useTableMenuContext, _tooltip;
@@ -27,7 +27,7 @@ var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem(props)
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection.getMenuSelectionRect)(editorView.state.selection);
     var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
     if (index === undefined) {
       return;

package/dist/cjs/ui/TableMenu/row/items/DeleteRowItem.js

@@ -11,11 +11,11 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _selection = require("../../../../pm-plugins/utils/selection");
+var _selection2 = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
   var _tableMenuContext$sel, _tooltip;
@@ -37,7 +37,7 @@ var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
@@ -54,7 +54,7 @@ var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }

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

@@ -6,15 +6,155 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSharedItems = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _keys = require("../cell/keys");
+var _AddColumnRightItem = require("../column/items/AddColumnRightItem");
+var _DeleteColumnItem = require("../column/items/DeleteColumnItem");
+var _DistributeColumnsItem = require("../column/items/DistributeColumnsItem");
 var _keys2 = require("../column/keys");
+var _AddRowBelowItem = require("../row/items/AddRowBelowItem");
+var _DeleteRowItem = require("../row/items/DeleteRowItem");
 var _keys3 = require("../row/keys");
 var _BackgroundColorItem = require("./items/BackgroundColorItem");
 var _ClearCellsItem = require("./items/ClearCellsItem");
 var _keys4 = require("./keys");
 var getSharedItems = exports.getSharedItems = function getSharedItems(_ref) {
   var api = _ref.api;
-  return [{
+  return (0, _platformFeatureFlags.fg)('platform_editor_table_cell_menu_update') ? [
+  // --- Cell menu update ON ---
+  // The add/delete items move out of the row/column menu files and are registered here
+  // once with an additional cell parent, so they render inside the cell menu too.
+  {
+    type: _keys4.BACKGROUND_COLOR_ITEM.type,
+    key: _keys4.BACKGROUND_COLOR_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_BACKGROUND_SECTION.type,
+      key: _keys3.ROW_BACKGROUND_SECTION.key,
+      rank: _keys3.ROW_BACKGROUND_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
+    }, {
+      type: _keys2.COLUMN_BACKGROUND_SECTION.type,
+      key: _keys2.COLUMN_BACKGROUND_SECTION.key,
+      rank: _keys2.COLUMN_BACKGROUND_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
+    }, {
+      type: _keys.CELL_ACTION_SECTION.type,
+      key: _keys.CELL_ACTION_SECTION.key,
+      rank: _keys.CELL_ACTION_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_BackgroundColorItem.BackgroundColorItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys2.ADD_COLUMN_RIGHT_ITEM.type,
+    key: _keys2.ADD_COLUMN_RIGHT_ITEM.key,
+    parents: [{
+      type: _keys2.COLUMN_ADD_SECTION.type,
+      key: _keys2.COLUMN_ADD_SECTION.key,
+      rank: _keys2.COLUMN_ADD_SECTION_RANK[_keys2.ADD_COLUMN_RIGHT_ITEM.key]
+    }, {
+      type: _keys.CELL_ADD_SECTION.type,
+      key: _keys.CELL_ADD_SECTION.key,
+      rank: _keys.CELL_ADD_SECTION_RANK[_keys2.ADD_COLUMN_RIGHT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_AddColumnRightItem.AddColumnRightItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys3.ADD_ROW_BELOW_ITEM.type,
+    key: _keys3.ADD_ROW_BELOW_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_ADD_SECTION.type,
+      key: _keys3.ROW_ADD_SECTION.key,
+      rank: _keys3.ROW_ADD_SECTION_RANK[_keys3.ADD_ROW_BELOW_ITEM.key]
+    }, {
+      type: _keys.CELL_ADD_SECTION.type,
+      key: _keys.CELL_ADD_SECTION.key,
+      rank: _keys.CELL_ADD_SECTION_RANK[_keys3.ADD_ROW_BELOW_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_AddRowBelowItem.AddRowBelowItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys2.DISTRIBUTE_COLUMNS_ITEM.type,
+    key: _keys2.DISTRIBUTE_COLUMNS_ITEM.key,
+    parents: [{
+      type: _keys2.COLUMN_ADD_SECTION.type,
+      key: _keys2.COLUMN_ADD_SECTION.key,
+      rank: _keys2.COLUMN_ADD_SECTION_RANK[_keys2.DISTRIBUTE_COLUMNS_ITEM.key]
+    }, {
+      type: _keys.CELL_ADD_SECTION.type,
+      key: _keys.CELL_ADD_SECTION.key,
+      rank: _keys.CELL_ADD_SECTION_RANK[_keys2.DISTRIBUTE_COLUMNS_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_DistributeColumnsItem.DistributeColumnsItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys4.CLEAR_CELLS_ITEM.type,
+    key: _keys4.CLEAR_CELLS_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_DANGER_SECTION.type,
+      key: _keys3.ROW_DANGER_SECTION.key,
+      rank: _keys3.ROW_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
+    }, {
+      type: _keys2.COLUMN_DANGER_SECTION.type,
+      key: _keys2.COLUMN_DANGER_SECTION.key,
+      rank: _keys2.COLUMN_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
+    }, {
+      type: _keys.CELL_DANGER_SECTION.type,
+      key: _keys.CELL_DANGER_SECTION.key,
+      rank: _keys.CELL_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_ClearCellsItem.ClearCellsItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys2.DELETE_COLUMN_ITEM.type,
+    key: _keys2.DELETE_COLUMN_ITEM.key,
+    parents: [{
+      type: _keys2.COLUMN_DANGER_SECTION.type,
+      key: _keys2.COLUMN_DANGER_SECTION.key,
+      rank: _keys2.COLUMN_DANGER_SECTION_RANK[_keys2.DELETE_COLUMN_ITEM.key]
+    }, {
+      type: _keys.CELL_DANGER_SECTION.type,
+      key: _keys.CELL_DANGER_SECTION.key,
+      rank: _keys.CELL_DANGER_SECTION_RANK[_keys2.DELETE_COLUMN_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_DeleteColumnItem.DeleteColumnItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys3.DELETE_ROW_ITEM.type,
+    key: _keys3.DELETE_ROW_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_DANGER_SECTION.type,
+      key: _keys3.ROW_DANGER_SECTION.key,
+      rank: _keys3.ROW_DANGER_SECTION_RANK[_keys3.DELETE_ROW_ITEM.key]
+    }, {
+      type: _keys.CELL_DANGER_SECTION.type,
+      key: _keys.CELL_DANGER_SECTION.key,
+      rank: _keys.CELL_DANGER_SECTION_RANK[_keys3.DELETE_ROW_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_DeleteRowItem.DeleteRowItem, {
+        api: api
+      });
+    }
+  }] : [
+  // --- Cell menu update OFF: legacy shared items (background color + clear cells only).
+  // The add/delete items are registered by the row/column menu files in this mode.
+  {
     type: _keys4.BACKGROUND_COLOR_ITEM.type,
     key: _keys4.BACKGROUND_COLOR_ITEM.key,
     parents: [{

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/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/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/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})`;