Pragmatic drag and drop
An optional Pragmatic drag and drop package that enables rapid migration from react-beautiful-dnd
to Pragmatic drag and drop.
An optional Pragmatic drag and drop package that enables rapid migration from react-beautiful-dnd to Pragmatic drag and drop
An optional Pragmatic drag and drop package that enables rapid migration from react-beautiful-dnd
to Pragmatic drag and drop.
8f6e3a7613db0
-
Fixes invalid css comments in template literal styles1378ea7a99ce1
-
Upgrades jscodeshift
to handle generics properly.#120533
f1bec731e278f
-
Adds a sideEffects
field to ensure this package does not have Compiled styles tree-shaken in the
future to avoid an accidental regression.
This is related to https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953
#117363
10a0f7f6c2027
-
This package's peerDependencies
have been adjusted for react
and/or react-dom
to reflect the
status of only supporting React 18 going forward. No explicit breaking change to React support has
been made in this release, but this is to signify going forward, breaking changes for React 16 or
React 17 may come via non-major semver releases.
Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
e9c1247224a94
-
Internal refactor to Draggable to resolve issue with React 18 strict mode re-running effects in
development mode.4660ec858a305
-
Update React
from v16 to v186e5ded7326f80
-
Removes dependency on @atlaskit/pragmatic-drag-and-drop-live-region and now maintains live region
code internally.fb6d3603aa8df
-
Internal fix to batched updates check that determines if React 16 is being used. Previously it
assumed the version
export from react-dom
was always defined, but it was only introduced in
react-dom@16.13.0
b813bd74ede6d
-
Updates internal configuration files58941fa1d332a
-
All react
unit tests will now run against react@16
and react@18
on CI.#116572
98c65e7ff719c
-
🍯 Introducing "the honey pot fix" which is an improved workaround for a
painful browser bug.
Background
The browser bug causes the browser to think the users pointer is continually depressed at the point that the user started a drag. This could lead to incorrect events being triggered, and incorrect styles being applied to elements that the user is not currently over during a drag.
Outcomes
MouseEvent
s (eg "mouseenter"
and "mouseleave"
) during a
drag (which is a violation of the
drag and drop specification):hover
or :active
styles during a drag. Previously consumers
would need to disable these style rules during a drag to prevent these styles being applied.b13f5ee80ab4f
-
Fixing event listener cleanup testae20dac6e31c4
-
Bump packages to use react-beautiful-dnd@12.2.035fd5ed8e1d7
-
Upgrading internal dependency bind-event-listener
to @^3.0.0
#92913
8f7e827e0978
-
Some Pragmatic drag and drop packages did not have "author"
and or "license"
attributes set in
their package.json
file. These missing attributes have now been added where required.
+ "author": "Atlassian Pty Ltd",
+ "license": "Apache-2.0",
All Pragmatic drag and drop packages were already licensed under Apache-2.0
(see LICENSE
files), but the "license"
attribute in some package.json
files was missing.
#92913
96a6f6a19a73
-
Adding missing Apache 2.0 license file. This package has always been licensed under Apache 2.0
(same as the other Pragmatic drag and drop packages).
54e884fd8d96
-
Increasing react
peerDependency
range to include react@17
and react@18
.a1cc31800621
-
Internal refactor: now relying on automatic fallback insertion for token()
. This change provides
an improved experience for consumers who don't have Atlassian Design tokens enabled.#83702
4d9e25ab4eaa
-
Updating the descriptions of Pragmatic drag and drop packages, so they each provide a consistent
description to various consumers, and so they are consistently formed amongst each other.
package.json
description
README.md
8d4e99057fe0
-
Upgrade Typescript from 4.9.5
to 5.4.2
#70616
42e57ea65fee
-
This is our first major
release (1.0
) for all Pragmatic drag and drop packages.
For a detailed explanation of these changes, and how to upgrade (automatically) to 1.0
please
see our
1.0 upgrade guide
006a7d12e9a
- Internal
folder name refactord25fd8a9056
- React
updates are now batched for React 16. Other optimizations have also been made to reduce the number
of re-renders that occur.d71c9cef468
- [ux] The
cross axis offset of keyboard drag previews is now a fixed value, instead of being
percentage-based.f32aef7bfed
- [ux]
Adds a grab cursor when hovering over draggable elements. Also adds other styles provided by the
react-beautiful-dnd
style marshal.5e58af07ce8
- [ux]
Entering a droppable from the start will now target the first index instead of the last.9909027b163
- It is
now possible to unmount a <Draggable/>
in a virtual list at any time during a drag operation,
including while it is still visible.07779f6c5f7
- Pointer
drags are now blocked by interactive elements. This can be overriden using the
disableInteractiveElementBlocking
prop. This behavior is consistent with react-beautiful-dnd
.245cc4ba6c3
- [ux]
Drags will no longer start while holding down a modifier key. This change was done in order to
match react-beautiful-dnd behaviour.61cb5313358
- Removing
unused dependencies and dev dependencies541c0511010
- [ux]
Dragging elements are now slightly transparent, to allow better visibility of drop indicators.
This also better aligns with native browser drag previews.1af8b676f81
- When
starting a keyboard drag, key bindings are now added synchronously. Previously, they were added in
a requestAnimationFrame()
callback.a12da51e227
- Makes
react-dom
a peer dependency instead of a direct dependency.b560a09202a
- Fixes a
memoization issue, significantly improving rerender performance.69c2501037c
- Fixes a
bug that caused parent scroll containers to jump to the top when returning to the source location
during a keyboard drag.9d00501a414
- Ensure
legacy types are published for TS 4.5-4.841fae2c6f68
- Upgrade
Typescript from 4.5.5
to 4.9.5
be8246510ed
- Ensures
that keyboard drag event bindings are properly cleaned up when a drag is cancelled because of an
unhandled error on the window.9fd8556db17
- Internal
folder name structure change#33262
34ed7b2ec63
- We have
changed the name of our drag and drop packages to align on the single name of "Pragmatic drag and
drop"
- @atlaskit/drag-and-drop
+ @atlaskit/pragmatic-drag-and-drop
- @atlaskit/drag-and-drop-autoscroll
+ @atlaskit/pragmatic-drag-and-drop-autoscroll
- @atlaskit/drag-and-drop-hitbox
+ @atlaskit/pragmatic-drag-and-drop-hitbox
- @atlaskit/drag-and-drop-indicator
+ @atlaskit/pragmatic-drag-and-drop-react-indicator
# Note: `react` was added to this package name as our indicator package is designed for usage with `react`.
- @atlaskit/drag-and-drop-live-region
+ @atlaskit/pragmatic-drag-and-drop-live-region
- @atlaskit/drag-and-drop-react-beautiful-dnd-migration
+ @atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration
- @atlaskit/drag-and-drop-docs
+ @atlaskit/pragmatic-drag-and-drop-docs
The new @atlaskit/pragmatic-drag-and-drop*
packages will start their initial versions from where
the `@atlaskit/drag-and-drop*
packages left off. Doing this will make it easier to look back on
changelogs and see how the packages have progressed.
16a901a9476
- - Fixes
a bug that could lead to invalid syntax when inserting comments before a JSXExpressionContainer
node. Comments will now be wrapped in a new JSXExpressionContainer
node.react-beautiful-dnd
or react-beautiful-dnd-next
will be processed.56507598609
- Skip
minor dependency bump6be2b5508a9
- Initial
release