@atlaskit/editor-plugin-table 24.5.6 → 24.5.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 24.5.7
+
+### Patch Changes
+
+- [`4bc741a70d678`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4bc741a70d678) -
+  Add the first registry-backed Quick Insert slice with Table
+- Updated dependencies
+
 ## 24.5.6
 
 ### Patch Changes

package/dist/cjs/tablePlugin.js

@@ -20,6 +20,7 @@ var _preset = require("@atlaskit/editor-common/preset");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _pmPlugins = require("@atlaskit/editor-tables/pm-plugins");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -53,6 +54,7 @@ var _analytics2 = require("./pm-plugins/utils/analytics");
 var _create = require("./pm-plugins/utils/create");
 var _viewModeSort = require("./pm-plugins/view-mode-sort");
 var _ContentComponent = require("./ui/ContentComponent");
+var _getTableQuickInsertComponents = require("./ui/quick-insert/getTableQuickInsertComponents");
 var _getTableMenuComponents = require("./ui/TableMenu/shared/getTableMenuComponents");
 var _toolbar = require("./ui/toolbar");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -99,6 +101,14 @@ var tablePlugin = function tablePlugin(_ref) {
       api: api
     }));
   }
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command')) {
+    var _api$uiControlRegistr2;
+    api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 || _api$uiControlRegistr2.actions.register((0, _getTableQuickInsertComponents.getTableQuickInsertComponents)({
+      api: api,
+      isTableSelectorEnabled: isTableSelectorEnabled,
+      options: options
+    }));
+  }
   return {
     name: 'table',
     // Use getSharedState to store fullWidthEnabled and wasFullWidthModeEnabled to guarantee access
@@ -550,7 +560,7 @@ var tablePlugin = function tablePlugin(_ref) {
         isTableSelectorEnabled: isTableSelectorEnabled
       });
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') ? {} : {
       quickInsert: function quickInsert(_ref19) {
         var formatMessage = _ref19.formatMessage;
         return [{
@@ -565,6 +575,7 @@ var tablePlugin = function tablePlugin(_ref) {
           },
           action: function action(insert, state) {
             var _api$markdownMode, _api$table, _options$tableOptions6, _tr$selection$$from$n;
+            // Keep this legacy path aligned with insertTableFromQuickInsert during rollout.
             if (isTableSelectorEnabled) {
               var _tr = insert('');
               _tr.setMeta(_tableSizeSelector.pluginKey, {
@@ -627,11 +638,12 @@ var tablePlugin = function tablePlugin(_ref) {
             return tr;
           }
         }];
-      },
+      }
+    }), {}, {
       floatingToolbar: (0, _toolbar.getToolbarConfig)(defaultGetEditorContainerWidth, api, editorAnalyticsAPI, function () {
         return editorViewRef.current;
       }, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)((0, _createPluginConfig.pluginConfig)(options === null || options === void 0 ? void 0 : options.tableOptions))
-    },
+    }),
     usePluginHook: function usePluginHook(_ref20) {
       var editorView = _ref20.editorView;
       var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode'], function (states) {

package/dist/cjs/ui/quick-insert/TableQuickInsertMenuItem.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _icons = require("@atlaskit/editor-common/icons");
+var _messages = require("@atlaskit/editor-common/messages");
+var _useQuickInsertContext = require("@atlaskit/editor-common/quick-insert/use-quick-insert-context");
+var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
+var _insertTableFromQuickInsert = require("./insertTableFromQuickInsert");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var TableQuickInsertMenuItem = exports.TableQuickInsertMenuItem = function TableQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    isTableSelectorEnabled = _ref.isTableSelectorEnabled,
+    options = _ref.options;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useQuickInsertContex = (0, _useQuickInsertContext.useQuickInsertContext)(),
+    editorView = _useQuickInsertContex.editorView,
+    item = _useQuickInsertContex.item,
+    select = _useQuickInsertContex.select;
+  var onClick = (0, _react.useCallback)(function () {
+    select(function (_ref2) {
+      var insert = _ref2.insert,
+        source = _ref2.source;
+      return (0, _insertTableFromQuickInsert.insertTableFromQuickInsert)({
+        api: api,
+        inputMethod: source,
+        insert: insert,
+        isTableSelectorEnabled: isTableSelectorEnabled,
+        options: options,
+        state: editorView.state
+      });
+    });
+  }, [api, editorView, isTableSelectorEnabled, options, select]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onMouseMove: item === null || item === void 0 ? void 0 : item.onMouseMove
+  }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
+    "aria-selected": item === null || item === void 0 ? void 0 : item.isSelected,
+    description: formatMessage(_messages.toolbarInsertBlockMessages.tableDescription),
+    iconBefore: /*#__PURE__*/_react.default.createElement(_icons.IconTable, null),
+    id: item === null || item === void 0 ? void 0 : item.id,
+    isSelected: item === null || item === void 0 ? void 0 : item.isSelected,
+    onClick: onClick,
+    role: "option"
+  }, formatMessage(_messages.toolbarInsertBlockMessages.table)));
+};

package/dist/cjs/ui/quick-insert/getTableQuickInsertComponents.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTableQuickInsertComponents = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
+var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _TableQuickInsertMenuItem = require("./TableQuickInsertMenuItem");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getTableQuickInsertComponents = exports.getTableQuickInsertComponents = function getTableQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    isTableSelectorEnabled = _ref.isTableSelectorEnabled,
+    options = _ref.options;
+  return [_objectSpread(_objectSpread({}, _keys.TABLE_MENU_ITEM), {}, {
+    parents: [_objectSpread(_objectSpread({}, _keys.STRUCTURE_SECTION), {}, {
+      rank: _rank.QUICK_INSERT_STRUCTURE_SECTION_RANK[_keys.TABLE_MENU_ITEM.key]
+    })],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_TableQuickInsertMenuItem.TableQuickInsertMenuItem, {
+        api: api,
+        isTableSelectorEnabled: isTableSelectorEnabled,
+        options: options
+      });
+    }
+  })];
+};

package/dist/cjs/ui/quick-insert/insertTableFromQuickInsert.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertTableFromQuickInsert = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _nesting = require("@atlaskit/editor-common/nesting");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _tableSizeSelector = require("../../pm-plugins/table-size-selector");
+var _create = require("../../pm-plugins/utils/create");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var insertTableFromQuickInsert = exports.insertTableFromQuickInsert = function insertTableFromQuickInsert(_ref) {
+  var _api$markdownMode, _api$table, _api$analytics, _tr$selection$$from$n;
+  var api = _ref.api,
+    inputMethod = _ref.inputMethod,
+    insert = _ref.insert,
+    isTableSelectorEnabled = _ref.isTableSelectorEnabled,
+    options = _ref.options,
+    state = _ref.state;
+  if (isTableSelectorEnabled) {
+    var _tr = insert('');
+    _tr.setMeta(_tableSizeSelector.pluginKey, {
+      isSelectorOpen: true
+    });
+    return _tr;
+  }
+  var markdownState = api === null || api === 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' && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_markdown_compatible_toolbar')) {
+    var _api$markdownMode2;
+    api === null || api === void 0 || (_api$markdownMode2 = api.markdownMode) === null || _api$markdownMode2 === void 0 || _api$markdownMode2.actions.insertSourceTable();
+    return state.tr;
+  }
+  var tableState = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
+  var tableNodeProps = {
+    isTableScalingEnabled: options.isTableScalingEnabled,
+    isTableAlignmentEnabled: options.tableOptions.allowTableAlignment,
+    isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
+    isMaxWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isMaxWidthModeEnabled,
+    isCommentEditor: options.isCommentEditor,
+    isChromelessEditor: options.isChromelessEditor,
+    isTableResizingEnabled: options.tableOptions.allowTableResizing
+  };
+  var tableNode = (0, _create.createTableWithWidth)(tableNodeProps)(state.schema);
+  var tr = state.tr;
+  if ((0, _utils.hasParentNodeOfType)(state.schema.nodes.table)(state.selection) && options.tableOptions.allowNestedTables) {
+    if ((0, _nesting.getParentOfTypeCount)(state.schema.nodes.table)(state.selection.$from) > 1) {
+      var positionAfterTopTable = (0, _nesting.getPositionAfterTopParentNodeOfType)(state.schema.nodes.table)(state.selection.$from);
+      tr = (0, _utils.safeInsert)(tableNode, positionAfterTopTable)(tr);
+      tr.scrollIntoView();
+    } else {
+      tableNode = (0, _create.createTableWithWidth)(_objectSpread(_objectSpread({}, tableNodeProps), {}, {
+        isNestedTable: true
+      }))(state.schema);
+      tr = insert(tableNode);
+    }
+  } else {
+    tr = insert(tableNode);
+  }
+  api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
+    action: _analytics.ACTION.INSERTED,
+    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
+    attributes: _objectSpread({
+      inputMethod: inputMethod,
+      localId: tableNode.attrs.localId
+    }, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? {
+      parentNode: (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type.name
+    } : {}),
+    eventType: _analytics.EVENT_TYPE.TRACK
+  })(tr);
+  return tr;
+};

package/dist/es2019/tablePlugin.js

@@ -11,6 +11,7 @@ import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 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';
@@ -44,6 +45,7 @@ import { getHeightInfoPayload, getWidthInfoPayload } from './pm-plugins/utils/an
 import { createTableWithWidth } from './pm-plugins/utils/create';
 import { createPlugin as createViewModeSortPlugin } from './pm-plugins/view-mode-sort';
 import { ContentComponent } from './ui/ContentComponent';
+import { getTableQuickInsertComponents } from './ui/quick-insert/getTableQuickInsertComponents';
 import { getTableMenuComponents } from './ui/TableMenu/shared/getTableMenuComponents';
 import { getToolbarConfig } from './ui/toolbar';
 const defaultGetEditorFeatureFlags = () => ({});
@@ -87,6 +89,14 @@ const tablePlugin = ({
       api
     }));
   }
+  if (isExperimentEnabled('platform_editor_slash_command')) {
+    var _api$uiControlRegistr2;
+    api === null || api === void 0 ? void 0 : (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.register(getTableQuickInsertComponents({
+      api,
+      isTableSelectorEnabled,
+      options
+    }));
+  }
   return {
     name: 'table',
     // Use getSharedState to store fullWidthEnabled and wasFullWidthModeEnabled to guarantee access
@@ -534,84 +544,87 @@ const tablePlugin = ({
       });
     },
     pluginsOptions: {
-      quickInsert: ({
-        formatMessage
-      }) => [{
-        id: 'table',
-        title: formatMessage(messages.table),
-        description: formatMessage(messages.tableDescription),
-        keywords: ['cell', 'table'],
-        priority: 600,
-        keyshortcut: tooltip(toggleTable),
-        icon: () => /*#__PURE__*/React.createElement(IconTable, null),
-        action(insert, state) {
-          var _api$markdownMode, _api$table, _options$tableOptions6, _tr$selection$$from$n;
-          if (isTableSelectorEnabled) {
-            const tr = insert('');
-            tr.setMeta(sizeSelectorPluginKey, {
-              isSelectorOpen: true
-            });
-            return tr;
-          }
+      ...(isExperimentEnabled('platform_editor_slash_command') ? {} : {
+        quickInsert: ({
+          formatMessage
+        }) => [{
+          id: 'table',
+          title: formatMessage(messages.table),
+          description: formatMessage(messages.tableDescription),
+          keywords: ['cell', 'table'],
+          priority: 600,
+          keyshortcut: tooltip(toggleTable),
+          icon: () => /*#__PURE__*/React.createElement(IconTable, null),
+          action(insert, state) {
+            var _api$markdownMode, _api$table, _options$tableOptions6, _tr$selection$$from$n;
+            // Keep this legacy path aligned with insertTableFromQuickInsert during rollout.
+            if (isTableSelectorEnabled) {
+              const tr = insert('');
+              tr.setMeta(sizeSelectorPluginKey, {
+                isSelectorOpen: true
+              });
+              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;
-          }
+            // 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 = {
-            isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
-            isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment,
-            isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
-            isMaxWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isMaxWidthModeEnabled,
-            isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
-            isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
-            isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing
-          };
-          let tableNode = createTableWithWidth(tableNodeProps)(state.schema);
-          let {
-            tr
-          } = state;
-          // If the cursor is inside a table
-          if (hasParentNodeOfType(state.schema.nodes.table)(state.selection) && options !== null && options !== void 0 && (_options$tableOptions6 = options.tableOptions) !== null && _options$tableOptions6 !== void 0 && _options$tableOptions6.allowNestedTables) {
-            // If trying to nest deeper than one level, we insert the table after the top table
-            if (getParentOfTypeCount(state.schema.nodes.table)(state.selection.$from) > 1) {
-              // Nesting is too deep insert table after the top parent table
-              const positionAfterTopTable = getPositionAfterTopParentNodeOfType(state.schema.nodes.table)(state.selection.$from);
-              tr = safeInsert(tableNode, positionAfterTopTable)(tr);
-              tr.scrollIntoView();
+            // 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 = {
+              isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
+              isTableAlignmentEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableAlignment,
+              isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
+              isMaxWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isMaxWidthModeEnabled,
+              isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
+              isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
+              isTableResizingEnabled: options === null || options === void 0 ? void 0 : options.tableOptions.allowTableResizing
+            };
+            let tableNode = createTableWithWidth(tableNodeProps)(state.schema);
+            let {
+              tr
+            } = state;
+            // If the cursor is inside a table
+            if (hasParentNodeOfType(state.schema.nodes.table)(state.selection) && options !== null && options !== void 0 && (_options$tableOptions6 = options.tableOptions) !== null && _options$tableOptions6 !== void 0 && _options$tableOptions6.allowNestedTables) {
+              // If trying to nest deeper than one level, we insert the table after the top table
+              if (getParentOfTypeCount(state.schema.nodes.table)(state.selection.$from) > 1) {
+                // Nesting is too deep insert table after the top parent table
+                const positionAfterTopTable = getPositionAfterTopParentNodeOfType(state.schema.nodes.table)(state.selection.$from);
+                tr = safeInsert(tableNode, positionAfterTopTable)(tr);
+                tr.scrollIntoView();
+              } else {
+                // Table can be nested in parent table
+                tableNode = createTableWithWidth({
+                  ...tableNodeProps,
+                  isNestedTable: true
+                })(state.schema);
+                tr = insert(tableNode);
+              }
             } else {
-              // Table can be nested in parent table
-              tableNode = createTableWithWidth({
-                ...tableNodeProps,
-                isNestedTable: true
-              })(state.schema);
               tr = insert(tableNode);
             }
-          } else {
-            tr = insert(tableNode);
+            editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+              action: ACTION.INSERTED,
+              actionSubject: ACTION_SUBJECT.DOCUMENT,
+              actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+              attributes: {
+                inputMethod: INPUT_METHOD.QUICK_INSERT,
+                localId: tableNode.attrs.localId,
+                ...(expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? {
+                  parentNode: (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type.name
+                } : {})
+              },
+              eventType: EVENT_TYPE.TRACK
+            })(tr);
+            return tr;
           }
-          editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-            attributes: {
-              inputMethod: INPUT_METHOD.QUICK_INSERT,
-              localId: tableNode.attrs.localId,
-              ...(expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? {
-                parentNode: (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type.name
-              } : {})
-            },
-            eventType: EVENT_TYPE.TRACK
-          })(tr);
-          return tr;
-        }
-      }],
+        }]
+      }),
       floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, api, editorAnalyticsAPI, () => editorViewRef.current, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
     },
     usePluginHook({

package/dist/es2019/ui/quick-insert/TableQuickInsertMenuItem.js

@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { IconTable } from '@atlaskit/editor-common/icons';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
+import ButtonItem from '@atlaskit/menu/button-item';
+import { insertTableFromQuickInsert } from './insertTableFromQuickInsert';
+export const TableQuickInsertMenuItem = ({
+  api,
+  isTableSelectorEnabled,
+  options
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    editorView,
+    item,
+    select
+  } = useQuickInsertContext();
+  const onClick = useCallback(() => {
+    select(({
+      insert,
+      source
+    }) => insertTableFromQuickInsert({
+      api,
+      inputMethod: source,
+      insert,
+      isTableSelectorEnabled,
+      options,
+      state: editorView.state
+    }));
+  }, [api, editorView, isTableSelectorEnabled, options, select]);
+  return /*#__PURE__*/React.createElement("div", {
+    onMouseMove: item === null || item === void 0 ? void 0 : item.onMouseMove
+  }, /*#__PURE__*/React.createElement(ButtonItem, {
+    "aria-selected": item === null || item === void 0 ? void 0 : item.isSelected,
+    description: formatMessage(messages.tableDescription),
+    iconBefore: /*#__PURE__*/React.createElement(IconTable, null),
+    id: item === null || item === void 0 ? void 0 : item.id,
+    isSelected: item === null || item === void 0 ? void 0 : item.isSelected,
+    onClick: onClick,
+    role: "option"
+  }, formatMessage(messages.table)));
+};

package/dist/es2019/ui/quick-insert/getTableQuickInsertComponents.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { STRUCTURE_SECTION, TABLE_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
+import { QUICK_INSERT_STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { TableQuickInsertMenuItem } from './TableQuickInsertMenuItem';
+export const getTableQuickInsertComponents = ({
+  api,
+  isTableSelectorEnabled,
+  options
+}) => [{
+  ...TABLE_MENU_ITEM,
+  parents: [{
+    ...STRUCTURE_SECTION,
+    rank: QUICK_INSERT_STRUCTURE_SECTION_RANK[TABLE_MENU_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(TableQuickInsertMenuItem, {
+    api: api,
+    isTableSelectorEnabled: isTableSelectorEnabled,
+    options: options
+  })
+}];

package/dist/es2019/ui/quick-insert/insertTableFromQuickInsert.js

@@ -0,0 +1,74 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType } from '@atlaskit/editor-common/nesting';
+import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/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 { pluginKey as sizeSelectorPluginKey } from '../../pm-plugins/table-size-selector';
+import { createTableWithWidth } from '../../pm-plugins/utils/create';
+export const insertTableFromQuickInsert = ({
+  api,
+  inputMethod,
+  insert,
+  isTableSelectorEnabled,
+  options,
+  state
+}) => {
+  var _api$markdownMode, _api$table, _api$analytics, _tr$selection$$from$n;
+  if (isTableSelectorEnabled) {
+    const tr = insert('');
+    tr.setMeta(sizeSelectorPluginKey, {
+      isSelectorOpen: true
+    });
+    return tr;
+  }
+  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;
+  }
+  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 = {
+    isTableScalingEnabled: options.isTableScalingEnabled,
+    isTableAlignmentEnabled: options.tableOptions.allowTableAlignment,
+    isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
+    isMaxWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isMaxWidthModeEnabled,
+    isCommentEditor: options.isCommentEditor,
+    isChromelessEditor: options.isChromelessEditor,
+    isTableResizingEnabled: options.tableOptions.allowTableResizing
+  };
+  let tableNode = createTableWithWidth(tableNodeProps)(state.schema);
+  let {
+    tr
+  } = state;
+  if (hasParentNodeOfType(state.schema.nodes.table)(state.selection) && options.tableOptions.allowNestedTables) {
+    if (getParentOfTypeCount(state.schema.nodes.table)(state.selection.$from) > 1) {
+      const positionAfterTopTable = getPositionAfterTopParentNodeOfType(state.schema.nodes.table)(state.selection.$from);
+      tr = safeInsert(tableNode, positionAfterTopTable)(tr);
+      tr.scrollIntoView();
+    } else {
+      tableNode = createTableWithWidth({
+        ...tableNodeProps,
+        isNestedTable: true
+      })(state.schema);
+      tr = insert(tableNode);
+    }
+  } else {
+    tr = insert(tableNode);
+  }
+  api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
+    action: ACTION.INSERTED,
+    actionSubject: ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+    attributes: {
+      inputMethod,
+      localId: tableNode.attrs.localId,
+      ...(expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? {
+        parentNode: (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type.name
+      } : {})
+    },
+    eventType: EVENT_TYPE.TRACK
+  })(tr);
+  return tr;
+};

package/dist/esm/tablePlugin.js

@@ -14,6 +14,7 @@ import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 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';
@@ -47,6 +48,7 @@ import { getHeightInfoPayload, getWidthInfoPayload } from './pm-plugins/utils/an
 import { createTableWithWidth } from './pm-plugins/utils/create';
 import { createPlugin as createViewModeSortPlugin } from './pm-plugins/view-mode-sort';
 import { ContentComponent } from './ui/ContentComponent';
+import { getTableQuickInsertComponents } from './ui/quick-insert/getTableQuickInsertComponents';
 import { getTableMenuComponents } from './ui/TableMenu/shared/getTableMenuComponents';
 import { getToolbarConfig } from './ui/toolbar';
 var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
@@ -90,6 +92,14 @@ var tablePlugin = function tablePlugin(_ref) {
       api: api
     }));
   }
+  if (isExperimentEnabled('platform_editor_slash_command')) {
+    var _api$uiControlRegistr2;
+    api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 || _api$uiControlRegistr2.actions.register(getTableQuickInsertComponents({
+      api: api,
+      isTableSelectorEnabled: isTableSelectorEnabled,
+      options: options
+    }));
+  }
   return {
     name: 'table',
     // Use getSharedState to store fullWidthEnabled and wasFullWidthModeEnabled to guarantee access
@@ -541,7 +551,7 @@ var tablePlugin = function tablePlugin(_ref) {
         isTableSelectorEnabled: isTableSelectorEnabled
       });
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread(_objectSpread({}, isExperimentEnabled('platform_editor_slash_command') ? {} : {
       quickInsert: function quickInsert(_ref19) {
         var formatMessage = _ref19.formatMessage;
         return [{
@@ -556,6 +566,7 @@ var tablePlugin = function tablePlugin(_ref) {
           },
           action: function action(insert, state) {
             var _api$markdownMode, _api$table, _options$tableOptions6, _tr$selection$$from$n;
+            // Keep this legacy path aligned with insertTableFromQuickInsert during rollout.
             if (isTableSelectorEnabled) {
               var _tr = insert('');
               _tr.setMeta(sizeSelectorPluginKey, {
@@ -618,11 +629,12 @@ var tablePlugin = function tablePlugin(_ref) {
             return tr;
           }
         }];
-      },
+      }
+    }), {}, {
       floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, api, editorAnalyticsAPI, function () {
         return editorViewRef.current;
       }, options, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
-    },
+    }),
     usePluginHook: function usePluginHook(_ref20) {
       var editorView = _ref20.editorView;
       var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode'], function (states) {

package/dist/esm/ui/quick-insert/TableQuickInsertMenuItem.js

@@ -0,0 +1,43 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { IconTable } from '@atlaskit/editor-common/icons';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
+import ButtonItem from '@atlaskit/menu/button-item';
+import { insertTableFromQuickInsert } from './insertTableFromQuickInsert';
+export var TableQuickInsertMenuItem = function TableQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    isTableSelectorEnabled = _ref.isTableSelectorEnabled,
+    options = _ref.options;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useQuickInsertContex = useQuickInsertContext(),
+    editorView = _useQuickInsertContex.editorView,
+    item = _useQuickInsertContex.item,
+    select = _useQuickInsertContex.select;
+  var onClick = useCallback(function () {
+    select(function (_ref2) {
+      var insert = _ref2.insert,
+        source = _ref2.source;
+      return insertTableFromQuickInsert({
+        api: api,
+        inputMethod: source,
+        insert: insert,
+        isTableSelectorEnabled: isTableSelectorEnabled,
+        options: options,
+        state: editorView.state
+      });
+    });
+  }, [api, editorView, isTableSelectorEnabled, options, select]);
+  return /*#__PURE__*/React.createElement("div", {
+    onMouseMove: item === null || item === void 0 ? void 0 : item.onMouseMove
+  }, /*#__PURE__*/React.createElement(ButtonItem, {
+    "aria-selected": item === null || item === void 0 ? void 0 : item.isSelected,
+    description: formatMessage(messages.tableDescription),
+    iconBefore: /*#__PURE__*/React.createElement(IconTable, null),
+    id: item === null || item === void 0 ? void 0 : item.id,
+    isSelected: item === null || item === void 0 ? void 0 : item.isSelected,
+    onClick: onClick,
+    role: "option"
+  }, formatMessage(messages.table)));
+};

package/dist/esm/ui/quick-insert/getTableQuickInsertComponents.js

@@ -0,0 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React from 'react';
+import { STRUCTURE_SECTION, TABLE_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
+import { QUICK_INSERT_STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { TableQuickInsertMenuItem } from './TableQuickInsertMenuItem';
+export var getTableQuickInsertComponents = function getTableQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    isTableSelectorEnabled = _ref.isTableSelectorEnabled,
+    options = _ref.options;
+  return [_objectSpread(_objectSpread({}, TABLE_MENU_ITEM), {}, {
+    parents: [_objectSpread(_objectSpread({}, STRUCTURE_SECTION), {}, {
+      rank: QUICK_INSERT_STRUCTURE_SECTION_RANK[TABLE_MENU_ITEM.key]
+    })],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(TableQuickInsertMenuItem, {
+        api: api,
+        isTableSelectorEnabled: isTableSelectorEnabled,
+        options: options
+      });
+    }
+  })];
+};

package/dist/esm/ui/quick-insert/insertTableFromQuickInsert.js

@@ -0,0 +1,72 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType } from '@atlaskit/editor-common/nesting';
+import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/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 { pluginKey as sizeSelectorPluginKey } from '../../pm-plugins/table-size-selector';
+import { createTableWithWidth } from '../../pm-plugins/utils/create';
+export var insertTableFromQuickInsert = function insertTableFromQuickInsert(_ref) {
+  var _api$markdownMode, _api$table, _api$analytics, _tr$selection$$from$n;
+  var api = _ref.api,
+    inputMethod = _ref.inputMethod,
+    insert = _ref.insert,
+    isTableSelectorEnabled = _ref.isTableSelectorEnabled,
+    options = _ref.options,
+    state = _ref.state;
+  if (isTableSelectorEnabled) {
+    var _tr = insert('');
+    _tr.setMeta(sizeSelectorPluginKey, {
+      isSelectorOpen: true
+    });
+    return _tr;
+  }
+  var markdownState = api === null || api === 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 || (_api$markdownMode2 = api.markdownMode) === null || _api$markdownMode2 === void 0 || _api$markdownMode2.actions.insertSourceTable();
+    return state.tr;
+  }
+  var tableState = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.currentState();
+  var tableNodeProps = {
+    isTableScalingEnabled: options.isTableScalingEnabled,
+    isTableAlignmentEnabled: options.tableOptions.allowTableAlignment,
+    isFullWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled,
+    isMaxWidthModeEnabled: tableState === null || tableState === void 0 ? void 0 : tableState.isMaxWidthModeEnabled,
+    isCommentEditor: options.isCommentEditor,
+    isChromelessEditor: options.isChromelessEditor,
+    isTableResizingEnabled: options.tableOptions.allowTableResizing
+  };
+  var tableNode = createTableWithWidth(tableNodeProps)(state.schema);
+  var tr = state.tr;
+  if (hasParentNodeOfType(state.schema.nodes.table)(state.selection) && options.tableOptions.allowNestedTables) {
+    if (getParentOfTypeCount(state.schema.nodes.table)(state.selection.$from) > 1) {
+      var positionAfterTopTable = getPositionAfterTopParentNodeOfType(state.schema.nodes.table)(state.selection.$from);
+      tr = safeInsert(tableNode, positionAfterTopTable)(tr);
+      tr.scrollIntoView();
+    } else {
+      tableNode = createTableWithWidth(_objectSpread(_objectSpread({}, tableNodeProps), {}, {
+        isNestedTable: true
+      }))(state.schema);
+      tr = insert(tableNode);
+    }
+  } else {
+    tr = insert(tableNode);
+  }
+  api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
+    action: ACTION.INSERTED,
+    actionSubject: ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+    attributes: _objectSpread({
+      inputMethod: inputMethod,
+      localId: tableNode.attrs.localId
+    }, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? {
+      parentNode: (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type.name
+    } : {}),
+    eventType: EVENT_TYPE.TRACK
+  })(tr);
+  return tr;
+};

package/dist/types/ui/quick-insert/TableQuickInsertMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { TablePlugin, TablePluginOptions } from '../../tablePluginType';
+type Props = {
+    api: ExtractInjectionAPI<TablePlugin> | undefined;
+    isTableSelectorEnabled: boolean | undefined;
+    options: TablePluginOptions;
+};
+export declare const TableQuickInsertMenuItem: ({ api, isTableSelectorEnabled, options, }: Props) => React.JSX.Element;
+export {};

package/dist/types/ui/quick-insert/getTableQuickInsertComponents.d.ts

@@ -0,0 +1,10 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+import type { TablePlugin, TablePluginOptions } from '../../tablePluginType';
+type Params = {
+    api: ExtractInjectionAPI<TablePlugin> | undefined;
+    isTableSelectorEnabled: boolean | undefined;
+    options: TablePluginOptions;
+};
+export declare const getTableQuickInsertComponents: ({ api, isTableSelectorEnabled, options, }: Params) => RegisterMenuItem[];
+export {};

package/dist/types/ui/quick-insert/insertTableFromQuickInsert.d.ts

@@ -0,0 +1,14 @@
+import { type INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI, TypeAheadInsert } from '@atlaskit/editor-common/types';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { TablePlugin, TablePluginOptions } from '../../tablePluginType';
+type InsertTableFromQuickInsertParams = {
+    api: ExtractInjectionAPI<TablePlugin> | undefined;
+    inputMethod: INPUT_METHOD.ELEMENT_BROWSER | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
+    insert: TypeAheadInsert;
+    isTableSelectorEnabled: boolean | undefined;
+    options: TablePluginOptions;
+    state: EditorState;
+};
+export declare const insertTableFromQuickInsert: ({ api, inputMethod, insert, isTableSelectorEnabled, options, state, }: InsertTableFromQuickInsertParams) => Transaction;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "24.5.6",
+	"version": "24.5.7",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,17 +42,18 @@
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
 		"@atlaskit/editor-toolbar": "^2.4.0",
-		"@atlaskit/editor-ui-control-model": "^2.3.0",
+		"@atlaskit/editor-ui-control-model": "^2.4.0",
 		"@atlaskit/icon": "^37.2.0",
 		"@atlaskit/icon-lab": "^7.4.0",
 		"@atlaskit/insm": "^1.2.0",
 		"@atlaskit/menu": "^9.2.0",
+		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
 		"@atlaskit/primitives": "^22.2.0",
-		"@atlaskit/tmp-editor-statsig": "^136.0.0",
+		"@atlaskit/tmp-editor-statsig": "^136.1.0",
 		"@atlaskit/toggle": "^17.1.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^24.0.0",
@@ -67,7 +68,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.48.0",
+		"@atlaskit/editor-common": "^116.49.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"