@atlaskit/editor-plugin-table 22.4.11 → 22.4.13

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

@@ -7,14 +7,53 @@ Object.defineProperty(exports, "__esModule", {
 exports.MoveColumnRightItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+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 MoveColumnRightItem = exports.MoveColumnRightItem = function MoveColumnRightItem() {
-  var _tooltip;
+var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
+var _pluginFactory = require("../../../../pm-plugins/plugin-factory");
+var _selection = require("../../../../pm-plugins/utils/selection");
+var _consts = require("../../shared/consts");
+var _TableMenuContext = require("../../shared/TableMenuContext");
+var shouldShowMoveColumnRight = function shouldShowMoveColumnRight(isLastColumn) {
+  return !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 _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+      var _states$tableState;
+      return {
+        tableNode: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.tableNode
+      };
+    }),
+    tableNode = _useSharedPluginState.tableNode;
+  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;
+  var handleClick = function handleClick() {
+    var _api$analytics, _api$accessibilityUti;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    if (!selectionRect) {
+      return;
+    }
+    (0, _commandsWithAnalytics.moveSourceWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify, (0, _pluginFactory.getPluginState)(editorView.state).getIntl)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, _consts.TABLE_COLUMN, (0, _selection.getSelectedColumnIndexes)(selectionRect), selectionRect.right)(editorView.state, editorView.dispatch);
+  };
+  if (!tableNode || !shouldShowMoveColumnRight(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isLastColumn)) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableColumnMoveRightIcon, {
       color: "currentColor",
       label: "",
@@ -24,6 +63,6 @@ var MoveColumnRightItem = exports.MoveColumnRightItem = function MoveColumnRight
       shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.moveColumnRight)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
   }, formatMessage(_messages.tableMessages.moveColumnRight, {
-    0: 1
+    0: selectedColumnCount
   }));
 };

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

@@ -7,14 +7,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.SortDecreasingItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 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() {
+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 _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var columnIndex = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.left;
+    if (columnIndex === undefined) {
+      return;
+    }
+    (0, _commandsWithAnalytics.sortColumnWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, _customSteps.TableSortOrder.DESC)(editorView.state, editorView.dispatch);
+  };
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     isDisabled: Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.hasMergedCellsInTable),
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ArrowDownIcon, {
       color: "currentColor",

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

@@ -7,14 +7,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.SortIncreasingItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 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() {
+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 _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var columnIndex = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.left;
+    if (columnIndex === undefined) {
+      return;
+    }
+    (0, _commandsWithAnalytics.sortColumnWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, _customSteps.TableSortOrder.ASC)(editorView.state, editorView.dispatch);
+  };
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     isDisabled: Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.hasMergedCellsInTable),
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ArrowUpIcon, {
       color: "currentColor",

package/dist/cjs/ui/TableMenu/column/keys.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SORT_INCREASING_ITEM = exports.SORT_DECREASING_ITEM = exports.MOVE_COLUMN_RIGHT_ITEM = exports.HEADER_COLUMN_TOGGLE_ITEM = exports.DISTRIBUTE_COLUMNS_ITEM = exports.DELETE_COLUMN_ITEM = exports.COLUMN_TOGGLE_SECTION_RANK = exports.COLUMN_TOGGLE_SECTION = exports.COLUMN_SORT_SECTION_RANK = exports.COLUMN_SORT_SECTION = exports.COLUMN_SECTION_RANK = exports.COLUMN_MENU = exports.COLUMN_DANGER_SECTION_RANK = exports.COLUMN_DANGER_SECTION = exports.COLUMN_BACKGROUND_SECTION_RANK = exports.COLUMN_BACKGROUND_SECTION = exports.COLUMN_ADD_SECTION_RANK = exports.COLUMN_ADD_SECTION = exports.ADD_COLUMN_RIGHT_ITEM = exports.ADD_COLUMN_LEFT_ITEM = void 0;
+exports.SORT_INCREASING_ITEM = exports.SORT_DECREASING_ITEM = exports.MOVE_COLUMN_RIGHT_ITEM = exports.MOVE_COLUMN_LEFT_ITEM = exports.HEADER_COLUMN_TOGGLE_ITEM = exports.DISTRIBUTE_COLUMNS_ITEM = exports.DELETE_COLUMN_ITEM = exports.COLUMN_TOGGLE_SECTION_RANK = exports.COLUMN_TOGGLE_SECTION = exports.COLUMN_SORT_SECTION_RANK = exports.COLUMN_SORT_SECTION = exports.COLUMN_SECTION_RANK = exports.COLUMN_MENU = exports.COLUMN_DANGER_SECTION_RANK = exports.COLUMN_DANGER_SECTION = exports.COLUMN_BACKGROUND_SECTION_RANK = exports.COLUMN_BACKGROUND_SECTION = exports.COLUMN_ADD_SECTION_RANK = exports.COLUMN_ADD_SECTION = exports.ADD_COLUMN_RIGHT_ITEM = exports.ADD_COLUMN_LEFT_ITEM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("../shared/keys");
 // --- Menu surface ---
@@ -57,6 +57,10 @@ var ADD_COLUMN_RIGHT_ITEM = exports.ADD_COLUMN_RIGHT_ITEM = {
   type: 'menu-item',
   key: 'add-column-right'
 };
+var MOVE_COLUMN_LEFT_ITEM = exports.MOVE_COLUMN_LEFT_ITEM = {
+  type: 'menu-item',
+  key: 'move-column-left'
+};
 var MOVE_COLUMN_RIGHT_ITEM = exports.MOVE_COLUMN_RIGHT_ITEM = {
   type: 'menu-item',
   key: 'move-column-right'
@@ -75,5 +79,5 @@ var DELETE_COLUMN_ITEM = exports.DELETE_COLUMN_ITEM = {
 var COLUMN_TOGGLE_SECTION_RANK = exports.COLUMN_TOGGLE_SECTION_RANK = (0, _defineProperty2.default)({}, HEADER_COLUMN_TOGGLE_ITEM.key, 100);
 var COLUMN_BACKGROUND_SECTION_RANK = exports.COLUMN_BACKGROUND_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.BACKGROUND_COLOR_ITEM.key, 100);
 var COLUMN_SORT_SECTION_RANK = exports.COLUMN_SORT_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, SORT_INCREASING_ITEM.key, 100), SORT_DECREASING_ITEM.key, 200);
-var COLUMN_ADD_SECTION_RANK = exports.COLUMN_ADD_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ADD_COLUMN_LEFT_ITEM.key, 100), ADD_COLUMN_RIGHT_ITEM.key, 200), MOVE_COLUMN_RIGHT_ITEM.key, 300), DISTRIBUTE_COLUMNS_ITEM.key, 400);
+var COLUMN_ADD_SECTION_RANK = exports.COLUMN_ADD_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ADD_COLUMN_LEFT_ITEM.key, 100), ADD_COLUMN_RIGHT_ITEM.key, 200), MOVE_COLUMN_LEFT_ITEM.key, 300), MOVE_COLUMN_RIGHT_ITEM.key, 400), DISTRIBUTE_COLUMNS_ITEM.key, 500);
 var COLUMN_DANGER_SECTION_RANK = exports.COLUMN_DANGER_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.CLEAR_CELLS_ITEM.key, 100), DELETE_COLUMN_ITEM.key, 200);

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

@@ -15,7 +15,8 @@ var _MoveRowDownItem = require("./items/MoveRowDownItem");
 var _MoveRowUpItem = require("./items/MoveRowUpItem");
 var _NumberedRowsToggleItem = require("./items/NumberedRowsToggleItem");
 var _keys = require("./keys");
-var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuComponents() {
+var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuComponents(_ref) {
+  var api = _ref.api;
   return [
   // --- Menu surface ---
   {
@@ -43,7 +44,9 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.HEADER_ROW_TOGGLE_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_HeaderRowToggleItem.HeaderRowToggleItem, null);
+      return /*#__PURE__*/_react.default.createElement(_HeaderRowToggleItem.HeaderRowToggleItem, {
+        api: api
+      });
     }
   }, {
     type: _keys.NUMBERED_ROWS_TOGGLE_ITEM.type,
@@ -54,7 +57,9 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.NUMBERED_ROWS_TOGGLE_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_NumberedRowsToggleItem.NumberedRowsToggleItem, null);
+      return /*#__PURE__*/_react.default.createElement(_NumberedRowsToggleItem.NumberedRowsToggleItem, {
+        api: api
+      });
     }
   },
   // --- Background color section ---
@@ -95,7 +100,9 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_ADD_SECTION_RANK[_keys.ADD_ROW_ABOVE_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_AddRowAboveItem.AddRowAboveItem, null);
+      return /*#__PURE__*/_react.default.createElement(_AddRowAboveItem.AddRowAboveItem, {
+        api: api
+      });
     }
   }, {
     type: _keys.ADD_ROW_BELOW_ITEM.type,
@@ -106,7 +113,9 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_ADD_SECTION_RANK[_keys.ADD_ROW_BELOW_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_AddRowBelowItem.AddRowBelowItem, null);
+      return /*#__PURE__*/_react.default.createElement(_AddRowBelowItem.AddRowBelowItem, {
+        api: api
+      });
     }
   }, {
     type: _keys.MOVE_ROW_UP_ITEM.type,
@@ -117,7 +126,9 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_UP_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_MoveRowUpItem.MoveRowUpItem, null);
+      return /*#__PURE__*/_react.default.createElement(_MoveRowUpItem.MoveRowUpItem, {
+        api: api
+      });
     }
   }, {
     type: _keys.MOVE_ROW_DOWN_ITEM.type,
@@ -128,7 +139,9 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_DOWN_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_MoveRowDownItem.MoveRowDownItem, null);
+      return /*#__PURE__*/_react.default.createElement(_MoveRowDownItem.MoveRowDownItem, {
+        api: api
+      });
     }
   },
   // --- Danger section (Clear cells, Delete row) ---
@@ -154,7 +167,9 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
       rank: _keys.ROW_DANGER_SECTION_RANK[_keys.DELETE_ROW_ITEM.key]
     }],
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_DeleteRowItem.DeleteRowItem, null);
+      return /*#__PURE__*/_react.default.createElement(_DeleteRowItem.DeleteRowItem, {
+        api: api
+      });
     }
   }];
 };

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

@@ -7,14 +7,37 @@ Object.defineProperty(exports, "__esModule", {
 exports.AddRowAboveItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 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 AddRowAboveItem = exports.AddRowAboveItem = function AddRowAboveItem() {
+var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var AddRowAboveItem = exports.AddRowAboveItem = function AddRowAboveItem(props) {
   var _tooltip;
+  var api = props.api;
+  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
+    editorView = _useEditorToolbar.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.top;
+    if (index === undefined) {
+      return;
+    }
+    (0, _commandsWithAnalytics.insertRowWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, {
+      index: index,
+      moveCursorToInsertedRow: true
+    })(editorView.state, editorView.dispatch);
+  };
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowAddAboveIcon, {
       color: "currentColor",
       label: "",

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

@@ -7,14 +7,37 @@ Object.defineProperty(exports, "__esModule", {
 exports.AddRowBelowItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 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 AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem() {
+var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem(props) {
   var _tooltip;
+  var api = props.api;
+  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
+    editorView = _useEditorToolbar.editorView;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
+    if (index === undefined) {
+      return;
+    }
+    (0, _commandsWithAnalytics.insertRowWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, {
+      index: index,
+      moveCursorToInsertedRow: true
+    })(editorView.state, editorView.dispatch);
+  };
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowAddBelowIcon, {
       color: "currentColor",
       label: "",

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

@@ -7,14 +7,66 @@ Object.defineProperty(exports, "__esModule", {
 exports.DeleteRowItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+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 DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem() {
-  var _tooltip;
+var _commands = require("../../../../pm-plugins/commands");
+var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _selection = require("../../../../pm-plugins/utils/selection");
+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 _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+      var _states$tableState;
+      return {
+        isHeaderRowRequired: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.isHeaderRowRequired
+      };
+    }),
+    isHeaderRowRequired = _useSharedPluginState.isHeaderRowRequired;
+  var selectedRowCount = (_tableMenuContext$sel = tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedRowCount) !== null && _tableMenuContext$sel !== void 0 ? _tableMenuContext$sel : 1;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
+  var handleMouseEnter = function handleMouseEnter() {
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    if (!selectionRect) {
+      return;
+    }
+    (0, _commands.hoverRows)((0, _selection.getSelectedRowIndexes)(selectionRect), true)(editorView.state, editorView.dispatch);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    if (!editorView) {
+      return;
+    }
+    (0, _commands.clearHoverSelection)()(editorView.state, editorView.dispatch);
+  };
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    if (!selectionRect) {
+      return;
+    }
+    (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect, !!isHeaderRowRequired)(editorView.state, editorView.dispatch);
+  };
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
+    onFocus: handleMouseEnter,
+    onMouseEnter: handleMouseEnter,
+    onBlur: handleMouseLeave,
+    onMouseLeave: handleMouseLeave,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.DeleteIcon, {
       color: "currentColor",
       label: "",
@@ -24,6 +76,6 @@ var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem() {
       shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.deleteRow)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
   }, formatMessage(_messages.tableMessages.removeRows, {
-    0: 1
+    0: selectedRowCount
   }));
 };

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

@@ -7,26 +7,59 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeaderRowToggleItem = void 0;
 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");
 /** Header row toggle is only visible when the first row is the entire selection. */
-var shouldShowHeaderRowToggle = function shouldShowHeaderRowToggle(tableMenuContext) {
-  return (tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isFirstRow) === true && tableMenuContext.selectedRowCount === 1;
+var shouldShowHeaderRowToggle = function shouldShowHeaderRowToggle(_ref) {
+  var isFirstRow = _ref.isFirstRow,
+    isHeaderRowAllowed = _ref.isHeaderRowAllowed,
+    selectedRowCount = _ref.selectedRowCount;
+  return isHeaderRowAllowed === true && isFirstRow && selectedRowCount === 1;
 };
-var HeaderRowToggleItem = exports.HeaderRowToggleItem = function HeaderRowToggleItem() {
+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 _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+      var _states$tableState, _states$tableState2;
+      return {
+        isHeaderRowAllowed: (_states$tableState = states.tableState) === null || _states$tableState === void 0 || (_states$tableState = _states$tableState.pluginConfig) === null || _states$tableState === void 0 ? void 0 : _states$tableState.allowHeaderRow,
+        isHeaderRowEnabled: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.isHeaderRowEnabled
+      };
+    }),
+    isHeaderRowAllowed = _useSharedPluginState.isHeaderRowAllowed,
+    isHeaderRowEnabled = _useSharedPluginState.isHeaderRowEnabled;
+  var selectedRowCount = (_tableMenuContext$sel = tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedRowCount) !== null && _tableMenuContext$sel !== void 0 ? _tableMenuContext$sel : 0;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var label = formatMessage(_messages.tableMessages.headerRow);
-  if (!shouldShowHeaderRowToggle(tableMenuContext)) {
+  var handleClick = function handleClick() {
+    var _api$analytics;
+    if (!editorView) {
+      return;
+    }
+    (0, _commandsWithAnalytics.toggleHeaderRowWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(editorView.state, editorView.dispatch);
+  };
+  if (!shouldShowHeaderRowToggle({
+    isFirstRow: (tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isFirstRow) === true,
+    isHeaderRowAllowed: isHeaderRowAllowed,
+    selectedRowCount: selectedRowCount
+  })) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemAfter: /*#__PURE__*/_react.default.createElement(_toggle.default, {
       label: label,
-      isChecked: false
+      isChecked: !!isHeaderRowEnabled,
+      onChange: handleClick
     })
   }, label);
 };

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

@@ -7,37 +7,62 @@ Object.defineProperty(exports, "__esModule", {
 exports.MoveRowDownItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+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 _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
+var _pluginFactory = require("../../../../pm-plugins/plugin-factory");
+var _selection = require("../../../../pm-plugins/utils/selection");
+var _consts = require("../../shared/consts");
 var _TableMenuContext = require("../../shared/TableMenuContext");
-var getMoveRowDownShortcut = function getMoveRowDownShortcut() {
-  return (0, _keymaps.tooltip)((0, _expValEquals.expValEquals)('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? _keymaps.moveRowDown : _keymaps.moveRowDownOld);
+var shouldShowMoveRowDown = function shouldShowMoveRowDown(isLastRow) {
+  return !isLastRow;
 };
-
-/** Move row down is hidden when the selection includes the last row (cannot move further down). */
-var shouldShowMoveRowDown = function shouldShowMoveRowDown(tableMenuContext) {
-  return !(tableMenuContext !== null && tableMenuContext !== void 0 && tableMenuContext.isLastRow);
-};
-var MoveRowDownItem = exports.MoveRowDownItem = function MoveRowDownItem() {
-  var _getMoveRowDownShortc;
+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 _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+      var _states$tableState;
+      return {
+        tableNode: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.tableNode
+      };
+    }),
+    tableNode = _useSharedPluginState.tableNode;
+  var selectedRowCount = (_tableMenuContext$sel = tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedRowCount) !== null && _tableMenuContext$sel !== void 0 ? _tableMenuContext$sel : 1;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  if (!shouldShowMoveRowDown(tableMenuContext)) {
+  var handleClick = function handleClick() {
+    var _api$analytics, _api$accessibilityUti;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    if (!selectionRect) {
+      return;
+    }
+    (0, _commandsWithAnalytics.moveSourceWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify, (0, _pluginFactory.getPluginState)(editorView.state).getIntl)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, _consts.TABLE_ROW, (0, _selection.getSelectedRowIndexes)(selectionRect), selectionRect.bottom)(editorView.state, editorView.dispatch);
+  };
+  if (!tableNode || !shouldShowMoveRowDown(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isLastRow)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowMoveDownIcon, {
       color: "currentColor",
       label: "",
       size: "small"
     }),
     elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
-      shortcut: (_getMoveRowDownShortc = getMoveRowDownShortcut()) !== null && _getMoveRowDownShortc !== void 0 ? _getMoveRowDownShortc : ''
+      shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.moveRowDown)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
   }, formatMessage(_messages.tableMessages.moveRowDown, {
-    0: 1
+    0: selectedRowCount
   }));
 };

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

@@ -7,37 +7,62 @@ Object.defineProperty(exports, "__esModule", {
 exports.MoveRowUpItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
+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 _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _commandsWithAnalytics = require("../../../../pm-plugins/drag-and-drop/commands-with-analytics");
+var _pluginFactory = require("../../../../pm-plugins/plugin-factory");
+var _selection = require("../../../../pm-plugins/utils/selection");
+var _consts = require("../../shared/consts");
 var _TableMenuContext = require("../../shared/TableMenuContext");
-var getMoveRowUpShortcut = function getMoveRowUpShortcut() {
-  return (0, _keymaps.tooltip)((0, _expValEquals.expValEquals)('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? _keymaps.moveRowUp : _keymaps.moveRowUpOld);
+var shouldShowMoveRowUp = function shouldShowMoveRowUp(isFirstRow) {
+  return !isFirstRow;
 };
-
-/** Move row up is hidden when the selection includes row 0 (cannot move further up). */
-var shouldShowMoveRowUp = function shouldShowMoveRowUp(tableMenuContext) {
-  return !(tableMenuContext !== null && tableMenuContext !== void 0 && tableMenuContext.isFirstRow);
-};
-var MoveRowUpItem = exports.MoveRowUpItem = function MoveRowUpItem() {
-  var _getMoveRowUpShortcut;
+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 _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api !== null && api !== void 0 ? api : undefined, ['table'], function (states) {
+      var _states$tableState;
+      return {
+        tableNode: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.tableNode
+      };
+    }),
+    tableNode = _useSharedPluginState.tableNode;
+  var selectedRowCount = (_tableMenuContext$sel = tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.selectedRowCount) !== null && _tableMenuContext$sel !== void 0 ? _tableMenuContext$sel : 1;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  if (!shouldShowMoveRowUp(tableMenuContext)) {
+  var handleClick = function handleClick() {
+    var _api$analytics, _api$accessibilityUti;
+    if (!editorView) {
+      return;
+    }
+    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    if (!selectionRect) {
+      return;
+    }
+    (0, _commandsWithAnalytics.moveSourceWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify, (0, _pluginFactory.getPluginState)(editorView.state).getIntl)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, _consts.TABLE_ROW, (0, _selection.getSelectedRowIndexes)(selectionRect), selectionRect.top - 1)(editorView.state, editorView.dispatch);
+  };
+  if (!tableNode || !shouldShowMoveRowUp(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.isFirstRow)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowMoveUpIcon, {
       color: "currentColor",
       label: "",
       size: "small"
     }),
     elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
-      shortcut: (_getMoveRowUpShortcut = getMoveRowUpShortcut()) !== null && _getMoveRowUpShortcut !== void 0 ? _getMoveRowUpShortcut : ''
+      shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.moveRowUp)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
   }, formatMessage(_messages.tableMessages.moveRowUp, {
-    0: 1
+    0: selectedRowCount
   }));
 };