@atlaskit/pragmatic-drag-and-drop 1.3.0 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/pragmatic-drag-and-drop
 
+## 1.4.0
+
+### Minor Changes
+
+- [#145232](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145232)
+  [`04641b5e6ed55`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/04641b5e6ed55) -
+  Adding new optional utility for element dragging: `blockDraggingToIFrames` which disables the
+  ability for a user to drag into an `<iframe>` element.
+
+  Scenarios where this can be helpful:
+
+  - When you are shifting the interface around in reponse to a drag operation and you don't want the
+    drag to enter into an `<iframe>` (for example - when resizing)
+  - When you don't want the user to be able to drag into a `<iframe>` on the page (there could be
+    lots of reasons why!)
+
+  ```ts
+  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+  import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+  import { blockDraggingToIFrames } from '@atlaskit/pragmatic-drag-and-drop/element/block-dragging-to-iframes';
+
+  const cleanup = combine(
+  	blockDraggingToIFrames({ element }),
+  	draggable({
+  		element,
+  	}),
+  );
+  ```
+
+## 1.3.1
+
+### Patch Changes
+
+- [#141279](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/141279)
+  [`a38f3af4bfc79`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a38f3af4bfc79) -
+  Minor refactor of internal helper.
+
 ## 1.3.0
 
 ### Minor Changes

package/dist/cjs/adapter/element-adapter.js

@@ -82,6 +82,40 @@ var adapter = (0, _makeAdapter.makeAdapter)({
         if (!entry) {
           return null;
         }
+
+        /**
+         * A text selection drag _can_ have the `draggable` element be
+         * the `event.target` if the user is dragging the text selection
+         * from the `draggable`.
+         *
+         * To know if the `draggable` is being dragged, we look at whether any
+         * `"text/plain"` data is being dragged. If it is, then a text selection
+         * drag is occurring.
+         *
+         * This behaviour has been validated on:
+         *
+         * - Chrome@128 on Android@14
+         * - Chrome@128 on iOS@17.6.1
+         * - Chrome@128 on Windows@11
+         * - Chrome@128 on MacOS@14.6.1
+         * - Firefox@129 on Windows@11 (not possible for user to select text in a draggable)
+         * - Firefox@129 on MacOS@14.6.1 (not possible for user to select text in a draggable)
+         *
+         * Note: Could usually just use: `event.dataTransfer.types.includes(textMediaType)`
+         * but unfortunately ProseMirror is always setting `""` as the dragged text
+         *
+         * Note: Unfortunately editor is (heavily) leaning on the current functionality today
+         * and unwinding it will be a decent amount of effort. So for now, a text selection
+         * where the `event.target` is a `draggable` element will still trigger the
+         * element adapter.
+         *
+         * // Future state:
+         * if(event.dataTransfer.getData(textMediaType)) {
+         * 	return;
+         * }
+         *
+         */
+
         var input = (0, _getInput.getInput)(event);
         var feedback = {
           element: entry.element,
@@ -153,8 +187,7 @@ var adapter = (0, _makeAdapter.makeAdapter)({
          * Android version: 14 (November 5, 2023)
          * Chrome version: 120.0
          */
-        var types = event.dataTransfer.types;
-        if ((0, _android.isAndroid)() && !types.includes(_textMediaType.textMediaType) && !types.includes(_urlMediaType.URLMediaType)) {
+        if ((0, _android.isAndroid)() && !event.dataTransfer.types.includes(_textMediaType.textMediaType) && !event.dataTransfer.types.includes(_urlMediaType.URLMediaType)) {
           event.dataTransfer.setData(_textMediaType.textMediaType, _android.androidFallbackText);
         }
 

package/dist/cjs/adapter/text-selection-adapter.js

@@ -41,7 +41,7 @@ function findTextNode(event) {
     return null;
   }
 
-  // unlikely that this particular drag is a text selection drag
+  // Unlikely that this particular drag is a text selection drag
   if (event.target.draggable) {
     return null;
   }
@@ -52,7 +52,10 @@ function findTextNode(event) {
     return null;
   }
 
-  // Grab the first Text node and use that
+  /**
+   * Grab the first Text node and use that.
+   * Only doing a single level search as that is all we need for this bug.
+   */
   var text = Array.from(event.target.childNodes).find(function (node) {
     return node.nodeType === Node.TEXT_NODE;
   });
@@ -97,7 +100,14 @@ var adapter = (0, _makeAdapter.makeAdapter)({
         if (!api.canStart(event)) {
           return;
         }
+
+        // no text being dragged
+        if (!event.dataTransfer.types.includes(_textMediaType.textMediaType)) {
+          return;
+        }
         var target = findTextNode(event);
+
+        // could not find `Text` node that is being dragged from
         if (!target) {
           return;
         }
@@ -106,7 +116,6 @@ var adapter = (0, _makeAdapter.makeAdapter)({
           // that the user started the drag from.
           // The full text being dragged can be looked up from the `dataTransfer`.
           target: target,
-          // This is safe to do in "dragstart" as the `dataTransfer` is in read/write mode.
           plain: event.dataTransfer.getData(_textMediaType.textMediaType),
           HTML: event.dataTransfer.getData(_htmlMediaType.HTMLMediaType)
         };

package/dist/cjs/entry-point/element/block-dragging-to-iframes.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "blockDraggingToIFrames", {
+  enumerable: true,
+  get: function get() {
+    return _blockDraggingToIframes.blockDraggingToIFrames;
+  }
+});
+var _blockDraggingToIframes = require("../../public-utils/element/block-dragging-to-iframes");

package/dist/cjs/make-adapter/make-drop-target.js

@@ -11,9 +11,9 @@ var _combine = require("../public-utils/combine");
 var _addAttribute = require("../util/add-attribute");
 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; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
 function copyReverse(array) {
   return array.slice(0).reverse();
 }
@@ -137,14 +137,14 @@ function makeDropTarget(_ref) {
         var _entry$eventName;
         var record = _step.value;
         var entry = registry.get(record.element);
-        var _args = _objectSpread(_objectSpread({}, payload), {}, {
+        var args = _objectSpread(_objectSpread({}, payload), {}, {
           self: record
         });
         entry === null || entry === void 0 || (_entry$eventName = entry[eventName]) === null || _entry$eventName === void 0 || _entry$eventName.call(entry,
         // I cannot seem to get the types right here.
         // TS doesn't seem to like that one event can need `nativeSetDragImage`
         // @ts-expect-error
-        _args);
+        args);
       }
     } catch (err) {
       _iterator.e(err);
@@ -172,15 +172,15 @@ function makeDropTarget(_ref) {
           visited.add(record.element);
           var entry = registry.get(record.element);
           var isOver = isCurrent.has(record.element);
-          var _args2 = _objectSpread(_objectSpread({}, payload), {}, {
+          var args = _objectSpread(_objectSpread({}, payload), {}, {
             self: record
           });
-          entry === null || entry === void 0 || (_entry$onDropTargetCh = entry.onDropTargetChange) === null || _entry$onDropTargetCh === void 0 || _entry$onDropTargetCh.call(entry, _args2);
+          entry === null || entry === void 0 || (_entry$onDropTargetCh = entry.onDropTargetChange) === null || _entry$onDropTargetCh === void 0 || _entry$onDropTargetCh.call(entry, args);
 
           // if we cannot find the drop target in the current array, then it has been left
           if (!isOver) {
             var _entry$onDragLeave;
-            entry === null || entry === void 0 || (_entry$onDragLeave = entry.onDragLeave) === null || _entry$onDragLeave === void 0 || _entry$onDragLeave.call(entry, _args2);
+            entry === null || entry === void 0 || (_entry$onDragLeave = entry.onDragLeave) === null || _entry$onDragLeave === void 0 || _entry$onDragLeave.call(entry, args);
           }
         }
       } catch (err) {
@@ -199,12 +199,12 @@ function makeDropTarget(_ref) {
             continue;
           }
           // at this point we have a new drop target that is being entered into
-          var _args3 = _objectSpread(_objectSpread({}, payload), {}, {
+          var _args = _objectSpread(_objectSpread({}, payload), {}, {
             self: _record
           });
           var _entry = registry.get(_record.element);
-          _entry === null || _entry === void 0 || (_entry$onDropTargetCh2 = _entry.onDropTargetChange) === null || _entry$onDropTargetCh2 === void 0 || _entry$onDropTargetCh2.call(_entry, _args3);
-          _entry === null || _entry === void 0 || (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 || _entry$onDragEnter.call(_entry, _args3);
+          _entry === null || _entry === void 0 || (_entry$onDropTargetCh2 = _entry.onDropTargetChange) === null || _entry$onDropTargetCh2 === void 0 || _entry$onDropTargetCh2.call(_entry, _args);
+          _entry === null || _entry === void 0 || (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 || _entry$onDragEnter.call(_entry, _args);
         }
       } catch (err) {
         _iterator3.e(err);

package/dist/cjs/make-adapter/make-monitor.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.makeMonitor = makeMonitor;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
 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; }
 function makeMonitor() {

package/dist/cjs/public-utils/element/block-dragging-to-iframes.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockDraggingToIFrames = blockDraggingToIFrames;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _elementAdapter = require("../../adapter/element-adapter");
+var _combine = require("../combine");
+/**
+ * Set a `style` property on a `HTMLElement`
+ *
+ * @returns a `cleanup` function to restore the `style` property to it's original state
+ */
+function setStyle(el, _ref) {
+  var property = _ref.property,
+    rule = _ref.rule,
+    _ref$priority = _ref.priority,
+    priority = _ref$priority === void 0 ? '' : _ref$priority;
+  var originalValue = el.style.getPropertyValue(property);
+  var originalPriority = el.style.getPropertyPriority(property);
+  el.style.setProperty(property, rule, priority);
+  return function cleanup() {
+    el.style.setProperty(property, originalValue, originalPriority);
+  };
+}
+var isActive = false;
+
+/**
+ * Start blocking dragging to iframes. Only to be called once a drag has started.
+ */
+function tryStart() {
+  // There can technically be multiple registrations on the same element.
+  // Adding a guard to ensure that only one registration does the blocking.
+  if (isActive) {
+    return;
+  }
+  isActive = true;
+
+  // At this stage, we are also not watching for new iframe elements being added to the page
+  // (we _could_ do that as a future change)
+  var iframeCleanups = Array.from(document.querySelectorAll('iframe')).map(function (iframe) {
+    return setStyle(iframe, {
+      property: 'pointer-events',
+      rule: 'none',
+      priority: 'important'
+    });
+  });
+
+  // Not returning the cleanup function.
+  // This code will clean itself up when the interaction ends in `onDrop()`.
+  // Once a drag has started we are blocking iframes until the interaction is finished.
+  var cleanup = _combine.combine.apply(void 0, (0, _toConsumableArray2.default)(iframeCleanups).concat([
+  // We only need this monitor for listening to the drop
+  // as our monitor in `blockDraggingToIFrames()` will only
+  // call this function when the drag has started
+  (0, _elementAdapter.monitorForElements)({
+    onDrop: function onDrop() {
+      cleanup();
+    }
+  }), function release() {
+    isActive = false;
+  }]));
+}
+
+/**
+ * Block dragging of a draggable element to <iframe> elements.
+ *
+ * @description
+ *
+ * - This function sets `pointer-events:none !important` to all `<iframe>` elements for the duration of the drag.
+ * - Once an `<iframe>` is disabled, it will only be re-enabled once the current drag interaction is completed (and not when the `CleanupFn` is called)
+ * - This function currently does not watch for new `<iframe>` elements being adding during a drag operation.
+ */
+function blockDraggingToIFrames(_ref2) {
+  var element = _ref2.element;
+  return (0, _elementAdapter.monitorForElements)({
+    onGenerateDragPreview: function onGenerateDragPreview(_ref3) {
+      var source = _ref3.source;
+      // only starting if we are dragging the provided element
+      if (source.element === element) {
+        tryStart();
+      }
+    }
+  });
+}

package/dist/es2019/adapter/element-adapter.js

@@ -81,6 +81,40 @@ const adapter = makeAdapter({
         if (!entry) {
           return null;
         }
+
+        /**
+         * A text selection drag _can_ have the `draggable` element be
+         * the `event.target` if the user is dragging the text selection
+         * from the `draggable`.
+         *
+         * To know if the `draggable` is being dragged, we look at whether any
+         * `"text/plain"` data is being dragged. If it is, then a text selection
+         * drag is occurring.
+         *
+         * This behaviour has been validated on:
+         *
+         * - Chrome@128 on Android@14
+         * - Chrome@128 on iOS@17.6.1
+         * - Chrome@128 on Windows@11
+         * - Chrome@128 on MacOS@14.6.1
+         * - Firefox@129 on Windows@11 (not possible for user to select text in a draggable)
+         * - Firefox@129 on MacOS@14.6.1 (not possible for user to select text in a draggable)
+         *
+         * Note: Could usually just use: `event.dataTransfer.types.includes(textMediaType)`
+         * but unfortunately ProseMirror is always setting `""` as the dragged text
+         *
+         * Note: Unfortunately editor is (heavily) leaning on the current functionality today
+         * and unwinding it will be a decent amount of effort. So for now, a text selection
+         * where the `event.target` is a `draggable` element will still trigger the
+         * element adapter.
+         *
+         * // Future state:
+         * if(event.dataTransfer.getData(textMediaType)) {
+         * 	return;
+         * }
+         *
+         */
+
         const input = getInput(event);
         const feedback = {
           element: entry.element,
@@ -149,10 +183,7 @@ const adapter = makeAdapter({
          * Android version: 14 (November 5, 2023)
          * Chrome version: 120.0
          */
-        const {
-          types
-        } = event.dataTransfer;
-        if (isAndroid() && !types.includes(textMediaType) && !types.includes(URLMediaType)) {
+        if (isAndroid() && !event.dataTransfer.types.includes(textMediaType) && !event.dataTransfer.types.includes(URLMediaType)) {
           event.dataTransfer.setData(textMediaType, androidFallbackText);
         }
 

package/dist/es2019/adapter/text-selection-adapter.js

@@ -34,7 +34,7 @@ function findTextNode(event) {
     return null;
   }
 
-  // unlikely that this particular drag is a text selection drag
+  // Unlikely that this particular drag is a text selection drag
   if (event.target.draggable) {
     return null;
   }
@@ -45,7 +45,10 @@ function findTextNode(event) {
     return null;
   }
 
-  // Grab the first Text node and use that
+  /**
+   * Grab the first Text node and use that.
+   * Only doing a single level search as that is all we need for this bug.
+   */
   const text = Array.from(event.target.childNodes).find(node => node.nodeType === Node.TEXT_NODE);
   return text !== null && text !== void 0 ? text : null;
 }
@@ -96,7 +99,14 @@ const adapter = makeAdapter({
         if (!api.canStart(event)) {
           return;
         }
+
+        // no text being dragged
+        if (!event.dataTransfer.types.includes(textMediaType)) {
+          return;
+        }
         const target = findTextNode(event);
+
+        // could not find `Text` node that is being dragged from
         if (!target) {
           return;
         }
@@ -105,7 +115,6 @@ const adapter = makeAdapter({
           // that the user started the drag from.
           // The full text being dragged can be looked up from the `dataTransfer`.
           target,
-          // This is safe to do in "dragstart" as the `dataTransfer` is in read/write mode.
           plain: event.dataTransfer.getData(textMediaType),
           HTML: event.dataTransfer.getData(HTMLMediaType)
         };

package/dist/es2019/entry-point/element/block-dragging-to-iframes.js

@@ -0,0 +1 @@
+export { blockDraggingToIFrames } from '../../public-utils/element/block-dragging-to-iframes';

package/dist/es2019/public-utils/element/block-dragging-to-iframes.js

@@ -0,0 +1,80 @@
+import { monitorForElements } from '../../adapter/element-adapter';
+import { combine } from '../combine';
+
+/**
+ * Set a `style` property on a `HTMLElement`
+ *
+ * @returns a `cleanup` function to restore the `style` property to it's original state
+ */
+function setStyle(el, {
+  property,
+  rule,
+  priority = ''
+}) {
+  const originalValue = el.style.getPropertyValue(property);
+  const originalPriority = el.style.getPropertyPriority(property);
+  el.style.setProperty(property, rule, priority);
+  return function cleanup() {
+    el.style.setProperty(property, originalValue, originalPriority);
+  };
+}
+let isActive = false;
+
+/**
+ * Start blocking dragging to iframes. Only to be called once a drag has started.
+ */
+function tryStart() {
+  // There can technically be multiple registrations on the same element.
+  // Adding a guard to ensure that only one registration does the blocking.
+  if (isActive) {
+    return;
+  }
+  isActive = true;
+
+  // At this stage, we are also not watching for new iframe elements being added to the page
+  // (we _could_ do that as a future change)
+  const iframeCleanups = Array.from(document.querySelectorAll('iframe')).map(iframe => setStyle(iframe, {
+    property: 'pointer-events',
+    rule: 'none',
+    priority: 'important'
+  }));
+
+  // Not returning the cleanup function.
+  // This code will clean itself up when the interaction ends in `onDrop()`.
+  // Once a drag has started we are blocking iframes until the interaction is finished.
+  const cleanup = combine(...iframeCleanups,
+  // We only need this monitor for listening to the drop
+  // as our monitor in `blockDraggingToIFrames()` will only
+  // call this function when the drag has started
+  monitorForElements({
+    onDrop() {
+      cleanup();
+    }
+  }), function release() {
+    isActive = false;
+  });
+}
+
+/**
+ * Block dragging of a draggable element to <iframe> elements.
+ *
+ * @description
+ *
+ * - This function sets `pointer-events:none !important` to all `<iframe>` elements for the duration of the drag.
+ * - Once an `<iframe>` is disabled, it will only be re-enabled once the current drag interaction is completed (and not when the `CleanupFn` is called)
+ * - This function currently does not watch for new `<iframe>` elements being adding during a drag operation.
+ */
+export function blockDraggingToIFrames({
+  element
+}) {
+  return monitorForElements({
+    onGenerateDragPreview({
+      source
+    }) {
+      // only starting if we are dragging the provided element
+      if (source.element === element) {
+        tryStart();
+      }
+    }
+  });
+}

package/dist/esm/adapter/element-adapter.js

@@ -74,6 +74,40 @@ var adapter = makeAdapter({
         if (!entry) {
           return null;
         }
+
+        /**
+         * A text selection drag _can_ have the `draggable` element be
+         * the `event.target` if the user is dragging the text selection
+         * from the `draggable`.
+         *
+         * To know if the `draggable` is being dragged, we look at whether any
+         * `"text/plain"` data is being dragged. If it is, then a text selection
+         * drag is occurring.
+         *
+         * This behaviour has been validated on:
+         *
+         * - Chrome@128 on Android@14
+         * - Chrome@128 on iOS@17.6.1
+         * - Chrome@128 on Windows@11
+         * - Chrome@128 on MacOS@14.6.1
+         * - Firefox@129 on Windows@11 (not possible for user to select text in a draggable)
+         * - Firefox@129 on MacOS@14.6.1 (not possible for user to select text in a draggable)
+         *
+         * Note: Could usually just use: `event.dataTransfer.types.includes(textMediaType)`
+         * but unfortunately ProseMirror is always setting `""` as the dragged text
+         *
+         * Note: Unfortunately editor is (heavily) leaning on the current functionality today
+         * and unwinding it will be a decent amount of effort. So for now, a text selection
+         * where the `event.target` is a `draggable` element will still trigger the
+         * element adapter.
+         *
+         * // Future state:
+         * if(event.dataTransfer.getData(textMediaType)) {
+         * 	return;
+         * }
+         *
+         */
+
         var input = getInput(event);
         var feedback = {
           element: entry.element,
@@ -145,8 +179,7 @@ var adapter = makeAdapter({
          * Android version: 14 (November 5, 2023)
          * Chrome version: 120.0
          */
-        var types = event.dataTransfer.types;
-        if (isAndroid() && !types.includes(textMediaType) && !types.includes(URLMediaType)) {
+        if (isAndroid() && !event.dataTransfer.types.includes(textMediaType) && !event.dataTransfer.types.includes(URLMediaType)) {
           event.dataTransfer.setData(textMediaType, androidFallbackText);
         }
 

package/dist/esm/adapter/text-selection-adapter.js

@@ -34,7 +34,7 @@ function findTextNode(event) {
     return null;
   }
 
-  // unlikely that this particular drag is a text selection drag
+  // Unlikely that this particular drag is a text selection drag
   if (event.target.draggable) {
     return null;
   }
@@ -45,7 +45,10 @@ function findTextNode(event) {
     return null;
   }
 
-  // Grab the first Text node and use that
+  /**
+   * Grab the first Text node and use that.
+   * Only doing a single level search as that is all we need for this bug.
+   */
   var text = Array.from(event.target.childNodes).find(function (node) {
     return node.nodeType === Node.TEXT_NODE;
   });
@@ -90,7 +93,14 @@ var adapter = makeAdapter({
         if (!api.canStart(event)) {
           return;
         }
+
+        // no text being dragged
+        if (!event.dataTransfer.types.includes(textMediaType)) {
+          return;
+        }
         var target = findTextNode(event);
+
+        // could not find `Text` node that is being dragged from
         if (!target) {
           return;
         }
@@ -99,7 +109,6 @@ var adapter = makeAdapter({
           // that the user started the drag from.
           // The full text being dragged can be looked up from the `dataTransfer`.
           target: target,
-          // This is safe to do in "dragstart" as the `dataTransfer` is in read/write mode.
           plain: event.dataTransfer.getData(textMediaType),
           HTML: event.dataTransfer.getData(HTMLMediaType)
         };

package/dist/esm/entry-point/element/block-dragging-to-iframes.js

@@ -0,0 +1 @@
+export { blockDraggingToIFrames } from '../../public-utils/element/block-dragging-to-iframes';

package/dist/esm/make-adapter/make-drop-target.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
 import { combine } from '../public-utils/combine';
 import { addAttribute } from '../util/add-attribute';
 function copyReverse(array) {
@@ -130,14 +130,14 @@ export function makeDropTarget(_ref) {
         var _entry$eventName;
         var record = _step.value;
         var entry = registry.get(record.element);
-        var _args = _objectSpread(_objectSpread({}, payload), {}, {
+        var args = _objectSpread(_objectSpread({}, payload), {}, {
           self: record
         });
         entry === null || entry === void 0 || (_entry$eventName = entry[eventName]) === null || _entry$eventName === void 0 || _entry$eventName.call(entry,
         // I cannot seem to get the types right here.
         // TS doesn't seem to like that one event can need `nativeSetDragImage`
         // @ts-expect-error
-        _args);
+        args);
       }
     } catch (err) {
       _iterator.e(err);
@@ -165,15 +165,15 @@ export function makeDropTarget(_ref) {
           visited.add(record.element);
           var entry = registry.get(record.element);
           var isOver = isCurrent.has(record.element);
-          var _args2 = _objectSpread(_objectSpread({}, payload), {}, {
+          var args = _objectSpread(_objectSpread({}, payload), {}, {
             self: record
           });
-          entry === null || entry === void 0 || (_entry$onDropTargetCh = entry.onDropTargetChange) === null || _entry$onDropTargetCh === void 0 || _entry$onDropTargetCh.call(entry, _args2);
+          entry === null || entry === void 0 || (_entry$onDropTargetCh = entry.onDropTargetChange) === null || _entry$onDropTargetCh === void 0 || _entry$onDropTargetCh.call(entry, args);
 
           // if we cannot find the drop target in the current array, then it has been left
           if (!isOver) {
             var _entry$onDragLeave;
-            entry === null || entry === void 0 || (_entry$onDragLeave = entry.onDragLeave) === null || _entry$onDragLeave === void 0 || _entry$onDragLeave.call(entry, _args2);
+            entry === null || entry === void 0 || (_entry$onDragLeave = entry.onDragLeave) === null || _entry$onDragLeave === void 0 || _entry$onDragLeave.call(entry, args);
           }
         }
       } catch (err) {
@@ -192,12 +192,12 @@ export function makeDropTarget(_ref) {
             continue;
           }
           // at this point we have a new drop target that is being entered into
-          var _args3 = _objectSpread(_objectSpread({}, payload), {}, {
+          var _args = _objectSpread(_objectSpread({}, payload), {}, {
             self: _record
           });
           var _entry = registry.get(_record.element);
-          _entry === null || _entry === void 0 || (_entry$onDropTargetCh2 = _entry.onDropTargetChange) === null || _entry$onDropTargetCh2 === void 0 || _entry$onDropTargetCh2.call(_entry, _args3);
-          _entry === null || _entry === void 0 || (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 || _entry$onDragEnter.call(_entry, _args3);
+          _entry === null || _entry === void 0 || (_entry$onDropTargetCh2 = _entry.onDropTargetChange) === null || _entry$onDropTargetCh2 === void 0 || _entry$onDropTargetCh2.call(_entry, _args);
+          _entry === null || _entry === void 0 || (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 || _entry$onDragEnter.call(_entry, _args);
         }
       } catch (err) {
         _iterator3.e(err);

package/dist/esm/make-adapter/make-monitor.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
 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; }
 export function makeMonitor() {

package/dist/esm/public-utils/element/block-dragging-to-iframes.js

@@ -0,0 +1,81 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { monitorForElements } from '../../adapter/element-adapter';
+import { combine } from '../combine';
+
+/**
+ * Set a `style` property on a `HTMLElement`
+ *
+ * @returns a `cleanup` function to restore the `style` property to it's original state
+ */
+function setStyle(el, _ref) {
+  var property = _ref.property,
+    rule = _ref.rule,
+    _ref$priority = _ref.priority,
+    priority = _ref$priority === void 0 ? '' : _ref$priority;
+  var originalValue = el.style.getPropertyValue(property);
+  var originalPriority = el.style.getPropertyPriority(property);
+  el.style.setProperty(property, rule, priority);
+  return function cleanup() {
+    el.style.setProperty(property, originalValue, originalPriority);
+  };
+}
+var isActive = false;
+
+/**
+ * Start blocking dragging to iframes. Only to be called once a drag has started.
+ */
+function tryStart() {
+  // There can technically be multiple registrations on the same element.
+  // Adding a guard to ensure that only one registration does the blocking.
+  if (isActive) {
+    return;
+  }
+  isActive = true;
+
+  // At this stage, we are also not watching for new iframe elements being added to the page
+  // (we _could_ do that as a future change)
+  var iframeCleanups = Array.from(document.querySelectorAll('iframe')).map(function (iframe) {
+    return setStyle(iframe, {
+      property: 'pointer-events',
+      rule: 'none',
+      priority: 'important'
+    });
+  });
+
+  // Not returning the cleanup function.
+  // This code will clean itself up when the interaction ends in `onDrop()`.
+  // Once a drag has started we are blocking iframes until the interaction is finished.
+  var cleanup = combine.apply(void 0, _toConsumableArray(iframeCleanups).concat([
+  // We only need this monitor for listening to the drop
+  // as our monitor in `blockDraggingToIFrames()` will only
+  // call this function when the drag has started
+  monitorForElements({
+    onDrop: function onDrop() {
+      cleanup();
+    }
+  }), function release() {
+    isActive = false;
+  }]));
+}
+
+/**
+ * Block dragging of a draggable element to <iframe> elements.
+ *
+ * @description
+ *
+ * - This function sets `pointer-events:none !important` to all `<iframe>` elements for the duration of the drag.
+ * - Once an `<iframe>` is disabled, it will only be re-enabled once the current drag interaction is completed (and not when the `CleanupFn` is called)
+ * - This function currently does not watch for new `<iframe>` elements being adding during a drag operation.
+ */
+export function blockDraggingToIFrames(_ref2) {
+  var element = _ref2.element;
+  return monitorForElements({
+    onGenerateDragPreview: function onGenerateDragPreview(_ref3) {
+      var source = _ref3.source;
+      // only starting if we are dragging the provided element
+      if (source.element === element) {
+        tryStart();
+      }
+    }
+  });
+}

package/dist/types/entry-point/element/block-dragging-to-iframes.d.ts

@@ -0,0 +1 @@
+export { blockDraggingToIFrames } from '../../public-utils/element/block-dragging-to-iframes';

package/dist/types/public-utils/element/block-dragging-to-iframes.d.ts

@@ -0,0 +1,13 @@
+import { type CleanupFn } from '../../internal-types';
+/**
+ * Block dragging of a draggable element to <iframe> elements.
+ *
+ * @description
+ *
+ * - This function sets `pointer-events:none !important` to all `<iframe>` elements for the duration of the drag.
+ * - Once an `<iframe>` is disabled, it will only be re-enabled once the current drag interaction is completed (and not when the `CleanupFn` is called)
+ * - This function currently does not watch for new `<iframe>` elements being adding during a drag operation.
+ */
+export declare function blockDraggingToIFrames({ element }: {
+    element: HTMLElement;
+}): CleanupFn;

package/dist/types-ts4.5/entry-point/element/block-dragging-to-iframes.d.ts

@@ -0,0 +1 @@
+export { blockDraggingToIFrames } from '../../public-utils/element/block-dragging-to-iframes';

package/dist/types-ts4.5/public-utils/element/block-dragging-to-iframes.d.ts

@@ -0,0 +1,13 @@
+import { type CleanupFn } from '../../internal-types';
+/**
+ * Block dragging of a draggable element to <iframe> elements.
+ *
+ * @description
+ *
+ * - This function sets `pointer-events:none !important` to all `<iframe>` elements for the duration of the drag.
+ * - Once an `<iframe>` is disabled, it will only be re-enabled once the current drag interaction is completed (and not when the `CleanupFn` is called)
+ * - This function currently does not watch for new `<iframe>` elements being adding during a drag operation.
+ */
+export declare function blockDraggingToIFrames({ element }: {
+    element: HTMLElement;
+}): CleanupFn;

package/element/block-dragging-to-iframes/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/pragmatic-drag-and-drop/element/block-dragging-to-iframes",
+  "main": "../../dist/cjs/entry-point/element/block-dragging-to-iframes.js",
+  "module": "../../dist/esm/entry-point/element/block-dragging-to-iframes.js",
+  "module:es2019": "../../dist/es2019/entry-point/element/block-dragging-to-iframes.js",
+  "sideEffects": true,
+  "types": "../../dist/types/entry-point/element/block-dragging-to-iframes.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../../dist/types-ts4.5/entry-point/element/block-dragging-to-iframes.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/pragmatic-drag-and-drop",
-	"version": "1.3.0",
+	"version": "1.4.0",
 	"description": "The core package for Pragmatic drag and drop - enabling fast drag and drop for any experience on any tech stack",
 	"repository": "https://github.com/atlassian/pragmatic-drag-and-drop",
 	"author": "Atlassian Pty Ltd",
@@ -24,8 +24,6 @@
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"team": "Design System Team",
-		"inPublicMirror": true,
-		"releaseModel": "continuous",
 		"website": {
 			"name": "Core",
 			"category": "Libraries"
@@ -48,6 +46,7 @@
 		"./element/disable-native-drag-preview": "./src/entry-point/element/disable-native-drag-preview.ts",
 		"./element/scroll-just-enough-into-view": "./src/entry-point/element/scroll-just-enough-into-view.ts",
 		"./element/format-urls-for-external": "./src/entry-point/element/format-urls-for-external.ts",
+		"./element/block-dragging-to-iframes": "./src/entry-point/element/block-dragging-to-iframes.ts",
 		"./external/adapter": "./src/entry-point/external/adapter.ts",
 		"./external/file": "./src/entry-point/external/file.ts",
 		"./external/html": "./src/entry-point/external/html.ts",
@@ -72,6 +71,7 @@
 		"@atlaskit/visual-regression": "*",
 		"@emotion/react": "^11.7.1",
 		"@testing-library/dom": "^10.1.0",
+		"@testing-library/react": "^12.1.5",
 		"@types/raf-schd": "^4.0.1",
 		"globby": "^6.1.0",
 		"react": "^16.8.0",