@atlaskit/pragmatic-drag-and-drop 0.23.0 → 0.25.0

package/CHANGELOG.md

@@ -1,10 +1,26 @@
 # @atlaskit/pragmatic-drag-and-drop
 
+## 0.25.0
+
+### Minor Changes
+
+- [#59458](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59458) [`7d6a69cfa61c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7d6a69cfa61c) - Adding workaround for Safari bug.
+
+  In Safari (and iOS) if the element used for generating a native drag preview has opacity applied, then the native drag preview can include elements underneath the drag preview element.
+
+  Pragmatic drag and drop now includes a workaround for this Safari bug.
+
+## 0.24.0
+
+### Minor Changes
+
+- [#39935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39935) [`03b91562fec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03b91562fec) - Exposing `AllDragTypes` type. This was previously an internal type, but it provided helpful to expose for our new auto scroller. `AllDragTypes` is helpful if you need a function to work with either `element` or `file` drag operations.
+
 ## 0.23.0
 
 ### Minor Changes
 
-- [`3da89e29dfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3da89e29dfc) - We have renamed and tweaked the recently added `setCustomNativeDragPreview` `getOffset` utility `preserveOffsetFromPointer` to be a bit easier to understand what it is doing.
+- [#38713](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38713) [`3da89e29dfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3da89e29dfc) - We have renamed and tweaked the recently added `setCustomNativeDragPreview` `getOffset` utility `preserveOffsetFromPointer` to be a bit easier to understand what it is doing.
 
   ```diff
   - import { preserveOffsetFromPointer } from '@atlaskit/pragmatic-drag-and-drop/util/preserve-offset-from-pointer';
@@ -36,7 +52,7 @@
 
 ### Minor Changes
 
-- [`d644a68ddf6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d644a68ddf6) - Added a new `setCustomNativeDragPreview` `getOffset` utility: `preserveOffsetFromPointer`. `preserveOffsetFromPointer` mimics the default behaviour for non custom drag previews when starting a drag: the initial cursor position offset is preserved for a seamless drag and drop experience.
+- [#38397](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38397) [`d644a68ddf6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d644a68ddf6) - Added a new `setCustomNativeDragPreview` `getOffset` utility: `preserveOffsetFromPointer`. `preserveOffsetFromPointer` mimics the default behaviour for non custom drag previews when starting a drag: the initial cursor position offset is preserved for a seamless drag and drop experience.
 
   ```ts
   import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview';
@@ -63,7 +79,7 @@
 
 ### Minor Changes
 
-- [`de7463c7096`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de7463c7096) - Exposing some additional TypeScript types. These can be helpful when creating helper packages.
+- [#38525](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38525) [`de7463c7096`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de7463c7096) - Exposing some additional TypeScript types. These can be helpful when creating helper packages.
 
   ```ts
   import type {
@@ -83,7 +99,7 @@
 
 ### Minor Changes
 
-- [`554a6d8cc34`](https://bitbucket.org/atlassian/atlassian-frontend/commits/554a6d8cc34) - ### Stickiness algorithm improvement
+- [#38453](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38453) [`554a6d8cc34`](https://bitbucket.org/atlassian/atlassian-frontend/commits/554a6d8cc34) - ### Stickiness algorithm improvement
 
   We have made some improvements to the drop target stickiness algorithm to allow sticky drop targets that are no longer dragged over to cancel their stickiness.
 
@@ -127,7 +143,7 @@
 
 ### Minor Changes
 
-- [`8c301a251e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c301a251e4) - We have changed the API of `setCustomNativeDragPreview()` to allow increased control and slightly lower bundles as well.
+- [#35574](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35574) [`8c301a251e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c301a251e4) - We have changed the API of `setCustomNativeDragPreview()` to allow increased control and slightly lower bundles as well.
 
   We have removed the `placement` argument, and replaced it with `getOffset()`.
 
@@ -190,25 +206,25 @@
 
 ### Patch Changes
 
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 
 ## 0.18.1
 
 ### Patch Changes
 
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 
 ## 0.18.0
 
 ### Minor Changes
 
-- [`9fd8556db17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9fd8556db17) - Internal folder name structure change
+- [#33344](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33344) [`9fd8556db17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9fd8556db17) - Internal folder name structure change
 
 ## 0.17.0
 
 ### Minor Changes
 
-- [`34ed7b2ec63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34ed7b2ec63) - We have changed the name of our drag and drop packages to align on the single name of "Pragmatic drag and drop"
+- [#33262](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33262) [`34ed7b2ec63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34ed7b2ec63) - We have changed the name of our drag and drop packages to align on the single name of "Pragmatic drag and drop"
 
   ```diff
   - @atlaskit/drag-and-drop
@@ -240,25 +256,25 @@
 
 ### Minor Changes
 
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 
 ## 0.15.1
 
 ### Patch Changes
 
-- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
+- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
 
 ## 0.15.0
 
 ### Minor Changes
 
-- [`ed028658f13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed028658f13) - Minor internal refactor and adding additional tests
+- [#31909](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31909) [`ed028658f13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed028658f13) - Minor internal refactor and adding additional tests
 
 ## 0.14.0
 
 ### Minor Changes
 
-- [`eab6d26451d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eab6d26451d) - Improving the resilience of our workaround for a [Browser bug](https://bugs.chromium.org/p/chromium/issues/detail?id=410328) where after a drag finishes, an unrelated element can be entered into.
+- [#31794](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31794) [`eab6d26451d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eab6d26451d) - Improving the resilience of our workaround for a [Browser bug](https://bugs.chromium.org/p/chromium/issues/detail?id=410328) where after a drag finishes, an unrelated element can be entered into.
 - [`ba7ea570aee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba7ea570aee) - > Both of these changes should not impact most consumers as they are targeted at edge cases.
 
   - **Fix**: We no longer extract user input (eg `clientX`) from native `"dragleave"` events due to a [Bug with Chrome we discovered](https://bugs.chromium.org/p/chromium/issues/detail?id=1429937). Due to this bug, it was possible for `location.current.input` to be incorrectly set in `onDropTargetChange` and `onDrop` when a user was cancelling a drag or dropping or no drop targets.
@@ -269,7 +285,7 @@
 
 ### Minor Changes
 
-- [`2582df26509`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2582df26509) - Fixing a browser bug where after a drag finishes, a unrelated element can be entered into by the browser
+- [#30879](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30879) [`2582df26509`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2582df26509) - Fixing a browser bug where after a drag finishes, a unrelated element can be entered into by the browser
 
   - [Visual explanation of bug](https://twitter.com/alexandereardon/status/1633614212873465856)
   - [Chrome bug](https://bugs.chromium.org/p/chromium/issues/detail?id=410328)
@@ -278,7 +294,7 @@
 
 ### Minor Changes
 
-- [`90901f5bbe0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/90901f5bbe0) - Replace default entry point of `undefined` with `{}`.
+- [#30953](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30953) [`90901f5bbe0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/90901f5bbe0) - Replace default entry point of `undefined` with `{}`.
 
   > **NOTE:** Importing from the default entry point isn't supported.
   > _Please use individual entry points in order to always obtain minimum kbs._
@@ -287,7 +303,7 @@
 
 ### Minor Changes
 
-- [`1ecbb19d450`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ecbb19d450) - Adding a new function to make creating _custom_ native drag previews safe and easy: `setCustomNativeDragPreview`
+- [#30668](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30668) [`1ecbb19d450`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ecbb19d450) - Adding a new function to make creating _custom_ native drag previews safe and easy: `setCustomNativeDragPreview`
 
   ```tsx
   import { setCustomNativeDragPreview } from '@atlaskit/drag-and-drop/util/set-custom-native-drag-preview';
@@ -314,7 +330,7 @@
 
 ### Minor Changes
 
-- [`9c0975e2fab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c0975e2fab) - Bug fix: A _monitor_ should not be called after it is removed. Previously, if a _monitor_ (monitor 1) removed another _monitor_ (monitor 2) for the same event, then the second monitor (monitor 2) would still be called. This has been fixed
+- [#29951](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29951) [`9c0975e2fab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c0975e2fab) - Bug fix: A _monitor_ should not be called after it is removed. Previously, if a _monitor_ (monitor 1) removed another _monitor_ (monitor 2) for the same event, then the second monitor (monitor 2) would still be called. This has been fixed
 
   ```ts
   const cleanupMonitor1 = monitorForElements({
@@ -332,7 +348,7 @@
 
 ### Minor Changes
 
-- [`03e0aa5ae85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03e0aa5ae85) - `@atlaskit/drag-and-drop` adds event listeners to the `window` during a drag operation. These drag operation event listeners were [`bubble` phase event listeners](https://domevents.dev/), but they are now `capture` phase event listeners to be more resliant against external code (incorrectly) stopping events.
+- [#29651](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29651) [`03e0aa5ae85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03e0aa5ae85) - `@atlaskit/drag-and-drop` adds event listeners to the `window` during a drag operation. These drag operation event listeners were [`bubble` phase event listeners](https://domevents.dev/), but they are now `capture` phase event listeners to be more resliant against external code (incorrectly) stopping events.
 
   This does not impact the ability of a consumer to have their own `draggable`s on a page not controlled by `@atlaskit/drag-and-drop`
 
@@ -340,49 +356,49 @@
 
 ### Patch Changes
 
-- [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
+- [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324) [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
 
 ## 0.8.0
 
 ### Minor Changes
 
-- [`1e3f9743e57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e3f9743e57) - A _monitor_ that is added during an event (eg `onDragStart`) will no longer be called for the current event. This is to prevent the accidental creation of infinite loops. This behaviour matches native [`EventTargets`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget) where an event listener cannot add another event listener during an active event to the same event target in the same event phase.
+- [#26317](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26317) [`1e3f9743e57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e3f9743e57) - A _monitor_ that is added during an event (eg `onDragStart`) will no longer be called for the current event. This is to prevent the accidental creation of infinite loops. This behaviour matches native [`EventTargets`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget) where an event listener cannot add another event listener during an active event to the same event target in the same event phase.
 
 ## 0.7.1
 
 ### Patch Changes
 
-- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
 
 ## 0.7.0
 
 ### Minor Changes
 
-- [`f2a7931d609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2a7931d609) - Adding jsdoc to DragLocation type for better autocomplete
+- [#25428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25428) [`f2a7931d609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2a7931d609) - Adding jsdoc to DragLocation type for better autocomplete
 
 ## 0.6.0
 
 ### Minor Changes
 
-- [`0f755214ee7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f755214ee7) - Internal folder renaming. No API impact
+- [#25002](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25002) [`0f755214ee7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f755214ee7) - Internal folder renaming. No API impact
 
 ## 0.5.0
 
 ### Minor Changes
 
-- [`17950433a70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17950433a70) - Touching package to release re-release previous version. The previous (now deprecated) version did not have it's entry points built correctly
+- [#25007](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25007) [`17950433a70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17950433a70) - Touching package to release re-release previous version. The previous (now deprecated) version did not have it's entry points built correctly
 
 ## 0.4.0
 
 ### Minor Changes
 
-- [`4d739042b04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4d739042b04) - Improving jsdoc auto complete information for `GetFeedbackArgs`
+- [#24861](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24861) [`4d739042b04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4d739042b04) - Improving jsdoc auto complete information for `GetFeedbackArgs`
 
 ## 0.3.0
 
 ### Minor Changes
 
-- [`52403a2c11f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52403a2c11f) - Adding a `canMonitor()` function to _monitors_ to allow a _monitor_ to conditionally apply to a drag operation.
+- [#24810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24810) [`52403a2c11f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52403a2c11f) - Adding a `canMonitor()` function to _monitors_ to allow a _monitor_ to conditionally apply to a drag operation.
 
   ```ts
   monitorForElements({
@@ -396,7 +412,7 @@
 
 ### Minor Changes
 
-- [`1cf9e484b4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1cf9e484b4b) - We have improved our naming consistency across our drag and drop packages.
+- [#24613](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24613) [`1cf9e484b4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1cf9e484b4b) - We have improved our naming consistency across our drag and drop packages.
 
   - `@atlaskit/drag-and-drop/util/cancel-unhandled` has been renamed to `@atlaskit/drag-and-drop/addon/cancel-unhandled`
 
@@ -404,10 +420,10 @@
 
 ### Minor Changes
 
-- [`73427c38077`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73427c38077) - Initial release of `@atlaskit/drag-and-drop` packages 🎉
+- [#24532](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24532) [`73427c38077`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73427c38077) - Initial release of `@atlaskit/drag-and-drop` packages 🎉
 
 ## 0.0.1
 
 ### Patch Changes
 
-- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.

package/constellation/index/about.mdx

@@ -262,9 +262,11 @@ For clarity:
 - `{x: rect.width, y: rect.height}` bottom right of the `container` will be under the users pointer
 - `{x: 0, y: rect.height}` bottom left of the `container` will be under the users pointer
 
-
 ```ts
-type GetOffsetFn = (args: { container: HTMLElement }) => {x: number, y: number};
+type GetOffsetFn = (args: { container: HTMLElement }) => {
+  x: number;
+  y: number;
+};
 ```
 
 Notes:

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

@@ -77,7 +77,7 @@ var adapter = (0, _makeAdapter.makeAdapter)({
         // wrap the operation in a try/catch
         try {
           var _event$dataTransfer;
-          (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setData('application/vnd.pdnd', '');
+          (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 || _event$dataTransfer.setData('application/vnd.pdnd', '');
         } catch (e) {}
         var payload = {
           element: entry.element,
@@ -106,17 +106,15 @@ var adapter = (0, _makeAdapter.makeAdapter)({
     // So we need to get the latest entry from the registry in order
     // to call the latest event functions
 
-    (_draggableRegistry$ge = draggableRegistry.get(payload.source.element)) === null || _draggableRegistry$ge === void 0 ? void 0 : (_draggableRegistry$ge2 = _draggableRegistry$ge[eventName]) === null || _draggableRegistry$ge2 === void 0 ? void 0 : _draggableRegistry$ge2.call(_draggableRegistry$ge,
+    (_draggableRegistry$ge = draggableRegistry.get(payload.source.element)) === null || _draggableRegistry$ge === void 0 || (_draggableRegistry$ge2 = _draggableRegistry$ge[eventName]) === null || _draggableRegistry$ge2 === void 0 || _draggableRegistry$ge2.call(_draggableRegistry$ge,
     // I cannot seem to get the types right here.
     // TS doesn't seem to like that one event can need `nativeSetDragImage`
     // @ts-expect-error
     payload);
   }
 });
-var dropTargetForElements = adapter.dropTarget;
-exports.dropTargetForElements = dropTargetForElements;
-var monitorForElements = adapter.monitor;
-exports.monitorForElements = monitorForElements;
+var dropTargetForElements = exports.dropTargetForElements = adapter.dropTarget;
+var monitorForElements = exports.monitorForElements = adapter.monitor;
 function draggable(args) {
   // Guardrail: warn if the drag handle is not contained in draggable element
   if (process.env.NODE_ENV !== 'production') {

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

@@ -83,16 +83,14 @@ var adapter = (0, _makeAdapter.makeAdapter)({
 // onDragStart: an external file can never start from inside a drop target
 // (it will always come from outside and we never let a file drag start in a drop target)
 // We remove `onDragStart` from drop targets, but monitors can still listen for a start
-var dropTargetForFiles = function dropTargetForFiles(args) {
+var dropTargetForFiles = exports.dropTargetForFiles = function dropTargetForFiles(args) {
   return (0, _combine.combine)(
   // at least one drop target required before we will start listening for file events
   adapter.registerUsage(),
   // note: not removing unsupported events from args; just leaning on the type system
   adapter.dropTarget(args));
 };
-exports.dropTargetForFiles = dropTargetForFiles;
-var monitorForFiles = function monitorForFiles(args) {
+var monitorForFiles = exports.monitorForFiles = function monitorForFiles(args) {
   // note: not removing unsupported events from args; just leaning on the type system
   return adapter.monitor(args);
-};
-exports.monitorForFiles = monitorForFiles;
+};

package/dist/cjs/addon/cancel-unhandled.js

@@ -26,10 +26,10 @@ var unbindEvents = null;
 /**
  * Block drag operations outside of `@atlaskit/pragmatic-drag-and-drop`
  */
-var cancelUnhandled = {
+var cancelUnhandled = exports.cancelUnhandled = {
   start: function start() {
     var _unbindEvents;
-    (_unbindEvents = unbindEvents) === null || _unbindEvents === void 0 ? void 0 : _unbindEvents();
+    (_unbindEvents = unbindEvents) === null || _unbindEvents === void 0 || _unbindEvents();
     unbindEvents = (0, _bindEventListener.bindAll)(window, [{
       type: 'dragover',
       listener: cancel
@@ -43,8 +43,7 @@ var cancelUnhandled = {
   },
   stop: function stop() {
     var _unbindEvents2;
-    (_unbindEvents2 = unbindEvents) === null || _unbindEvents2 === void 0 ? void 0 : _unbindEvents2();
+    (_unbindEvents2 = unbindEvents) === null || _unbindEvents2 === void 0 || _unbindEvents2();
     unbindEvents = null;
   }
-};
-exports.cancelUnhandled = cancelUnhandled;
+};

package/dist/cjs/experimental/cross-window-element-adapter.js

@@ -121,11 +121,9 @@ function setCrossWindowData(_ref) {
 function extractCrossWindowResult() {
   return storage.findResult();
 }
-var dropTargetForCrossWindowElements = function dropTargetForCrossWindowElements(args) {
+var dropTargetForCrossWindowElements = exports.dropTargetForCrossWindowElements = function dropTargetForCrossWindowElements(args) {
   return (0, _combine.combine)(
   // at least one drop target required before we will start listening for cross element dragging
   adapter.registerUsage(), adapter.dropTarget(args));
 };
-exports.dropTargetForCrossWindowElements = dropTargetForCrossWindowElements;
-var monitorForCrossWindowElements = adapter.monitor;
-exports.monitorForCrossWindowElements = monitorForCrossWindowElements;
+var monitorForCrossWindowElements = exports.monitorForCrossWindowElements = adapter.monitor;

package/dist/cjs/index.js

@@ -8,5 +8,4 @@ exports.default = void 0;
 // Not exporting anything from the root entry point
 // Please use individual entry points in order to always
 // obtain minimum kbs.
-var _default = {};
-exports.default = _default;
+var _default = exports.default = {};

package/dist/cjs/ledger/lifecycle-manager.js

@@ -328,8 +328,7 @@ function getStartLocation(_ref5) {
     dropTargets: dropTargets
   };
 }
-var lifecycle = {
+var lifecycle = exports.lifecycle = {
   canStart: canStart,
   start: start
-};
-exports.lifecycle = lifecycle;
+};

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

@@ -20,7 +20,7 @@ function makeAdapter(_ref) {
   });
   function dispatchEvent(args) {
     // 1. forward the event to source
-    dispatchEventToSource === null || dispatchEventToSource === void 0 ? void 0 : dispatchEventToSource(args);
+    dispatchEventToSource === null || dispatchEventToSource === void 0 || dispatchEventToSource(args);
 
     // 2. forward the event to relevant dropTargets
     dropTargetAPI.dispatchEvent(args);

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

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _addAttribute = require("../util/add-attribute");
 var _combine = require("../util/combine");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
@@ -118,7 +118,7 @@ function makeDropTarget(_ref) {
         var _args = _objectSpread(_objectSpread({}, payload), {}, {
           self: record
         });
-        entry === null || entry === void 0 ? void 0 : (_entry$eventName = entry[eventName]) === null || _entry$eventName === void 0 ? void 0 : _entry$eventName.call(entry,
+        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
@@ -153,12 +153,12 @@ function makeDropTarget(_ref) {
           var _args2 = _objectSpread(_objectSpread({}, payload), {}, {
             self: record
           });
-          entry === null || entry === void 0 ? void 0 : (_entry$onDropTargetCh = entry.onDropTargetChange) === null || _entry$onDropTargetCh === void 0 ? 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, _args2);
 
           // 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 ? void 0 : (_entry$onDragLeave = entry.onDragLeave) === null || _entry$onDragLeave === void 0 ? 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, _args2);
           }
         }
       } catch (err) {
@@ -181,8 +181,8 @@ function makeDropTarget(_ref) {
             self: _record
           });
           var _entry = registry.get(_record.element);
-          _entry === null || _entry === void 0 ? void 0 : (_entry$onDropTargetCh2 = _entry.onDropTargetChange) === null || _entry$onDropTargetCh2 === void 0 ? void 0 : _entry$onDropTargetCh2.call(_entry, _args3);
-          _entry === null || _entry === void 0 ? void 0 : (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 ? 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, _args3);
+          _entry === null || _entry === void 0 || (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 || _entry$onDragEnter.call(_entry, _args3);
         }
       } catch (err) {
         _iterator3.e(err);

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

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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() {
   var registry = new Set();
   var dragging = null;
@@ -85,7 +85,7 @@ function makeMonitor() {
       if (dragging.active.has(_monitor)) {
         var _monitor$eventName;
         // @ts-expect-error: I cannot get this type working!
-        (_monitor$eventName = _monitor[eventName]) === null || _monitor$eventName === void 0 ? void 0 : _monitor$eventName.call(_monitor, payload);
+        (_monitor$eventName = _monitor[eventName]) === null || _monitor$eventName === void 0 || _monitor$eventName.call(_monitor, payload);
       }
     }
     if (eventName === 'onDrop') {

package/dist/cjs/util/custom-native-drag-preview/center-under-pointer.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.centerUnderPointer = void 0;
-var centerUnderPointer = function centerUnderPointer(_ref) {
+var centerUnderPointer = exports.centerUnderPointer = function centerUnderPointer(_ref) {
   var container = _ref.container;
   var rect = container.getBoundingClientRect();
   return {
     x: rect.width / 2,
     y: rect.height / 2
   };
-};
-exports.centerUnderPointer = centerUnderPointer;
+};

package/dist/cjs/util/custom-native-drag-preview/set-custom-native-drag-preview.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setCustomNativeDragPreview = setCustomNativeDragPreview;
 var _elementAdapter = require("../../adapter/element-adapter");
+var _isSafari = require("../is-safari");
 /** A function to remove the element that has been added to the `container`.
  * @example () => ReactDOM.unmountComponentAtNode(container)
  */
@@ -46,6 +47,13 @@ function setCustomNativeDragPreview(_ref) {
     // positioned on the current viewport.
     // `position:fixed` also creates a new stacking context, so we don't need to do that here
     position: 'fixed',
+    // According to `mdn`, the element can be offscreen:
+    // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage#imgelement
+    //
+    // However, that  information does not appear in the specs:
+    // https://html.spec.whatwg.org/multipage/dnd.html#dom-datatransfer-setdragimage-dev
+    //
+    // If the element is _completely_ offscreen, Safari@17.1 will cancel the drag
     top: 0,
     left: 0,
     // Using maximum possible z-index so that this element will always be on top
@@ -67,10 +75,36 @@ function setCustomNativeDragPreview(_ref) {
   var previewOffset = getOffset({
     container: container
   });
-  nativeSetDragImage === null || nativeSetDragImage === void 0 ? void 0 : nativeSetDragImage(container, previewOffset.x, previewOffset.y);
+
+  /**
+   * **Problem**
+   * On `Safari@17.1` if a drag preview element has some opacity,
+   * Safari will include elements behind the drag preview element
+   * in the drag preview.
+   *
+   * **Fix**
+   * We push the drag preview so it is _almost_ completely offscreen so that
+   * there won't be any elements behind the drag preview element.
+   * If the element is _completely_ offscreen, then the drag is cancelled by Safari.
+   *
+   * Using `-0.0001` so that any potential "see through" on the drag preview element
+   * is effectively invisible 👻
+   *
+   * **Unsuccessful alternatives**
+   * Setting a background color (eg "white") on the `container`
+   * → Wrecks the opacity of the drag preview element
+   *
+   * Adding a parent element of the `container` with a background color (eg "white")
+   * → Wrecks the opacity of the drag preview element
+   */
+  if ((0, _isSafari.isSafari)()) {
+    var rect = container.getBoundingClientRect();
+    container.style.left = "-".concat(rect.width - 0.0001, "px");
+  }
+  nativeSetDragImage === null || nativeSetDragImage === void 0 || nativeSetDragImage(container, previewOffset.x, previewOffset.y);
   function cleanup() {
     unbindMonitor();
-    unmount === null || unmount === void 0 ? void 0 : unmount();
+    unmount === null || unmount === void 0 || unmount();
     document.body.removeChild(container);
   }
   var unbindMonitor = (0, _elementAdapter.monitorForElements)({

package/dist/cjs/util/entering-and-leaving-the-window.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.isEnteringWindow = isEnteringWindow;
 exports.isLeavingWindow = isLeavingWindow;
 var _bindEventListener = require("bind-event-listener");
+var _isSafari = require("./is-safari");
 // *Usually* to detect if you are entering / leaving a window you can
 // use the `event.relatedTarget` property:
 
@@ -75,10 +76,7 @@ function isLeavingWindow(_ref2) {
   if (process.env.NODE_ENV === 'test') {
     return;
   }
-  var _navigator = navigator,
-    userAgent = _navigator.userAgent;
-  var isSafari = userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
-  if (!isSafari) {
+  if (!(0, _isSafari.isSafari)()) {
     return;
   }
   safariFix.isSafari = true;

package/dist/cjs/util/fix-post-drag-pointer-bug.js

@@ -53,7 +53,7 @@ function blockPointerEventsOnEverything() {
 
   // Debug note: change from 'pointer-events: none' to 'background: red'
   // to get a better sense of what is being achieved
-  (_element$sheet = element.sheet) === null || _element$sheet === void 0 ? void 0 : _element$sheet.insertRule('* { pointer-events: none !important; }');
+  (_element$sheet = element.sheet) === null || _element$sheet === void 0 || _element$sheet.insertRule('* { pointer-events: none !important; }');
   return function cleanup() {
     document.head.removeChild(element);
   };
@@ -86,7 +86,7 @@ function fixPostDragPointerBug(_ref3) {
     var undoGlobalBlock = blockPointerEventsOnEverything();
     function cleanup() {
       unbindEvents();
-      undoUnderPointer === null || undoUnderPointer === void 0 ? void 0 : undoUnderPointer();
+      undoUnderPointer === null || undoUnderPointer === void 0 || undoUnderPointer();
       undoGlobalBlock();
     }
     var unbindEvents = (0, _bindEventListener.bindAll)(window, [{

package/dist/cjs/util/is-safari.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSafari = isSafari;
+// Once we know we are in Safari or not, we don't need to do the check again
+var cache = null;
+
+/**
+ * Returns `true` if a `Safari` browser.
+ * Returns `true` if the browser is running on iOS (they are all Safari).
+ * */
+function isSafari() {
+  if (typeof cache === 'boolean') {
+    return cache;
+  }
+  var _navigator = navigator,
+    userAgent = _navigator.userAgent;
+  cache = userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
+  return cache;
+}

package/dist/es2019/util/custom-native-drag-preview/set-custom-native-drag-preview.js

@@ -1,4 +1,5 @@
 import { monitorForElements } from '../../adapter/element-adapter';
+import { isSafari } from '../is-safari';
 
 /** A function to remove the element that has been added to the `container`.
  * @example () => ReactDOM.unmountComponentAtNode(container)
@@ -41,6 +42,13 @@ export function setCustomNativeDragPreview({
     // positioned on the current viewport.
     // `position:fixed` also creates a new stacking context, so we don't need to do that here
     position: 'fixed',
+    // According to `mdn`, the element can be offscreen:
+    // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage#imgelement
+    //
+    // However, that  information does not appear in the specs:
+    // https://html.spec.whatwg.org/multipage/dnd.html#dom-datatransfer-setdragimage-dev
+    //
+    // If the element is _completely_ offscreen, Safari@17.1 will cancel the drag
     top: 0,
     left: 0,
     // Using maximum possible z-index so that this element will always be on top
@@ -62,6 +70,32 @@ export function setCustomNativeDragPreview({
   const previewOffset = getOffset({
     container
   });
+
+  /**
+   * **Problem**
+   * On `Safari@17.1` if a drag preview element has some opacity,
+   * Safari will include elements behind the drag preview element
+   * in the drag preview.
+   *
+   * **Fix**
+   * We push the drag preview so it is _almost_ completely offscreen so that
+   * there won't be any elements behind the drag preview element.
+   * If the element is _completely_ offscreen, then the drag is cancelled by Safari.
+   *
+   * Using `-0.0001` so that any potential "see through" on the drag preview element
+   * is effectively invisible 👻
+   *
+   * **Unsuccessful alternatives**
+   * Setting a background color (eg "white") on the `container`
+   * → Wrecks the opacity of the drag preview element
+   *
+   * Adding a parent element of the `container` with a background color (eg "white")
+   * → Wrecks the opacity of the drag preview element
+   */
+  if (isSafari()) {
+    const rect = container.getBoundingClientRect();
+    container.style.left = `-${rect.width - 0.0001}px`;
+  }
   nativeSetDragImage === null || nativeSetDragImage === void 0 ? void 0 : nativeSetDragImage(container, previewOffset.x, previewOffset.y);
   function cleanup() {
     unbindMonitor();

package/dist/es2019/util/entering-and-leaving-the-window.js

@@ -1,4 +1,5 @@
 import { bindAll } from 'bind-event-listener';
+import { isSafari } from './is-safari';
 
 // *Usually* to detect if you are entering / leaving a window you can
 // use the `event.relatedTarget` property:
@@ -71,11 +72,7 @@ export function isLeavingWindow({
   if (process.env.NODE_ENV === 'test') {
     return;
   }
-  const {
-    userAgent
-  } = navigator;
-  const isSafari = userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
-  if (!isSafari) {
+  if (!isSafari()) {
     return;
   }
   safariFix.isSafari = true;

package/dist/es2019/util/is-safari.js

@@ -0,0 +1,17 @@
+// Once we know we are in Safari or not, we don't need to do the check again
+let cache = null;
+
+/**
+ * Returns `true` if a `Safari` browser.
+ * Returns `true` if the browser is running on iOS (they are all Safari).
+ * */
+export function isSafari() {
+  if (typeof cache === 'boolean') {
+    return cache;
+  }
+  const {
+    userAgent
+  } = navigator;
+  cache = userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
+  return cache;
+}

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

@@ -70,7 +70,7 @@ var adapter = makeAdapter({
         // wrap the operation in a try/catch
         try {
           var _event$dataTransfer;
-          (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setData('application/vnd.pdnd', '');
+          (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 || _event$dataTransfer.setData('application/vnd.pdnd', '');
         } catch (e) {}
         var payload = {
           element: entry.element,
@@ -99,7 +99,7 @@ var adapter = makeAdapter({
     // So we need to get the latest entry from the registry in order
     // to call the latest event functions
 
-    (_draggableRegistry$ge = draggableRegistry.get(payload.source.element)) === null || _draggableRegistry$ge === void 0 ? void 0 : (_draggableRegistry$ge2 = _draggableRegistry$ge[eventName]) === null || _draggableRegistry$ge2 === void 0 ? void 0 : _draggableRegistry$ge2.call(_draggableRegistry$ge,
+    (_draggableRegistry$ge = draggableRegistry.get(payload.source.element)) === null || _draggableRegistry$ge === void 0 || (_draggableRegistry$ge2 = _draggableRegistry$ge[eventName]) === null || _draggableRegistry$ge2 === void 0 || _draggableRegistry$ge2.call(_draggableRegistry$ge,
     // I cannot seem to get the types right here.
     // TS doesn't seem to like that one event can need `nativeSetDragImage`
     // @ts-expect-error

package/dist/esm/addon/cancel-unhandled.js

@@ -23,7 +23,7 @@ var unbindEvents = null;
 export var cancelUnhandled = {
   start: function start() {
     var _unbindEvents;
-    (_unbindEvents = unbindEvents) === null || _unbindEvents === void 0 ? void 0 : _unbindEvents();
+    (_unbindEvents = unbindEvents) === null || _unbindEvents === void 0 || _unbindEvents();
     unbindEvents = bindAll(window, [{
       type: 'dragover',
       listener: cancel
@@ -37,7 +37,7 @@ export var cancelUnhandled = {
   },
   stop: function stop() {
     var _unbindEvents2;
-    (_unbindEvents2 = unbindEvents) === null || _unbindEvents2 === void 0 ? void 0 : _unbindEvents2();
+    (_unbindEvents2 = unbindEvents) === null || _unbindEvents2 === void 0 || _unbindEvents2();
     unbindEvents = null;
   }
 };

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

@@ -14,7 +14,7 @@ export function makeAdapter(_ref) {
   });
   function dispatchEvent(args) {
     // 1. forward the event to source
-    dispatchEventToSource === null || dispatchEventToSource === void 0 ? void 0 : dispatchEventToSource(args);
+    dispatchEventToSource === null || dispatchEventToSource === void 0 || dispatchEventToSource(args);
 
     // 2. forward the event to relevant dropTargets
     dropTargetAPI.dispatchEvent(args);

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
@@ -111,7 +111,7 @@ export function makeDropTarget(_ref) {
         var _args = _objectSpread(_objectSpread({}, payload), {}, {
           self: record
         });
-        entry === null || entry === void 0 ? void 0 : (_entry$eventName = entry[eventName]) === null || _entry$eventName === void 0 ? void 0 : _entry$eventName.call(entry,
+        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
@@ -146,12 +146,12 @@ export function makeDropTarget(_ref) {
           var _args2 = _objectSpread(_objectSpread({}, payload), {}, {
             self: record
           });
-          entry === null || entry === void 0 ? void 0 : (_entry$onDropTargetCh = entry.onDropTargetChange) === null || _entry$onDropTargetCh === void 0 ? 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, _args2);
 
           // 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 ? void 0 : (_entry$onDragLeave = entry.onDragLeave) === null || _entry$onDragLeave === void 0 ? 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, _args2);
           }
         }
       } catch (err) {
@@ -174,8 +174,8 @@ export function makeDropTarget(_ref) {
             self: _record
           });
           var _entry = registry.get(_record.element);
-          _entry === null || _entry === void 0 ? void 0 : (_entry$onDropTargetCh2 = _entry.onDropTargetChange) === null || _entry$onDropTargetCh2 === void 0 ? void 0 : _entry$onDropTargetCh2.call(_entry, _args3);
-          _entry === null || _entry === void 0 ? void 0 : (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 ? 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, _args3);
+          _entry === null || _entry === void 0 || (_entry$onDragEnter = _entry.onDragEnter) === null || _entry$onDragEnter === void 0 || _entry$onDragEnter.call(_entry, _args3);
         }
       } catch (err) {
         _iterator3.e(err);

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

@@ -2,8 +2,8 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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() {
   var registry = new Set();
   var dragging = null;
@@ -78,7 +78,7 @@ export function makeMonitor() {
       if (dragging.active.has(_monitor)) {
         var _monitor$eventName;
         // @ts-expect-error: I cannot get this type working!
-        (_monitor$eventName = _monitor[eventName]) === null || _monitor$eventName === void 0 ? void 0 : _monitor$eventName.call(_monitor, payload);
+        (_monitor$eventName = _monitor[eventName]) === null || _monitor$eventName === void 0 || _monitor$eventName.call(_monitor, payload);
       }
     }
     if (eventName === 'onDrop') {

package/dist/esm/util/custom-native-drag-preview/set-custom-native-drag-preview.js

@@ -1,4 +1,5 @@
 import { monitorForElements } from '../../adapter/element-adapter';
+import { isSafari } from '../is-safari';
 
 /** A function to remove the element that has been added to the `container`.
  * @example () => ReactDOM.unmountComponentAtNode(container)
@@ -41,6 +42,13 @@ export function setCustomNativeDragPreview(_ref) {
     // positioned on the current viewport.
     // `position:fixed` also creates a new stacking context, so we don't need to do that here
     position: 'fixed',
+    // According to `mdn`, the element can be offscreen:
+    // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage#imgelement
+    //
+    // However, that  information does not appear in the specs:
+    // https://html.spec.whatwg.org/multipage/dnd.html#dom-datatransfer-setdragimage-dev
+    //
+    // If the element is _completely_ offscreen, Safari@17.1 will cancel the drag
     top: 0,
     left: 0,
     // Using maximum possible z-index so that this element will always be on top
@@ -62,10 +70,36 @@ export function setCustomNativeDragPreview(_ref) {
   var previewOffset = getOffset({
     container: container
   });
-  nativeSetDragImage === null || nativeSetDragImage === void 0 ? void 0 : nativeSetDragImage(container, previewOffset.x, previewOffset.y);
+
+  /**
+   * **Problem**
+   * On `Safari@17.1` if a drag preview element has some opacity,
+   * Safari will include elements behind the drag preview element
+   * in the drag preview.
+   *
+   * **Fix**
+   * We push the drag preview so it is _almost_ completely offscreen so that
+   * there won't be any elements behind the drag preview element.
+   * If the element is _completely_ offscreen, then the drag is cancelled by Safari.
+   *
+   * Using `-0.0001` so that any potential "see through" on the drag preview element
+   * is effectively invisible 👻
+   *
+   * **Unsuccessful alternatives**
+   * Setting a background color (eg "white") on the `container`
+   * → Wrecks the opacity of the drag preview element
+   *
+   * Adding a parent element of the `container` with a background color (eg "white")
+   * → Wrecks the opacity of the drag preview element
+   */
+  if (isSafari()) {
+    var rect = container.getBoundingClientRect();
+    container.style.left = "-".concat(rect.width - 0.0001, "px");
+  }
+  nativeSetDragImage === null || nativeSetDragImage === void 0 || nativeSetDragImage(container, previewOffset.x, previewOffset.y);
   function cleanup() {
     unbindMonitor();
-    unmount === null || unmount === void 0 ? void 0 : unmount();
+    unmount === null || unmount === void 0 || unmount();
     document.body.removeChild(container);
   }
   var unbindMonitor = monitorForElements({

package/dist/esm/util/entering-and-leaving-the-window.js

@@ -1,4 +1,5 @@
 import { bindAll } from 'bind-event-listener';
+import { isSafari } from './is-safari';
 
 // *Usually* to detect if you are entering / leaving a window you can
 // use the `event.relatedTarget` property:
@@ -69,10 +70,7 @@ export function isLeavingWindow(_ref2) {
   if (process.env.NODE_ENV === 'test') {
     return;
   }
-  var _navigator = navigator,
-    userAgent = _navigator.userAgent;
-  var isSafari = userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
-  if (!isSafari) {
+  if (!isSafari()) {
     return;
   }
   safariFix.isSafari = true;

package/dist/esm/util/fix-post-drag-pointer-bug.js

@@ -47,7 +47,7 @@ function blockPointerEventsOnEverything() {
 
   // Debug note: change from 'pointer-events: none' to 'background: red'
   // to get a better sense of what is being achieved
-  (_element$sheet = element.sheet) === null || _element$sheet === void 0 ? void 0 : _element$sheet.insertRule('* { pointer-events: none !important; }');
+  (_element$sheet = element.sheet) === null || _element$sheet === void 0 || _element$sheet.insertRule('* { pointer-events: none !important; }');
   return function cleanup() {
     document.head.removeChild(element);
   };
@@ -80,7 +80,7 @@ export function fixPostDragPointerBug(_ref3) {
     var undoGlobalBlock = blockPointerEventsOnEverything();
     function cleanup() {
       unbindEvents();
-      undoUnderPointer === null || undoUnderPointer === void 0 ? void 0 : undoUnderPointer();
+      undoUnderPointer === null || undoUnderPointer === void 0 || undoUnderPointer();
       undoGlobalBlock();
     }
     var unbindEvents = bindAll(window, [{

package/dist/esm/util/is-safari.js

@@ -0,0 +1,16 @@
+// Once we know we are in Safari or not, we don't need to do the check again
+var cache = null;
+
+/**
+ * Returns `true` if a `Safari` browser.
+ * Returns `true` if the browser is running on iOS (they are all Safari).
+ * */
+export function isSafari() {
+  if (typeof cache === 'boolean') {
+    return cache;
+  }
+  var _navigator = navigator,
+    userAgent = _navigator.userAgent;
+  cache = userAgent.includes('AppleWebKit') && !userAgent.includes('Chrome');
+  return cache;
+}

package/dist/types/util/is-safari.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns `true` if a `Safari` browser.
+ * Returns `true` if the browser is running on iOS (they are all Safari).
+ * */
+export declare function isSafari(): boolean;

package/dist/types-ts4.5/util/is-safari.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns `true` if a `Safari` browser.
+ * Returns `true` if the browser is running on iOS (they are all Safari).
+ * */
+export declare function isSafari(): boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/pragmatic-drag-and-drop",
-  "version": "0.23.0",
-  "description": "The core Pragmatic drag and drop framework, optimized for performance.",
+  "version": "0.25.0",
+  "description": "The core Pragmatic drag and drop framework, enabling flexible and fast drag and drop for any experience on any tech stack",
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -32,6 +32,12 @@
       "status": {
         "type": "alpha"
       }
+    },
+    "integrationTests": {
+      "additionalBrowsers": [
+        "desktop-firefox",
+        "desktop-webkit"
+      ]
     }
   },
   "af:exports": {
@@ -57,6 +63,7 @@
     "raf-schd": "^4.0.3"
   },
   "devDependencies": {
+    "@af/integration-testing": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@emotion/react": "^11.7.1",

package/tmp/api-report-tmp.d.ts

@@ -1,13 +0,0 @@
-## API Report File for "@atlaskit/pragmatic-drag-and-drop"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-// @public (undocumented)
-const _default: {};
-export default _default;
-
-// (No @packageDocumentation comment for this package)
-
-```