@atlaskit/editor-plugin-table 22.4.14 → 22.4.16

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _userIntent = require("@atlaskit/editor-common/user-intent");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -41,11 +42,23 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     api = _ref.api,
     isCommentEditor = _ref.isCommentEditor,
     tableWrapper = _ref.tableWrapper;
-  if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table'], function (states) {
+      var _states$tableState;
+      return {
+        activeTableMenu: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.activeTableMenu
+      };
+    }),
+    activeTableMenu = _useSharedPluginState.activeTableMenu;
+  var isActiveTableMenuDragMenu = (activeTableMenu === null || activeTableMenu === void 0 ? void 0 : activeTableMenu.type) === 'row' || (activeTableMenu === null || activeTableMenu === void 0 ? void 0 : activeTableMenu.type) === 'column';
+  var hasActiveTableMenuState = activeTableMenu !== undefined;
+  var isDragMenuOpen = (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && hasActiveTableMenuState ? isActiveTableMenuDragMenu : isOpen;
+  var dragMenuDirection = (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && hasActiveTableMenuState ? isActiveTableMenuDragMenu ? activeTableMenu.type : undefined : direction;
+  var dragMenuIndex = (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && hasActiveTableMenuState ? isActiveTableMenuDragMenu ? activeTableMenu.index : undefined : index;
+  if (!isDragMenuOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
   var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW)) && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_7');
-  var targetHandleRef = direction === 'row' ? document.querySelector('#drag-handle-button-row') : document.querySelector('#drag-handle-button-column');
+  var targetHandleRef = dragMenuDirection === 'row' ? document.querySelector('#drag-handle-button-row') : document.querySelector('#drag-handle-button-column');
   if (!targetHandleRef || !(editorView.state.selection instanceof _cellSelection.CellSelection)) {
     return null;
   }
@@ -54,8 +67,8 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     tableWithFixedColumnWidthsOption = _ref2$tableWithFixedC === void 0 ? false : _ref2$tableWithFixedC;
   var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
   return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
-    alignX: direction === 'row' ? 'right' : undefined,
-    alignY: direction === 'row' ? 'start' : undefined
+    alignX: dragMenuDirection === 'row' ? 'right' : undefined,
+    alignY: dragMenuDirection === 'row' ? 'start' : undefined
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     ,
@@ -79,13 +92,13 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_TableMenu.TableMenu, {
     api: api,
     editorView: editorView,
-    surface: direction === 'row' ? _keys2.ROW_MENU : _keys.COLUMN_MENU
+    surface: dragMenuDirection === 'row' ? _keys2.ROW_MENU : _keys.COLUMN_MENU
   })) : /*#__PURE__*/_react.default.createElement(_DragMenu.default, {
     editorView: editorView,
-    isOpen: isOpen,
+    isOpen: isDragMenuOpen,
     tableNode: tableNode,
-    direction: direction,
-    index: index,
+    direction: dragMenuDirection,
+    index: dragMenuIndex,
     target: targetHandleRef || undefined,
     targetCellPosition: targetCellPosition,
     getEditorContainerWidth: getEditorContainerWidth,

package/dist/cjs/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -13,7 +13,8 @@ var _editorTables = require("@atlaskit/editor-tables");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../../pm-plugins/commands");
-var _commandsWithAnalytics = require("../../../pm-plugins/drag-and-drop/commands-with-analytics");
+var _commandsWithAnalytics = require("../../../pm-plugins/commands/commands-with-analytics");
+var _commandsWithAnalytics2 = require("../../../pm-plugins/drag-and-drop/commands-with-analytics");
 var _rowControls = require("../../../pm-plugins/utils/row-controls");
 var _selection = require("../../../pm-plugins/utils/selection");
 var _types = require("../../../types");
@@ -32,7 +33,7 @@ var getSelectedColumns = function getSelectedColumns(selection) {
   return [];
 };
 var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
-  var _colWidths$map$join, _api$analytics2;
+  var _colWidths$map$join, _api$analytics3;
   var editorView = _ref.editorView,
     tableActive = _ref.tableActive,
     tableRef = _ref.tableRef,
@@ -125,14 +126,21 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
     }
   }, [editorView, tableActive]);
   var toggleDragMenuHandler = (0, _react.useCallback)(function (trigger, event) {
-    var _api$analytics;
+    var _api$analytics2;
     var state = editorView.state,
       dispatch = editorView.dispatch;
     if (event !== null && event !== void 0 && event.shiftKey) {
       return;
     }
-    (0, _commandsWithAnalytics.toggleDragMenuWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(undefined, 'column', colIndex, trigger)(state, dispatch);
-  }, [editorView, colIndex, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions]);
+    if ((0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true)) {
+      if (colIndex !== undefined) {
+        var _api$analytics;
+        (0, _commandsWithAnalytics.toggleActiveTableMenuWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)('column', colIndex, trigger)(state, dispatch);
+      }
+      return;
+    }
+    (0, _commandsWithAnalytics2.toggleDragMenuWithAnalytics)(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)(undefined, 'column', colIndex, trigger)(state, dispatch);
+  }, [editorView, colIndex, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions]);
   var colIndexes = (0, _react.useMemo)(function () {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js

@@ -14,7 +14,8 @@ var _utils = require("@atlaskit/editor-tables/utils");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../../pm-plugins/commands");
-var _commandsWithAnalytics = require("../../../pm-plugins/drag-and-drop/commands-with-analytics");
+var _commandsWithAnalytics = require("../../../pm-plugins/commands/commands-with-analytics");
+var _commandsWithAnalytics2 = require("../../../pm-plugins/drag-and-drop/commands-with-analytics");
 var _pluginFactory = require("../../../pm-plugins/plugin-factory");
 var _rowControls = require("../../../pm-plugins/utils/row-controls");
 var _selection = require("../../../pm-plugins/utils/selection");
@@ -36,7 +37,7 @@ var getSelectedRows = function getSelectedRows(selection) {
   return [];
 };
 var DragControls = exports.DragControls = function DragControls(_ref) {
-  var _tableNode$attrs$loca, _tableNode$attrs, _api$analytics2;
+  var _tableNode$attrs$loca, _tableNode$attrs, _api$analytics3;
   var tableRef = _ref.tableRef,
     tableNode = _ref.tableNode,
     tableWidth = _ref.tableWidth,
@@ -89,12 +90,20 @@ var DragControls = exports.DragControls = function DragControls(_ref) {
     });
   }, [editorView]);
   var toggleDragMenuHandler = (0, _react.useCallback)(function (trigger, event) {
-    var _api$analytics;
+    var _api$analytics2;
     if (event !== null && event !== void 0 && event.shiftKey) {
       return;
     }
-    (0, _commandsWithAnalytics.toggleDragMenuWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(undefined, 'row', hoveredCell === null || hoveredCell === void 0 ? void 0 : hoveredCell.rowIndex, trigger)(editorView.state, editorView.dispatch);
-  }, [editorView, hoveredCell === null || hoveredCell === void 0 ? void 0 : hoveredCell.rowIndex, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions]);
+    var rowIndex = hoveredCell === null || hoveredCell === void 0 ? void 0 : hoveredCell.rowIndex;
+    if ((0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true)) {
+      if (rowIndex !== undefined) {
+        var _api$analytics;
+        (0, _commandsWithAnalytics.toggleActiveTableMenuWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)('row', rowIndex, trigger)(editorView.state, editorView.dispatch);
+      }
+      return;
+    }
+    (0, _commandsWithAnalytics2.toggleDragMenuWithAnalytics)(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)(undefined, 'row', rowIndex, trigger)(editorView.state, editorView.dispatch);
+  }, [editorView, hoveredCell === null || hoveredCell === void 0 ? void 0 : hoveredCell.rowIndex, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions]);
   var rowIndex = hoveredCell === null || hoveredCell === void 0 ? void 0 : hoveredCell.rowIndex;
   var handleMouseOut = (0, _react.useCallback)(function () {
     if (tableActive) {

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

@@ -10,7 +10,8 @@ var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _MergeCellsItem = require("./items/MergeCellsItem");
 var _SplitCellItem = require("./items/SplitCellItem");
 var _keys = require("./keys");
-var getCellMenuComponents = exports.getCellMenuComponents = function getCellMenuComponents() {
+var getCellMenuComponents = exports.getCellMenuComponents = function getCellMenuComponents(_ref) {
+  var api = _ref.api;
   return [
   // --- Menu surface ---
   {
@@ -38,7 +39,9 @@ var getCellMenuComponents = exports.getCellMenuComponents = function getCellMenu
       rank: _keys.CELL_ACTION_SECTION_RANK[_keys.MERGE_CELLS_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_MergeCellsItem.MergeCellsItem, null);
+      return /*#__PURE__*/_react.default.createElement(_MergeCellsItem.MergeCellsItem, {
+        api: api
+      });
     }
   }, {
     type: _keys.SPLIT_CELL_ITEM.type,
@@ -49,7 +52,9 @@ var getCellMenuComponents = exports.getCellMenuComponents = function getCellMenu
       rank: _keys.CELL_ACTION_SECTION_RANK[_keys.SPLIT_CELL_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_SplitCellItem.SplitCellItem, null);
+      return /*#__PURE__*/_react.default.createElement(_SplitCellItem.SplitCellItem, {
+        api: api
+      });
     }
   },
   // --- Danger section (Clear cell) ---

package/dist/cjs/ui/TableMenu/cell/items/MergeCellsItem.js

@@ -7,8 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.MergeCellsItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _commands = require("../../../../pm-plugins/commands");
+var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 /**
  * Merge cells is only visible when the active selection can actually be merged
@@ -17,14 +20,26 @@ var _TableMenuContext = require("../../shared/TableMenuContext");
 var shouldShowMergeCells = function shouldShowMergeCells(tableMenuContext) {
   return (tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canMergeCells) === true;
 };
-var MergeCellsItem = exports.MergeCellsItem = function MergeCellsItem() {
+var MergeCellsItem = exports.MergeCellsItem = function MergeCellsItem(_ref) {
+  var api = _ref.api;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    (0, _commandsWithAnalytics.mergeCellsWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.CONTEXT_MENU)(editorView.state, editorView.dispatch);
+    (0, _commands.closeActiveTableMenu)()(editorView.state, editorView.dispatch);
+  };
   if (!shouldShowMergeCells(tableMenuContext)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableCellMergeIcon, {
       label: "",
       size: "small"

package/dist/cjs/ui/TableMenu/cell/items/SplitCellItem.js

@@ -7,8 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.SplitCellItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _commands = require("../../../../pm-plugins/commands");
+var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 /**
  * Split cell is only visible when the active selection sits in a cell whose
@@ -17,14 +20,26 @@ var _TableMenuContext = require("../../shared/TableMenuContext");
 var shouldShowSplitCell = function shouldShowSplitCell(tableMenuContext) {
   return (tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.canSplitCell) === true;
 };
-var SplitCellItem = exports.SplitCellItem = function SplitCellItem() {
+var SplitCellItem = exports.SplitCellItem = function SplitCellItem(_ref) {
+  var api = _ref.api;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    (0, _commandsWithAnalytics.splitCellWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.CONTEXT_MENU)(editorView.state, editorView.dispatch);
+    (0, _commands.closeActiveTableMenu)()(editorView.state, editorView.dispatch);
+  };
   if (!shouldShowSplitCell(tableMenuContext)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableCellSplitIcon, {
       label: "",
       size: "small"

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

@@ -11,15 +11,15 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddColumnLeftItem = exports.AddColumnLeftItem = function AddColumnLeftItem(_ref) {
-  var _tooltip;
+  var _useTableMenuContext, _tooltip;
   var api = _ref.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
+  var _ref2 = (_useTableMenuContext = (0, _TableMenuContext.useTableMenuContext)()) !== null && _useTableMenuContext !== void 0 ? _useTableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {

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

@@ -11,15 +11,15 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddColumnRightItem = exports.AddColumnRightItem = function AddColumnRightItem(_ref) {
-  var _tooltip;
+  var _useTableMenuContext, _tooltip;
   var api = _ref.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
+  var _ref2 = (_useTableMenuContext = (0, _TableMenuContext.useTableMenuContext)()) !== null && _useTableMenuContext !== void 0 ? _useTableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {

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

@@ -11,7 +11,6 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
@@ -21,9 +20,9 @@ var _TableMenuContext = require("../../shared/TableMenuContext");
 var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref) {
   var _tableMenuContext$sel, _tooltip;
   var api = _ref.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var selectedColumnCount = (_tableMenuContext$sel = tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedColumnCount) !== null && _tableMenuContext$sel !== void 0 ? _tableMenuContext$sel : 1;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;

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

@@ -10,7 +10,6 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
@@ -22,9 +21,9 @@ var shouldShowDistributeColumns = function shouldShowDistributeColumns(selectedC
 };
 var DistributeColumnsItem = exports.DistributeColumnsItem = function DistributeColumnsItem(_ref) {
   var api = _ref.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {

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

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
@@ -30,9 +29,9 @@ var shouldShowHeaderColumnToggle = exports.shouldShowHeaderColumnToggle = functi
 };
 var HeaderColumnToggleItem = exports.HeaderColumnToggleItem = function HeaderColumnToggleItem(props) {
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState, _states$tableState2;
       return {

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

@@ -11,7 +11,6 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _tableColumnMoveLeft = _interopRequireDefault(require("@atlaskit/icon/core/table-column-move-left"));
@@ -26,9 +25,9 @@ var shouldShowMoveColumnLeft = function shouldShowMoveColumnLeft(isFirstColumn)
 var MoveColumnLeftItem = exports.MoveColumnLeftItem = function MoveColumnLeftItem(props) {
   var _tableMenuContext$sel, _tooltip;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {

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

@@ -11,7 +11,6 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
@@ -25,9 +24,9 @@ var shouldShowMoveColumnRight = function shouldShowMoveColumnRight(isLastColumn)
 var MoveColumnRightItem = exports.MoveColumnRightItem = function MoveColumnRightItem(props) {
   var _tableMenuContext$sel, _tooltip;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {

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

@@ -10,16 +10,15 @@ var _reactIntl = require("react-intl");
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var SortDecreasingItem = exports.SortDecreasingItem = function SortDecreasingItem(_ref) {
   var api = _ref.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var handleClick = function handleClick() {

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

@@ -10,16 +10,15 @@ var _reactIntl = require("react-intl");
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var SortIncreasingItem = exports.SortIncreasingItem = function SortIncreasingItem(_ref) {
   var api = _ref.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var handleClick = function handleClick() {

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

@@ -10,15 +10,15 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddRowAboveItem = exports.AddRowAboveItem = function AddRowAboveItem(props) {
-  var _tooltip;
+  var _useTableMenuContext, _tooltip;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
+  var _ref = (_useTableMenuContext = (0, _TableMenuContext.useTableMenuContext)()) !== null && _useTableMenuContext !== void 0 ? _useTableMenuContext : {},
+    editorView = _ref.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var handleClick = function handleClick() {

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

@@ -10,15 +10,15 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem(props) {
-  var _tooltip;
+  var _useTableMenuContext, _tooltip;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
+  var _ref = (_useTableMenuContext = (0, _TableMenuContext.useTableMenuContext)()) !== null && _useTableMenuContext !== void 0 ? _useTableMenuContext : {},
+    editorView = _ref.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var handleClick = function handleClick() {

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

@@ -11,7 +11,6 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
@@ -21,9 +20,9 @@ var _TableMenuContext = require("../../shared/TableMenuContext");
 var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
   var _tableMenuContext$sel, _tooltip;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {

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

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
@@ -24,9 +23,9 @@ var shouldShowHeaderRowToggle = function shouldShowHeaderRowToggle(_ref) {
 var HeaderRowToggleItem = exports.HeaderRowToggleItem = function HeaderRowToggleItem(props) {
   var _tableMenuContext$sel;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref2 = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref2.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState, _states$tableState2;
       return {

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

@@ -11,7 +11,6 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
@@ -25,9 +24,9 @@ var shouldShowMoveRowDown = function shouldShowMoveRowDown(isLastRow) {
 var MoveRowDownItem = exports.MoveRowDownItem = function MoveRowDownItem(props) {
   var _tableMenuContext$sel, _tooltip;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {

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

@@ -11,7 +11,6 @@ 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 _toolbar = require("@atlaskit/editor-common/toolbar");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
@@ -25,9 +24,9 @@ var shouldShowMoveRowUp = function shouldShowMoveRowUp(isFirstRow) {
 var MoveRowUpItem = exports.MoveRowUpItem = function MoveRowUpItem(props) {
   var _tableMenuContext$sel, _tooltip;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
   var tableMenuContext = (0, _TableMenuContext.useTableMenuContext)();
+  var _ref = tableMenuContext !== null && tableMenuContext !== void 0 ? tableMenuContext : {},
+    editorView = _ref.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState;
       return {

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

@@ -9,14 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _TableMenuContext = require("../../shared/TableMenuContext");
 var NumberedRowsToggleItem = exports.NumberedRowsToggleItem = function NumberedRowsToggleItem(props) {
+  var _useTableMenuContext;
   var api = props.api;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorView = _useEditorToolbar.editorView;
+  var _ref = (_useTableMenuContext = (0, _TableMenuContext.useTableMenuContext)()) !== null && _useTableMenuContext !== void 0 ? _useTableMenuContext : {},
+    editorView = _ref.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
       var _states$tableState, _states$tableState2;
       return {

package/dist/cjs/ui/TableMenu/shared/TableMenu.compiled.css

@@ -1,6 +1,4 @@
 
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
-._18m915vq{overflow-y:hidden}
 ._1bsb1178{width:280px}
-._1reo15vq{overflow-x:hidden}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}