@atlaskit/editor-plugin-table 5.3.35 → 5.3.36

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-table
 
+## 5.3.36
+
+### Patch Changes
+
+- [#42221](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42221) [`1f49a73a590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f49a73a590) - [ux] [ECA11Y-110] Selecting table columns, rows, whole table via shortcuts
+
 ## 5.3.35
 
 ### Patch Changes

package/dist/cjs/plugins/table/commands/selection.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shiftArrowUpFromTable = exports.arrowRightFromTable = exports.arrowLeftFromTable = exports.TableSelectionDirection = void 0;
+exports.shiftArrowUpFromTable = exports.selectRows = exports.selectColumns = exports.arrowRightFromTable = exports.arrowLeftFromTable = exports.TableSelectionDirection = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _misc = require("../commands/misc");
 var _toolbar = require("../toolbar");
 var TableSelectionDirection = exports.TableSelectionDirection = /*#__PURE__*/function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
@@ -45,6 +46,46 @@ var arrowRightFromTable = exports.arrowRightFromTable = function arrowRightFromT
     };
   };
 };
+var selectColumns = exports.selectColumns = function selectColumns(editorSelectionAPI) {
+  return function () {
+    return function (state, dispatch) {
+      var selection = state.selection;
+      var table = (0, _utils.findTable)(selection);
+      var rect = (0, _utils.selectedRect)(state);
+      if (table && (0, _utils.isRowSelected)(rect.top)(selection)) {
+        return selectFullTable(editorSelectionAPI)({
+          node: table.node,
+          startPos: table.start,
+          dir: TableSelectionDirection.BottomToTop
+        })(state, dispatch);
+      }
+      if (table && rect) {
+        return (0, _misc.selectColumn)(rect.left)(state, dispatch);
+      }
+      return false;
+    };
+  };
+};
+var selectRows = exports.selectRows = function selectRows(editorSelectionAPI) {
+  return function () {
+    return function (state, dispatch) {
+      var selection = state.selection;
+      var table = (0, _utils.findTable)(selection);
+      var rect = (0, _utils.selectedRect)(state);
+      if (table && (0, _utils.isColumnSelected)(rect.left)(selection)) {
+        return selectFullTable(editorSelectionAPI)({
+          node: table.node,
+          startPos: table.start,
+          dir: TableSelectionDirection.BottomToTop
+        })(state, dispatch);
+      }
+      if (table && rect) {
+        return (0, _misc.selectRow)(rect.top)(state, dispatch);
+      }
+      return false;
+    };
+  };
+};
 var arrowLeftFromCellSelection = function arrowLeftFromCellSelection(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {

package/dist/cjs/plugins/table/pm-plugins/table-selection-keymap.js

@@ -16,6 +16,8 @@ function tableSelectionKeymapPlugin(editorSelectionAPI) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.shift-arrowup-fix')) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.shiftArrowUp.common, (0, _selection.shiftArrowUpFromTable)(editorSelectionAPI)(), list);
   }
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.selectColumn.common, (0, _selection.selectColumns)(editorSelectionAPI)(), list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.selectRow.common, (0, _selection.selectRows)(editorSelectionAPI)(), list);
   return (0, _keymap.keymap)(list);
 }
 var _default = exports.default = tableSelectionKeymapPlugin;

package/dist/es2019/plugins/table/commands/selection.js

@@ -2,7 +2,8 @@ import { GapCursorSelection, isSelectionAtEndOfNode, isSelectionAtStartOfNode, R
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { findTable, isColumnSelected, isRowSelected, isTableSelected, selectedRect } from '@atlaskit/editor-tables/utils';
+import { selectColumn, selectRow } from '../commands/misc';
 import { getClosestSelectionRect } from '../toolbar';
 export let TableSelectionDirection = /*#__PURE__*/function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
@@ -35,6 +36,42 @@ export const arrowRightFromTable = editorSelectionAPI => () => (state, dispatch)
   }
   return false;
 };
+export const selectColumns = editorSelectionAPI => () => (state, dispatch) => {
+  const {
+    selection
+  } = state;
+  const table = findTable(selection);
+  const rect = selectedRect(state);
+  if (table && isRowSelected(rect.top)(selection)) {
+    return selectFullTable(editorSelectionAPI)({
+      node: table.node,
+      startPos: table.start,
+      dir: TableSelectionDirection.BottomToTop
+    })(state, dispatch);
+  }
+  if (table && rect) {
+    return selectColumn(rect.left)(state, dispatch);
+  }
+  return false;
+};
+export const selectRows = editorSelectionAPI => () => (state, dispatch) => {
+  const {
+    selection
+  } = state;
+  const table = findTable(selection);
+  const rect = selectedRect(state);
+  if (table && isColumnSelected(rect.left)(selection)) {
+    return selectFullTable(editorSelectionAPI)({
+      node: table.node,
+      startPos: table.start,
+      dir: TableSelectionDirection.BottomToTop
+    })(state, dispatch);
+  }
+  if (table && rect) {
+    return selectRow(rect.top)(state, dispatch);
+  }
+  return false;
+};
 const arrowLeftFromCellSelection = editorSelectionAPI => selection => (state, dispatch) => {
   if (isTableSelected(state.selection) && editorSelectionAPI) {
     const selectionState = editorSelectionAPI.sharedState.currentState() || {};

package/dist/es2019/plugins/table/pm-plugins/table-selection-keymap.js

@@ -1,7 +1,7 @@
-import { bindKeymapWithCommand, moveLeft, moveRight, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
+import { bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { arrowLeftFromTable, arrowRightFromTable, shiftArrowUpFromTable } from '../commands/selection';
+import { arrowLeftFromTable, arrowRightFromTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
 export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   const list = {};
   bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
@@ -9,6 +9,8 @@ export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   }
+  bindKeymapWithCommand(selectColumn.common, selectColumns(editorSelectionAPI)(), list);
+  bindKeymapWithCommand(selectRow.common, selectRows(editorSelectionAPI)(), list);
   return keymap(list);
 }
 export default tableSelectionKeymapPlugin;

package/dist/esm/plugins/table/commands/selection.js

@@ -2,7 +2,8 @@ import { GapCursorSelection, isSelectionAtEndOfNode, isSelectionAtStartOfNode, R
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { findTable, isColumnSelected, isRowSelected, isTableSelected, selectedRect } from '@atlaskit/editor-tables/utils';
+import { selectColumn, selectRow } from '../commands/misc';
 import { getClosestSelectionRect } from '../toolbar';
 export var TableSelectionDirection = /*#__PURE__*/function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
@@ -39,6 +40,46 @@ export var arrowRightFromTable = function arrowRightFromTable(editorSelectionAPI
     };
   };
 };
+export var selectColumns = function selectColumns(editorSelectionAPI) {
+  return function () {
+    return function (state, dispatch) {
+      var selection = state.selection;
+      var table = findTable(selection);
+      var rect = selectedRect(state);
+      if (table && isRowSelected(rect.top)(selection)) {
+        return selectFullTable(editorSelectionAPI)({
+          node: table.node,
+          startPos: table.start,
+          dir: TableSelectionDirection.BottomToTop
+        })(state, dispatch);
+      }
+      if (table && rect) {
+        return selectColumn(rect.left)(state, dispatch);
+      }
+      return false;
+    };
+  };
+};
+export var selectRows = function selectRows(editorSelectionAPI) {
+  return function () {
+    return function (state, dispatch) {
+      var selection = state.selection;
+      var table = findTable(selection);
+      var rect = selectedRect(state);
+      if (table && isColumnSelected(rect.left)(selection)) {
+        return selectFullTable(editorSelectionAPI)({
+          node: table.node,
+          startPos: table.start,
+          dir: TableSelectionDirection.BottomToTop
+        })(state, dispatch);
+      }
+      if (table && rect) {
+        return selectRow(rect.top)(state, dispatch);
+      }
+      return false;
+    };
+  };
+};
 var arrowLeftFromCellSelection = function arrowLeftFromCellSelection(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {

package/dist/esm/plugins/table/pm-plugins/table-selection-keymap.js

@@ -1,7 +1,7 @@
-import { bindKeymapWithCommand, moveLeft, moveRight, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
+import { bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { arrowLeftFromTable, arrowRightFromTable, shiftArrowUpFromTable } from '../commands/selection';
+import { arrowLeftFromTable, arrowRightFromTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
 export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   var list = {};
   bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
@@ -9,6 +9,8 @@ export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   }
+  bindKeymapWithCommand(selectColumn.common, selectColumns(editorSelectionAPI)(), list);
+  bindKeymapWithCommand(selectRow.common, selectRows(editorSelectionAPI)(), list);
   return keymap(list);
 }
 export default tableSelectionKeymapPlugin;

package/dist/types/plugins/table/commands/selection.d.ts

@@ -6,4 +6,6 @@ export declare enum TableSelectionDirection {
 }
 export declare const arrowLeftFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
 export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
 export declare const shiftArrowUpFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;

package/dist/types-ts4.5/plugins/table/commands/selection.d.ts

@@ -6,4 +6,6 @@ export declare enum TableSelectionDirection {
 }
 export declare const arrowLeftFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
 export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
 export declare const shiftArrowUpFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.3.35",
+  "version": "5.3.36",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/plugins/table/commands/selection.ts

@@ -17,8 +17,15 @@ import type {
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
-
+import {
+  findTable,
+  isColumnSelected,
+  isRowSelected,
+  isTableSelected,
+  selectedRect,
+} from '@atlaskit/editor-tables/utils';
+
+import { selectColumn, selectRow } from '../commands/misc';
 import type tablePlugin from '../index';
 import { getClosestSelectionRect } from '../toolbar';
 
@@ -78,6 +85,60 @@ export const arrowRightFromTable =
     return false;
   };
 
+export const selectColumns =
+  (
+    editorSelectionAPI:
+      | ExtractInjectionAPI<typeof tablePlugin>['selection']
+      | undefined,
+  ) =>
+  (): Command =>
+  (state, dispatch) => {
+    const { selection } = state;
+    const table = findTable(selection);
+    const rect = selectedRect(state);
+
+    if (table && isRowSelected(rect.top)(selection)) {
+      return selectFullTable(editorSelectionAPI)({
+        node: table.node,
+        startPos: table.start,
+        dir: TableSelectionDirection.BottomToTop,
+      })(state, dispatch);
+    }
+
+    if (table && rect) {
+      return selectColumn(rect.left)(state, dispatch);
+    }
+
+    return false;
+  };
+
+export const selectRows =
+  (
+    editorSelectionAPI:
+      | ExtractInjectionAPI<typeof tablePlugin>['selection']
+      | undefined,
+  ) =>
+  (): Command =>
+  (state, dispatch) => {
+    const { selection } = state;
+    const table = findTable(selection);
+    const rect = selectedRect(state);
+
+    if (table && isColumnSelected(rect.left)(selection)) {
+      return selectFullTable(editorSelectionAPI)({
+        node: table.node,
+        startPos: table.start,
+        dir: TableSelectionDirection.BottomToTop,
+      })(state, dispatch);
+    }
+
+    if (table && rect) {
+      return selectRow(rect.top)(state, dispatch);
+    }
+
+    return false;
+  };
+
 const arrowLeftFromCellSelection =
   (
     editorSelectionAPI:

package/src/plugins/table/pm-plugins/table-selection-keymap.ts

@@ -2,6 +2,8 @@ import {
   bindKeymapWithCommand,
   moveLeft,
   moveRight,
+  selectColumn,
+  selectRow,
   shiftArrowUp,
 } from '@atlaskit/editor-common/keymaps';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -12,6 +14,8 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import {
   arrowLeftFromTable,
   arrowRightFromTable,
+  selectColumns,
+  selectRows,
   shiftArrowUpFromTable,
 } from '../commands/selection';
 import type tablePlugin from '../index';
@@ -43,6 +47,18 @@ export function tableSelectionKeymapPlugin(
     );
   }
 
+  bindKeymapWithCommand(
+    selectColumn.common!,
+    selectColumns(editorSelectionAPI)(),
+    list,
+  );
+
+  bindKeymapWithCommand(
+    selectRow.common!,
+    selectRows(editorSelectionAPI)(),
+    list,
+  );
+
   return keymap(list) as SafePlugin;
 }