@atlaskit/editor-plugin-selection 2.0.7 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-selection
 
+## 2.1.0
+
+### Minor Changes
+
+- [#124688](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/124688)
+  [`9b1137bda6f87`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b1137bda6f87) -
+  [ux] ED-25486 Updates cmd+a behaviour to progressively select nodes behind
+  platform_editor_cmd_a_progressively_select_nodes experiment.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.0.7
 
 ### Patch Changes

package/dist/cjs/pm-plugins/commands.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setSelectionRelativeToNode = exports.setSelectionInsideAtNodeEnd = exports.selectNearNode = exports.arrowRight = exports.arrowLeft = void 0;
+exports.setSelectionRelativeToNode = exports.setSelectionInsideAtNodeEnd = exports.selectNodeWithModA = exports.selectNearNode = exports.arrowRight = exports.arrowLeft = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _types = require("../types");
 var _actions = require("./actions");
 var _pluginFactory = require("./plugin-factory");
-var _utils2 = require("./utils");
+var _utils3 = require("./utils");
 /* eslint-disable import/no-extraneous-dependencies */
 
 var selectNearNode = exports.selectNearNode = function selectNearNode(selectionRelativeToNode, selection) {
@@ -64,12 +65,12 @@ var arrowRightFromGapCursor = function arrowRightFromGapCursor(selection) {
       $to = selection.$to,
       side = selection.side;
     if (side === _selection.Side.LEFT) {
-      var selectableNode = (0, _utils2.findSelectableContainerAfter)($to, state.doc);
+      var selectableNode = (0, _utils3.findSelectableContainerAfter)($to, state.doc);
       if (selectableNode) {
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
       }
-    } else if (side === _selection.Side.RIGHT && (0, _utils2.isSelectionAtEndOfParentNode)($from, selection)) {
-      var _selectableNode = (0, _utils2.findSelectableContainerParent)(selection);
+    } else if (side === _selection.Side.RIGHT && (0, _utils3.isSelectionAtEndOfParentNode)($from, selection)) {
+      var _selectableNode = (0, _utils3.findSelectableContainerParent)(selection);
       if (_selectableNode) {
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, _selectableNode.pos))(state, dispatch);
       }
@@ -84,15 +85,15 @@ var arrowLeftFromGapCursor = function arrowLeftFromGapCursor(selection) {
     var _getPluginState = (0, _pluginFactory.getPluginState)(state),
       selectionRelativeToNode = _getPluginState.selectionRelativeToNode;
     if (side === _selection.Side.RIGHT) {
-      var selectableNode = (0, _utils2.findSelectableContainerBefore)($from, state.doc);
+      var selectableNode = (0, _utils3.findSelectableContainerBefore)($from, state.doc);
       if (selectableNode) {
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
       }
-    } else if (side === _selection.Side.LEFT && (0, _utils2.isSelectionAtStartOfParentNode)($from, selection)) {
+    } else if (side === _selection.Side.LEFT && (0, _utils3.isSelectionAtStartOfParentNode)($from, selection)) {
       if (selectionRelativeToNode === _selection.RelativeSelectionPos.Before) {
         var $parent = state.doc.resolve(selection.$from.before(selection.$from.depth));
         if ($parent) {
-          var _selectableNode2 = (0, _utils2.findSelectableContainerBefore)($parent, state.doc);
+          var _selectableNode2 = (0, _utils3.findSelectableContainerBefore)($parent, state.doc);
           if (_selectableNode2 && (0, _selection.isIgnored)(_selectableNode2.node)) {
             // selection is inside node without gap cursor preceeded by another node without gap cursor - set node selection for previous node
             return setSelectionRelativeToNode(_selection.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, _selectableNode2.pos))(state, dispatch);
@@ -102,7 +103,7 @@ var arrowLeftFromGapCursor = function arrowLeftFromGapCursor(selection) {
         // from responding to arrow left key
         setSelectionRelativeToNode()(state, dispatch);
       } else {
-        var _selectableNode3 = (0, _utils2.findSelectableContainerParent)(selection);
+        var _selectableNode3 = (0, _utils3.findSelectableContainerParent)(selection);
         if (_selectableNode3) {
           return setSelectionRelativeToNode(_selection.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, _selectableNode3.pos))(state, dispatch);
         }
@@ -119,7 +120,7 @@ var arrowRightFromNode = function arrowRightFromNode(selection) {
     var _getPluginState2 = (0, _pluginFactory.getPluginState)(state),
       selectionRelativeToNode = _getPluginState2.selectionRelativeToNode;
     if (node.isAtom) {
-      if ((0, _utils2.isSelectionAtEndOfParentNode)($to, selection) && (node.isInline || (0, _selection.isIgnored)(node))) {
+      if ((0, _utils3.isSelectionAtEndOfParentNode)($to, selection) && (node.isInline || (0, _selection.isIgnored)(node))) {
         // selection is for inline node or atom node which is ignored by gap-cursor and that is the last child of its parent node - set text selection after it
         return findAndSetTextSelection(_selection.RelativeSelectionPos.End, state.doc.resolve(from + 1), _types.SelectionDirection.After)(state, dispatch);
       }
@@ -128,7 +129,7 @@ var arrowRightFromNode = function arrowRightFromNode(selection) {
       // selection is for container node - set selection inside it at the start
       return setSelectionInsideAtNodeStart(_selection.RelativeSelectionPos.Inside, node, from)(state, dispatch);
     } else if ((0, _selection.isIgnored)(node) && (!selectionRelativeToNode || selectionRelativeToNode === _selection.RelativeSelectionPos.End)) {
-      var selectableNode = (0, _utils2.findSelectableContainerAfter)($to, state.doc);
+      var selectableNode = (0, _utils3.findSelectableContainerAfter)($to, state.doc);
       if (selectableNode && (0, _selection.isIgnored)(selectableNode.node)) {
         // selection is for node without gap cursor followed by another node without gap cursor - set node selection for next node
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
@@ -146,7 +147,7 @@ var arrowLeftFromNode = function arrowLeftFromNode(selection) {
     var _getPluginState3 = (0, _pluginFactory.getPluginState)(state),
       selectionRelativeToNode = _getPluginState3.selectionRelativeToNode;
     if (node.isAtom) {
-      if ((0, _utils2.isSelectionAtStartOfParentNode)($from, selection) && (node.isInline || (0, _selection.isIgnored)(node))) {
+      if ((0, _utils3.isSelectionAtStartOfParentNode)($from, selection) && (node.isInline || (0, _selection.isIgnored)(node))) {
         // selection is for inline node or atom node which is ignored by gap-cursor and that is the first child of its parent node - set text selection before it
         return findAndSetTextSelection(_selection.RelativeSelectionPos.Start, state.doc.resolve(from), _types.SelectionDirection.Before)(state, dispatch);
       }
@@ -160,7 +161,7 @@ var arrowLeftFromNode = function arrowLeftFromNode(selection) {
       return setSelectionInsideAtNodeStart(_selection.RelativeSelectionPos.Before, node, from)(state, dispatch);
     } else if ((0, _selection.isIgnored)(node) && selectionRelativeToNode === _selection.RelativeSelectionPos.Start) {
       // selection is for node without gap cursor preceeded by another node without gap cursor - set node selection for previous node
-      var selectableNode = (0, _utils2.findSelectableContainerBefore)($from, state.doc);
+      var selectableNode = (0, _utils3.findSelectableContainerBefore)($from, state.doc);
       if (selectableNode && (0, _selection.isIgnored)(selectableNode.node)) {
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
       }
@@ -170,8 +171,8 @@ var arrowLeftFromNode = function arrowLeftFromNode(selection) {
 };
 var arrowRightFromText = function arrowRightFromText(selection) {
   return function (state, dispatch) {
-    if ((0, _utils2.isSelectionAtEndOfParentNode)(selection.$to, selection)) {
-      var selectableNode = (0, _utils2.findSelectableContainerParent)(selection);
+    if ((0, _utils3.isSelectionAtEndOfParentNode)(selection.$to, selection)) {
+      var selectableNode = (0, _utils3.findSelectableContainerParent)(selection);
       if (selectableNode) {
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
       }
@@ -184,7 +185,7 @@ var arrowLeftFromText = function arrowLeftFromText(selection) {
     var _getPluginState4 = (0, _pluginFactory.getPluginState)(state),
       selectionRelativeToNode = _getPluginState4.selectionRelativeToNode;
     if (selectionRelativeToNode === _selection.RelativeSelectionPos.Before) {
-      var selectableNode = (0, _utils2.findSelectableContainerBefore)(selection.$from, state.doc);
+      var selectableNode = (0, _utils3.findSelectableContainerBefore)(selection.$from, state.doc);
       if (selectableNode && (0, _selection.isIgnored)(selectableNode.node)) {
         // selection is inside node without gap cursor preceeded by another node without gap cursor - set node selection for previous node
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
@@ -192,8 +193,8 @@ var arrowLeftFromText = function arrowLeftFromText(selection) {
       // we don't return this as we want to reset the relative pos, but not block other plugins
       // from responding to arrow left key
       setSelectionRelativeToNode(undefined)(state, dispatch);
-    } else if ((0, _utils2.isSelectionAtStartOfParentNode)(selection.$from, selection)) {
-      var _selectableNode4 = (0, _utils2.findSelectableContainerParent)(selection);
+    } else if ((0, _utils3.isSelectionAtStartOfParentNode)(selection.$from, selection)) {
+      var _selectableNode4 = (0, _utils3.findSelectableContainerParent)(selection);
       if (_selectableNode4) {
         return setSelectionRelativeToNode(_selection.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, _selectableNode4.pos))(state, dispatch);
       }
@@ -215,7 +216,7 @@ var setSelectionInsideAtNodeStart = function setSelectionInsideAtNodeStart(selec
     if ((0, _utils.isNodeEmpty)(node)) {
       return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(pos), _types.SelectionDirection.After)(state, dispatch);
     }
-    var selectableNode = (0, _utils2.findFirstChildNodeToSelect)(node);
+    var selectableNode = (0, _utils3.findFirstChildNodeToSelect)(node);
     if (selectableNode) {
       var childNode = selectableNode.node,
         childPos = selectableNode.pos;
@@ -227,7 +228,7 @@ var setSelectionInsideAtNodeStart = function setSelectionInsideAtNodeStart(selec
         return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(selectionPos + 1), _types.SelectionDirection.Before)(state, dispatch);
       } else if (!(0, _selection.isIgnored)(node)) {
         return setSelectionRelativeToNode(selectionRelativeToNode, new _selection.GapCursorSelection(state.doc.resolve(selectionPos), _selection.Side.LEFT))(state, dispatch);
-      } else if ((0, _utils2.isSelectableContainerNode)(node)) {
+      } else if ((0, _utils3.isSelectableContainerNode)(node)) {
         return setSelectionRelativeToNode(selectionRelativeToNode, _state.NodeSelection.create(state.doc, selectionPos))(state, dispatch);
       }
     }
@@ -239,7 +240,7 @@ var setSelectionInsideAtNodeEnd = exports.setSelectionInsideAtNodeEnd = function
     if ((0, _utils.isNodeEmpty)(node)) {
       return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(to), _types.SelectionDirection.Before)(state, dispatch);
     }
-    var selectableNode = (0, _utils2.findLastChildNodeToSelect)(node);
+    var selectableNode = (0, _utils3.findLastChildNodeToSelect)(node);
     if (selectableNode) {
       var childNode = selectableNode.node,
         childPos = selectableNode.pos;
@@ -251,10 +252,42 @@ var setSelectionInsideAtNodeEnd = exports.setSelectionInsideAtNodeEnd = function
         return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(selectionPos), _types.SelectionDirection.After)(state, dispatch);
       } else if (!(0, _selection.isIgnored)(node)) {
         return setSelectionRelativeToNode(selectionRelativeToNode, new _selection.GapCursorSelection(state.doc.resolve(selectionPos + 1), _selection.Side.RIGHT))(state, dispatch);
-      } else if ((0, _utils2.isSelectableContainerNode)(node)) {
+      } else if ((0, _utils3.isSelectableContainerNode)(node)) {
         return setSelectionRelativeToNode(selectionRelativeToNode, _state.NodeSelection.create(state.doc, selectionPos))(state, dispatch);
       }
     }
     return false;
   };
+};
+var selectNodeWithModA = exports.selectNodeWithModA = function selectNodeWithModA() {
+  return function (state, dispatch) {
+    var selection = state.selection;
+    var $from = selection.$from,
+      $to = selection.$to;
+    // Check if the selection is at the top level (e.g., in a paragraph)
+    var isTopLevelSelection = $from.depth === 1 || $to.depth === 1;
+
+    // Determine if the selection is within a code block
+    var isInCodeBlock = $from.sameParent($to) && $from.parent.type === state.schema.nodes.codeBlock;
+
+    // If the selection is at the top level and not in a code block, or if a table is selected, do nothing
+    if (isTopLevelSelection && !isInCodeBlock || (0, _utils2.isTableSelected)(selection)) {
+      return false;
+    }
+
+    // Get the depth of the first common ancestor node
+    var commonAncestorDepth = $from.sharedDepth($to.pos);
+    for (var depth = commonAncestorDepth; depth > 0; depth--) {
+      var node = $from.node(depth);
+      var isParentBlockQuote = node.type.name === 'blockquote';
+      var isSelectable = _state.NodeSelection.isSelectable(node) && !isParentBlockQuote;
+      if (isSelectable) {
+        if (dispatch) {
+          dispatch(state.tr.setSelection(_state.NodeSelection.create(state.doc, $from.before(depth))));
+        }
+        return true;
+      }
+    }
+    return false;
+  };
 };

package/dist/cjs/pm-plugins/gap-cursor/utils/place-gap-cursor.js

@@ -87,8 +87,6 @@ var toDOM = exports.toDOM = function toDOM(view, getPos) {
     var gapCursor = element.firstChild;
     gapCursor.style.height = "".concat(measureHeight(style), "px");
     var layoutMode = node && (0, _utils.getLayoutModeFromTargetNode)(node);
-
-    // TODO remove this table specific piece. need to figure out margin collapsing logic
     if (nodeStart !== 0 || layoutMode || (node === null || node === void 0 ? void 0 : node.type.name) === 'table') {
       gapCursor.style.marginTop = style.getPropertyValue('margin-top');
     }

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("./commands");
 function keymapPlugin() {
   var list = {};
@@ -17,6 +18,11 @@ function keymapPlugin() {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, _commands.arrowLeft, list);
+  if ((0, _experiments.editorExperiment)('platform_editor_cmd_a_progressively_select_nodes', true)) {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.selectNode.common, (0, _commands.selectNodeWithModA)(), list);
+  }
   return (0, _keymap.keymap)(list);
 }
 var _default = exports.default = keymapPlugin;

package/dist/cjs/pm-plugins/selection-analytics.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectionAnalyticsPluginKey = exports.createSelectionAnalyticsPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _state = require("@atlaskit/editor-prosemirror/state");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var selectionAnalyticsPluginKey = exports.selectionAnalyticsPluginKey = new _state.PluginKey('selectionAnalyticsPluginKey');
+var createSelectionAnalyticsPlugin = exports.createSelectionAnalyticsPlugin = function createSelectionAnalyticsPlugin(dispatchAnalyticsEvent) {
+  var keyActions = new Map([['c', 'copy'], ['x', 'cut'], ['z', 'undo'], ['Escape', 'escape'], ['Backspace', 'delete']]);
+  var isFollowUpKey = function isFollowUpKey(event) {
+    return ['c', 'x', 'z'].includes(event.key) && (event.metaKey || event.ctrlKey) || ['Escape', 'Backspace'].includes(event.key);
+  };
+  var dispatchEvent = function dispatchEvent(fromDepth, followedBy) {
+    dispatchAnalyticsEvent({
+      action: _analytics.ACTION.SELECT_ALL,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.ALL,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        followedBy: followedBy,
+        fromDepth: fromDepth
+      }
+    });
+  };
+  return new _safePlugin.SafePlugin({
+    key: selectionAnalyticsPluginKey,
+    state: {
+      init: function init() {
+        return {
+          lastCmdAPress: 0,
+          trackingCmdA: false
+        };
+      },
+      apply: function apply(tr, state) {
+        var meta = tr.getMeta(selectionAnalyticsPluginKey);
+        return meta ? _objectSpread(_objectSpread({}, state), meta) : state;
+      }
+    },
+    props: {
+      handleDOMEvents: {
+        keydown: function keydown(view, event) {
+          var _selectionAnalyticsPl = selectionAnalyticsPluginKey.getState(view.state),
+            lastCmdAPress = _selectionAnalyticsPl.lastCmdAPress,
+            trackingCmdA = _selectionAnalyticsPl.trackingCmdA;
+          var tr = view.state.tr;
+          var depth = view.state.selection.$from.depth;
+          var metaKey = event.metaKey || event.ctrlKey;
+          if (event.key === 'a' && metaKey) {
+            tr.setMeta(selectionAnalyticsPluginKey, {
+              lastCmdAPress: Date.now(),
+              trackingCmdA: true
+            });
+            dispatchEvent(depth);
+            view.dispatch(tr);
+          } else if (trackingCmdA && Date.now() - lastCmdAPress < 5000 && isFollowUpKey(event)) {
+            tr.setMeta(selectionAnalyticsPluginKey, {
+              trackingCmdA: false
+            });
+            dispatchEvent(depth, keyActions.get(event.key));
+            view.dispatch(tr);
+          }
+          return false;
+        }
+      }
+    }
+  });
+};

package/dist/cjs/selectionPlugin.js

@@ -15,6 +15,7 @@ var _gapCursorMain = _interopRequireDefault(require("./pm-plugins/gap-cursor-mai
 var _gapCursorPluginKey = require("./pm-plugins/gap-cursor-plugin-key");
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
 var _markBoundaryCursorMain = require("./pm-plugins/mark-boundary-cursor-main");
+var _selectionAnalytics = require("./pm-plugins/selection-analytics");
 var _selectionMain = require("./pm-plugins/selection-main");
 var _types = require("./types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -109,7 +110,14 @@ var selectionPlugin = exports.selectionPlugin = function selectionPlugin(_ref4)
         plugin: function plugin() {
           return (0, _autoExpandSelectionRangeOnInlineNodeMain.createAutoExpandSelectionRangeOnInlineNodePlugin)();
         }
-      }] : []));
+      }] : []), [{
+        name: 'selectionAnalytics',
+        plugin: function plugin(_ref7) {
+          var dispatch = _ref7.dispatch,
+            dispatchAnalyticsEvent = _ref7.dispatchAnalyticsEvent;
+          return (0, _selectionAnalytics.createSelectionAnalyticsPlugin)(dispatchAnalyticsEvent);
+        }
+      }]);
     }
   };
 };

package/dist/es2019/pm-plugins/commands.js

@@ -2,6 +2,7 @@
 import { isIgnored as isIgnoredByGapCursor, RelativeSelectionPos, GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { isEmptyParagraph, isNodeEmpty } from '@atlaskit/editor-common/utils';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { SelectionDirection, selectionPluginKey } from '../types';
 import { SelectionActionTypes } from './actions';
 import { createCommand, getPluginState } from './plugin-factory';
@@ -249,4 +250,38 @@ export const setSelectionInsideAtNodeEnd = (selectionRelativeToNode, node, from,
     }
   }
   return false;
+};
+export const selectNodeWithModA = () => (state, dispatch) => {
+  const {
+    selection
+  } = state;
+  const {
+    $from,
+    $to
+  } = selection;
+  // Check if the selection is at the top level (e.g., in a paragraph)
+  const isTopLevelSelection = $from.depth === 1 || $to.depth === 1;
+
+  // Determine if the selection is within a code block
+  const isInCodeBlock = $from.sameParent($to) && $from.parent.type === state.schema.nodes.codeBlock;
+
+  // If the selection is at the top level and not in a code block, or if a table is selected, do nothing
+  if (isTopLevelSelection && !isInCodeBlock || isTableSelected(selection)) {
+    return false;
+  }
+
+  // Get the depth of the first common ancestor node
+  const commonAncestorDepth = $from.sharedDepth($to.pos);
+  for (let depth = commonAncestorDepth; depth > 0; depth--) {
+    const node = $from.node(depth);
+    const isParentBlockQuote = node.type.name === 'blockquote';
+    const isSelectable = NodeSelection.isSelectable(node) && !isParentBlockQuote;
+    if (isSelectable) {
+      if (dispatch) {
+        dispatch(state.tr.setSelection(NodeSelection.create(state.doc, $from.before(depth))));
+      }
+      return true;
+    }
+  }
+  return false;
 };

package/dist/es2019/pm-plugins/gap-cursor/utils/place-gap-cursor.js

@@ -78,8 +78,6 @@ export const toDOM = (view, getPos) => {
     const gapCursor = element.firstChild;
     gapCursor.style.height = `${measureHeight(style)}px`;
     const layoutMode = node && getLayoutModeFromTargetNode(node);
-
-    // TODO remove this table specific piece. need to figure out margin collapsing logic
     if (nodeStart !== 0 || layoutMode || (node === null || node === void 0 ? void 0 : node.type.name) === 'table') {
       gapCursor.style.marginTop = style.getPropertyValue('margin-top');
     }

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

@@ -1,6 +1,7 @@
-import { bindKeymapWithCommand, moveLeft, moveRight } from '@atlaskit/editor-common/keymaps';
+import { bindKeymapWithCommand, moveLeft, moveRight, selectNode } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { arrowLeft, arrowRight } from './commands';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { arrowLeft, arrowRight, selectNodeWithModA } from './commands';
 function keymapPlugin() {
   const list = {};
 
@@ -11,6 +12,11 @@ function keymapPlugin() {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(moveLeft.common, arrowLeft, list);
+  if (editorExperiment('platform_editor_cmd_a_progressively_select_nodes', true)) {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    bindKeymapWithCommand(selectNode.common, selectNodeWithModA(), list);
+  }
   return keymap(list);
 }
 export default keymapPlugin;

package/dist/es2019/pm-plugins/selection-analytics.js

@@ -0,0 +1,64 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const selectionAnalyticsPluginKey = new PluginKey('selectionAnalyticsPluginKey');
+export const createSelectionAnalyticsPlugin = dispatchAnalyticsEvent => {
+  const keyActions = new Map([['c', 'copy'], ['x', 'cut'], ['z', 'undo'], ['Escape', 'escape'], ['Backspace', 'delete']]);
+  const isFollowUpKey = event => ['c', 'x', 'z'].includes(event.key) && (event.metaKey || event.ctrlKey) || ['Escape', 'Backspace'].includes(event.key);
+  const dispatchEvent = (fromDepth, followedBy) => {
+    dispatchAnalyticsEvent({
+      action: ACTION.SELECT_ALL,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.ALL,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        followedBy,
+        fromDepth
+      }
+    });
+  };
+  return new SafePlugin({
+    key: selectionAnalyticsPluginKey,
+    state: {
+      init: () => ({
+        lastCmdAPress: 0,
+        trackingCmdA: false
+      }),
+      apply(tr, state) {
+        const meta = tr.getMeta(selectionAnalyticsPluginKey);
+        return meta ? {
+          ...state,
+          ...meta
+        } : state;
+      }
+    },
+    props: {
+      handleDOMEvents: {
+        keydown(view, event) {
+          const {
+            lastCmdAPress,
+            trackingCmdA
+          } = selectionAnalyticsPluginKey.getState(view.state);
+          const tr = view.state.tr;
+          const depth = view.state.selection.$from.depth;
+          const metaKey = event.metaKey || event.ctrlKey;
+          if (event.key === 'a' && metaKey) {
+            tr.setMeta(selectionAnalyticsPluginKey, {
+              lastCmdAPress: Date.now(),
+              trackingCmdA: true
+            });
+            dispatchEvent(depth);
+            view.dispatch(tr);
+          } else if (trackingCmdA && Date.now() - lastCmdAPress < 5000 && isFollowUpKey(event)) {
+            tr.setMeta(selectionAnalyticsPluginKey, {
+              trackingCmdA: false
+            });
+            dispatchEvent(depth, keyActions.get(event.key));
+            view.dispatch(tr);
+          }
+          return false;
+        }
+      }
+    }
+  });
+};

package/dist/es2019/selectionPlugin.js

@@ -6,6 +6,7 @@ import gapCursorPlugin from './pm-plugins/gap-cursor-main';
 import { gapCursorPluginKey } from './pm-plugins/gap-cursor-plugin-key';
 import selectionKeymapPlugin from './pm-plugins/keymap';
 import { createMarkBoundaryCursorPlugin } from './pm-plugins/mark-boundary-cursor-main';
+import { createSelectionAnalyticsPlugin } from './pm-plugins/selection-analytics';
 import { createPlugin } from './pm-plugins/selection-main';
 import { selectionPluginKey } from './types';
 const displayGapCursor = toggle => ({
@@ -87,7 +88,13 @@ export const selectionPlugin = ({
     }, ...(fg('editor_auto_expand_selection_on_inline_node') ? [{
       name: 'autoExpandSelectionRangeOnInlineNode',
       plugin: () => createAutoExpandSelectionRangeOnInlineNodePlugin()
-    }] : [])];
+    }] : []), {
+      name: 'selectionAnalytics',
+      plugin: ({
+        dispatch,
+        dispatchAnalyticsEvent
+      }) => createSelectionAnalyticsPlugin(dispatchAnalyticsEvent)
+    }];
   }
 });
 export default selectionPlugin;

package/dist/esm/pm-plugins/commands.js

@@ -2,6 +2,7 @@
 import { isIgnored as isIgnoredByGapCursor, RelativeSelectionPos, GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { isEmptyParagraph, isNodeEmpty } from '@atlaskit/editor-common/utils';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { SelectionDirection, selectionPluginKey } from '../types';
 import { SelectionActionTypes } from './actions';
 import { createCommand, getPluginState } from './plugin-factory';
@@ -250,4 +251,36 @@ export var setSelectionInsideAtNodeEnd = function setSelectionInsideAtNodeEnd(se
     }
     return false;
   };
+};
+export var selectNodeWithModA = function selectNodeWithModA() {
+  return function (state, dispatch) {
+    var selection = state.selection;
+    var $from = selection.$from,
+      $to = selection.$to;
+    // Check if the selection is at the top level (e.g., in a paragraph)
+    var isTopLevelSelection = $from.depth === 1 || $to.depth === 1;
+
+    // Determine if the selection is within a code block
+    var isInCodeBlock = $from.sameParent($to) && $from.parent.type === state.schema.nodes.codeBlock;
+
+    // If the selection is at the top level and not in a code block, or if a table is selected, do nothing
+    if (isTopLevelSelection && !isInCodeBlock || isTableSelected(selection)) {
+      return false;
+    }
+
+    // Get the depth of the first common ancestor node
+    var commonAncestorDepth = $from.sharedDepth($to.pos);
+    for (var depth = commonAncestorDepth; depth > 0; depth--) {
+      var node = $from.node(depth);
+      var isParentBlockQuote = node.type.name === 'blockquote';
+      var isSelectable = NodeSelection.isSelectable(node) && !isParentBlockQuote;
+      if (isSelectable) {
+        if (dispatch) {
+          dispatch(state.tr.setSelection(NodeSelection.create(state.doc, $from.before(depth))));
+        }
+        return true;
+      }
+    }
+    return false;
+  };
 };

package/dist/esm/pm-plugins/gap-cursor/utils/place-gap-cursor.js

@@ -81,8 +81,6 @@ export var toDOM = function toDOM(view, getPos) {
     var gapCursor = element.firstChild;
     gapCursor.style.height = "".concat(measureHeight(style), "px");
     var layoutMode = node && getLayoutModeFromTargetNode(node);
-
-    // TODO remove this table specific piece. need to figure out margin collapsing logic
     if (nodeStart !== 0 || layoutMode || (node === null || node === void 0 ? void 0 : node.type.name) === 'table') {
       gapCursor.style.marginTop = style.getPropertyValue('margin-top');
     }

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

@@ -1,6 +1,7 @@
-import { bindKeymapWithCommand, moveLeft, moveRight } from '@atlaskit/editor-common/keymaps';
+import { bindKeymapWithCommand, moveLeft, moveRight, selectNode } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { arrowLeft, arrowRight } from './commands';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { arrowLeft, arrowRight, selectNodeWithModA } from './commands';
 function keymapPlugin() {
   var list = {};
 
@@ -11,6 +12,11 @@ function keymapPlugin() {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   bindKeymapWithCommand(moveLeft.common, arrowLeft, list);
+  if (editorExperiment('platform_editor_cmd_a_progressively_select_nodes', true)) {
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    bindKeymapWithCommand(selectNode.common, selectNodeWithModA(), list);
+  }
   return keymap(list);
 }
 export default keymapPlugin;

package/dist/esm/pm-plugins/selection-analytics.js

@@ -0,0 +1,67 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var selectionAnalyticsPluginKey = new PluginKey('selectionAnalyticsPluginKey');
+export var createSelectionAnalyticsPlugin = function createSelectionAnalyticsPlugin(dispatchAnalyticsEvent) {
+  var keyActions = new Map([['c', 'copy'], ['x', 'cut'], ['z', 'undo'], ['Escape', 'escape'], ['Backspace', 'delete']]);
+  var isFollowUpKey = function isFollowUpKey(event) {
+    return ['c', 'x', 'z'].includes(event.key) && (event.metaKey || event.ctrlKey) || ['Escape', 'Backspace'].includes(event.key);
+  };
+  var dispatchEvent = function dispatchEvent(fromDepth, followedBy) {
+    dispatchAnalyticsEvent({
+      action: ACTION.SELECT_ALL,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.ALL,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        followedBy: followedBy,
+        fromDepth: fromDepth
+      }
+    });
+  };
+  return new SafePlugin({
+    key: selectionAnalyticsPluginKey,
+    state: {
+      init: function init() {
+        return {
+          lastCmdAPress: 0,
+          trackingCmdA: false
+        };
+      },
+      apply: function apply(tr, state) {
+        var meta = tr.getMeta(selectionAnalyticsPluginKey);
+        return meta ? _objectSpread(_objectSpread({}, state), meta) : state;
+      }
+    },
+    props: {
+      handleDOMEvents: {
+        keydown: function keydown(view, event) {
+          var _selectionAnalyticsPl = selectionAnalyticsPluginKey.getState(view.state),
+            lastCmdAPress = _selectionAnalyticsPl.lastCmdAPress,
+            trackingCmdA = _selectionAnalyticsPl.trackingCmdA;
+          var tr = view.state.tr;
+          var depth = view.state.selection.$from.depth;
+          var metaKey = event.metaKey || event.ctrlKey;
+          if (event.key === 'a' && metaKey) {
+            tr.setMeta(selectionAnalyticsPluginKey, {
+              lastCmdAPress: Date.now(),
+              trackingCmdA: true
+            });
+            dispatchEvent(depth);
+            view.dispatch(tr);
+          } else if (trackingCmdA && Date.now() - lastCmdAPress < 5000 && isFollowUpKey(event)) {
+            tr.setMeta(selectionAnalyticsPluginKey, {
+              trackingCmdA: false
+            });
+            dispatchEvent(depth, keyActions.get(event.key));
+            view.dispatch(tr);
+          }
+          return false;
+        }
+      }
+    }
+  });
+};

package/dist/esm/selectionPlugin.js

@@ -10,6 +10,7 @@ import gapCursorPlugin from './pm-plugins/gap-cursor-main';
 import { gapCursorPluginKey } from './pm-plugins/gap-cursor-plugin-key';
 import selectionKeymapPlugin from './pm-plugins/keymap';
 import { createMarkBoundaryCursorPlugin } from './pm-plugins/mark-boundary-cursor-main';
+import { createSelectionAnalyticsPlugin } from './pm-plugins/selection-analytics';
 import { createPlugin } from './pm-plugins/selection-main';
 import { selectionPluginKey } from './types';
 var displayGapCursor = function displayGapCursor(toggle) {
@@ -102,7 +103,14 @@ export var selectionPlugin = function selectionPlugin(_ref4) {
         plugin: function plugin() {
           return createAutoExpandSelectionRangeOnInlineNodePlugin();
         }
-      }] : []));
+      }] : []), [{
+        name: 'selectionAnalytics',
+        plugin: function plugin(_ref7) {
+          var dispatch = _ref7.dispatch,
+            dispatchAnalyticsEvent = _ref7.dispatchAnalyticsEvent;
+          return createSelectionAnalyticsPlugin(dispatchAnalyticsEvent);
+        }
+      }]);
     }
   };
 };

package/dist/types/pm-plugins/commands.d.ts

@@ -7,3 +7,4 @@ export declare const setSelectionRelativeToNode: (selectionRelativeToNode?: Rela
 export declare const arrowRight: Command;
 export declare const arrowLeft: Command;
 export declare const setSelectionInsideAtNodeEnd: (selectionRelativeToNode: RelativeSelectionPos, node: PmNode, from: number, to: number) => Command;
+export declare const selectNodeWithModA: () => Command;

package/dist/types/pm-plugins/selection-analytics.d.ts

@@ -0,0 +1,10 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const selectionAnalyticsPluginKey: PluginKey<any>;
+interface SelectionAnalyticsState {
+    lastCmdAPress: number;
+    trackingCmdA: boolean;
+}
+export declare const createSelectionAnalyticsPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => SafePlugin<SelectionAnalyticsState>;
+export {};

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

@@ -7,3 +7,4 @@ export declare const setSelectionRelativeToNode: (selectionRelativeToNode?: Rela
 export declare const arrowRight: Command;
 export declare const arrowLeft: Command;
 export declare const setSelectionInsideAtNodeEnd: (selectionRelativeToNode: RelativeSelectionPos, node: PmNode, from: number, to: number) => Command;
+export declare const selectNodeWithModA: () => Command;

package/dist/types-ts4.5/pm-plugins/selection-analytics.d.ts

@@ -0,0 +1,10 @@
+import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const selectionAnalyticsPluginKey: PluginKey<any>;
+interface SelectionAnalyticsState {
+    lastCmdAPress: number;
+    trackingCmdA: boolean;
+}
+export declare const createSelectionAnalyticsPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent) => SafePlugin<SelectionAnalyticsState>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection",
-	"version": "2.0.7",
+	"version": "2.1.0",
 	"description": "Selection plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,12 +20,12 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^102.0.0",
+		"@atlaskit/editor-common": "^102.3.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^3.4.0",
+		"@atlaskit/tmp-editor-statsig": "^3.5.0",
 		"@atlaskit/tokens": "^4.3.0",
 		"@babel/runtime": "^7.0.0"
 	},