@atlaskit/editor-plugin-selection 5.0.2 → 6.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-selection
 
+## 6.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.0.2
 
 ### Patch Changes

package/dist/cjs/editor-actions/index.js

@@ -13,6 +13,25 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var selectionCoversAllListItems = function selectionCoversAllListItems($from, $to) {
+  // Block level lists
+  var listParents = ['bulletList', 'orderedList'];
+  if ($from.depth === 3 && $to.depth === 3) {
+    var _greatGrandparentFrom, _greatGrandparentFrom2;
+    // Get grandparents (from)
+    var grandparentFrom = $from.node($from.depth - 1);
+    var greatGrandparentFrom = $from.node($from.depth - 2);
+    // Get grandparents (to)
+    var grandparentTo = $to.node($from.depth - 1);
+    var greatGrandparentTo = $to.node($from.depth - 2);
+    if (greatGrandparentTo.eq(greatGrandparentFrom) && listParents.includes(greatGrandparentFrom.type.name) && // Selection covers entire list
+    (_greatGrandparentFrom = greatGrandparentFrom.firstChild) !== null && _greatGrandparentFrom !== void 0 && _greatGrandparentFrom.eq(grandparentFrom) && (_greatGrandparentFrom2 = greatGrandparentFrom.lastChild) !== null && _greatGrandparentFrom2 !== void 0 && _greatGrandparentFrom2.eq(grandparentTo)) {
+      return true;
+    }
+  }
+  return false;
+};
+
 /**
  * Get the slice of the document corresponding to the selection.
  * This is similar to the prosemirror `selection.content()` - but
@@ -43,7 +62,13 @@ var getSliceFromSelection = exports.getSliceFromSelection = function getSliceFro
       // If we're in a text selection, and share the parent node across the anchor->head
       // make the depth the parent node
       selection instanceof _state.TextSelection && $from.parent.eq($to.parent) ? Math.max(0, $from.sharedDepth(_to) - 1) : $from.sharedDepth(_to);
-      var finalDepth = (0, _platformFeatureFlags.fg)('platform_editor_expand_selection_context') ? 0 : depth;
+      var finalDepth = depth;
+      // For block-level lists (non-nested) specifically use the selection
+      if ((0, _platformFeatureFlags.fg)('platform_editor_expand_selection_context')) {
+        if (selectionCoversAllListItems($from, $to)) {
+          finalDepth = 0;
+        }
+      }
       var start = $from.start(finalDepth);
       var node = $from.node(finalDepth);
       var content = node.content.cut($from.pos - start, $to.pos - start);

package/dist/es2019/editor-actions/index.js

@@ -2,6 +2,25 @@ import { nodeToJSON } from '@atlaskit/editor-json-transformer';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
+const selectionCoversAllListItems = ($from, $to) => {
+  // Block level lists
+  const listParents = ['bulletList', 'orderedList'];
+  if ($from.depth === 3 && $to.depth === 3) {
+    var _greatGrandparentFrom, _greatGrandparentFrom2;
+    // Get grandparents (from)
+    const grandparentFrom = $from.node($from.depth - 1);
+    const greatGrandparentFrom = $from.node($from.depth - 2);
+    // Get grandparents (to)
+    const grandparentTo = $to.node($from.depth - 1);
+    const greatGrandparentTo = $to.node($from.depth - 2);
+    if (greatGrandparentTo.eq(greatGrandparentFrom) && listParents.includes(greatGrandparentFrom.type.name) && // Selection covers entire list
+    (_greatGrandparentFrom = greatGrandparentFrom.firstChild) !== null && _greatGrandparentFrom !== void 0 && _greatGrandparentFrom.eq(grandparentFrom) && (_greatGrandparentFrom2 = greatGrandparentFrom.lastChild) !== null && _greatGrandparentFrom2 !== void 0 && _greatGrandparentFrom2.eq(grandparentTo)) {
+      return true;
+    }
+  }
+  return false;
+};
+
 /**
  * Get the slice of the document corresponding to the selection.
  * This is similar to the prosemirror `selection.content()` - but
@@ -30,7 +49,13 @@ export const getSliceFromSelection = selection => {
     // If we're in a text selection, and share the parent node across the anchor->head
     // make the depth the parent node
     selection instanceof TextSelection && $from.parent.eq($to.parent) ? Math.max(0, $from.sharedDepth(to) - 1) : $from.sharedDepth(to);
-    const finalDepth = fg('platform_editor_expand_selection_context') ? 0 : depth;
+    let finalDepth = depth;
+    // For block-level lists (non-nested) specifically use the selection
+    if (fg('platform_editor_expand_selection_context')) {
+      if (selectionCoversAllListItems($from, $to)) {
+        finalDepth = 0;
+      }
+    }
     const start = $from.start(finalDepth);
     const node = $from.node(finalDepth);
     const content = node.content.cut($from.pos - start, $to.pos - start);

package/dist/esm/editor-actions/index.js

@@ -6,6 +6,25 @@ import { nodeToJSON } from '@atlaskit/editor-json-transformer';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
+var selectionCoversAllListItems = function selectionCoversAllListItems($from, $to) {
+  // Block level lists
+  var listParents = ['bulletList', 'orderedList'];
+  if ($from.depth === 3 && $to.depth === 3) {
+    var _greatGrandparentFrom, _greatGrandparentFrom2;
+    // Get grandparents (from)
+    var grandparentFrom = $from.node($from.depth - 1);
+    var greatGrandparentFrom = $from.node($from.depth - 2);
+    // Get grandparents (to)
+    var grandparentTo = $to.node($from.depth - 1);
+    var greatGrandparentTo = $to.node($from.depth - 2);
+    if (greatGrandparentTo.eq(greatGrandparentFrom) && listParents.includes(greatGrandparentFrom.type.name) && // Selection covers entire list
+    (_greatGrandparentFrom = greatGrandparentFrom.firstChild) !== null && _greatGrandparentFrom !== void 0 && _greatGrandparentFrom.eq(grandparentFrom) && (_greatGrandparentFrom2 = greatGrandparentFrom.lastChild) !== null && _greatGrandparentFrom2 !== void 0 && _greatGrandparentFrom2.eq(grandparentTo)) {
+      return true;
+    }
+  }
+  return false;
+};
+
 /**
  * Get the slice of the document corresponding to the selection.
  * This is similar to the prosemirror `selection.content()` - but
@@ -36,7 +55,13 @@ export var getSliceFromSelection = function getSliceFromSelection(selection) {
       // If we're in a text selection, and share the parent node across the anchor->head
       // make the depth the parent node
       selection instanceof TextSelection && $from.parent.eq($to.parent) ? Math.max(0, $from.sharedDepth(_to) - 1) : $from.sharedDepth(_to);
-      var finalDepth = fg('platform_editor_expand_selection_context') ? 0 : depth;
+      var finalDepth = depth;
+      // For block-level lists (non-nested) specifically use the selection
+      if (fg('platform_editor_expand_selection_context')) {
+        if (selectionCoversAllListItems($from, $to)) {
+          finalDepth = 0;
+        }
+      }
       var start = $from.start(finalDepth);
       var node = $from.node(finalDepth);
       var content = node.content.cut($from.pos - start, $to.pos - start);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection",
-	"version": "5.0.2",
+	"version": "6.0.1",
 	"description": "Selection plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -19,18 +19,18 @@
 		"singleton": true
 	},
 	"dependencies": {
-		"@atlaskit/editor-json-transformer": "^8.29.0",
-		"@atlaskit/editor-plugin-interaction": "^7.0.0",
+		"@atlaskit/editor-json-transformer": "^8.30.0",
+		"@atlaskit/editor-plugin-interaction": "^8.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^12.27.0",
-		"@atlaskit/tokens": "^6.3.0",
+		"@atlaskit/tmp-editor-statsig": "^13.0.0",
+		"@atlaskit/tokens": "^6.4.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.11.0",
+		"@atlaskit/editor-common": "^110.4.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {