Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update react-beautiful-dnd to the latest version 🚀 #158

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from

Conversation

greenkeeper[bot]
Copy link
Contributor

@greenkeeper greenkeeper bot commented Aug 19, 2018

Version 9.0.1 of react-beautiful-dnd was just published.

Dependency react-beautiful-dnd
Current Version 4.0.1
Type dependency

The version 9.0.1 is not covered by your current version range.

If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.

It might be worth looking into these changes and trying to get this project onto the latest version of react-beautiful-dnd.

If you have a solid test suite and good coverage, a passing build is a strong indicator that you can take advantage of these changes directly by merging the proposed change into your project. If the build fails or you don’t have such unconditional trust in your tests, this branch is a great starting point for you to work on the update.


Release Notes 9.0.1

Fixes

  • Fixing memory leak when unmounting DragDropContext #720. Thanks @faiwer for finding this one, and for the great issue detail!

Soon ⏳

We have been working hard over the last few months on some super exciting improvements and new features. These should be landing in the next month or so!

soon

Commits

The new version differs by 170 commits.

  • 568cdbe v9.0.1
  • e7197ad Update stylelint to the latest version 🚀 (#718)
  • 619b0cc Update eslint-config-prettier to the latest version 🚀 (#705)
  • 48e0d84 Fixing memory leak in DragDropContext. Fixes #715 (#720)
  • b939e9a Update Hook types to return mixed vs void (addresses #695) (#704)
  • ac63abe Update tiny-invariant to the latest version 🚀 (#702)
  • 0215cb2 Giving love to debug (#701)
  • 2d6504f v9.0.0
  • 31e7b3c Fixing disabled on launch. Closes #693 (#696)
  • 55aa7c3 Update testcafe to the latest version 🚀 (#698)
  • 5de1a93 Update flow-bin to the latest version 🚀 (#686)
  • 20adb8a Fixes broken test filename (#697)
  • 19b7ebf Upgrade to babel beta 56 (#687)
  • 3006259 ci: run greenkeeper lockfile management steps before checking if the lockfile is OK (#684)
  • 1a81e90 bumping react and loosing restriction on prop-types (#681)

There are 170 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


Your Greenkeeper bot 🌴

@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Aug 30, 2018

Version 9.0.2 just got published.

Update to this version instead 🚀

Release Notes 9.0.2

Engineering health

  • Moving to babel v7 #590. We have been on the prerelease version of this for a while, and it is great to see version 7 move to a stable release! Thanks @TrySound!
  • Upgrading to flow 0.79.1
  • Upgrading our devDependencies to latest versions #590
Commits

The new version differs by 7 commits.

  • 6e5d445 v9.0.2
  • 93cc9bd bumping flow and friends (#771)
  • 55ce7a5 Upgrade to babel 7 (#766)
  • 7330551 Website wip (#762)
  • f139393 Gatsby v2 (#725)
  • 9a33ead Use emotion instead of styled components (#722)
  • dc16558 adding backup install step for forked builds (#723)

See the full diff

greenkeeper bot added a commit that referenced this pull request Nov 11, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 11, 2018

Update to this version instead 🚀

Commits

The new version differs by 14 commits.

  • 67b54c5 v10.0.0
  • 3dbb704 next (wip) (#823)
  • 5fc46a8 Add Simple Trello project to docs (#878)
  • 1a9b3e1 Modify multi-drag pattern to support windows specific modifier (#863)
  • 6f71b45 Add Community Section, with link to Glitch™️ task app. (#856)
  • 129530d Add Addons section to the README (#841)
  • 8b485a1 chore: dont validate yarn lock file on greenkeeper branches (#839)
  • 1f9313b ci: dont run update / upload twice (#830)
  • 095cd54 ci: run greenkeeper lockfile management steps before checking if the lockfile is OK (#826)
  • 3773ffa Adding images to markdown in the website (#789)
  • 9baa3e7 Updating README to include note for IE 11 polyfill (#783)
  • 9f53cca remove trailing numbers from titles for md documents in website (#786)
  • 8ab37f6 Fix a link in the readme (#780)
  • 89f2213 Fix non-working link (#776)

See the full diff

greenkeeper bot added a commit that referenced this pull request Nov 14, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 14, 2018

Update to this version instead 🚀

Release Notes for 10.0.0

Fixes

  • Now correctly forwarding component flow types #910. Previously they were being lost in a HOC. Huge thank you to @TrySound for this one! He also added a flow test to ensure there is no regressions on this 👏
  • Fixed misaligned cross-axis drop placement and keyboard movement in some cases #913 #918
Commits

The new version differs by commits.

See the full diff

greenkeeper bot added a commit that referenced this pull request Nov 21, 2018
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 21, 2018

Update to this version instead 🚀

Commits

The new version differs by 12 commits.

  • 564a369 v10.0.2
  • 56fed1d Docs love (#943)
  • 65a6899 Website love (#939)
  • 158ed3c updating scroll container doc
  • 6e60d2e fixing typo (#938)
  • 9645fe8 now adding placeholder room before doing cross axis visibility check (#936)
  • b787844 Better scroll container detection (#929)
  • d301806 adding more detail to issue template (#934)
  • 64205bf removing note about polyfilling Array.prototype.find (#933)
  • a257068 Update using-inner-ref.md (#926)
  • cd2b3a0 adding checkers link
  • f71b4b2 moving to more robust cross axis spacing solution (again) (#919)

See the full diff

@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Dec 12, 2018

Update to this version instead 🚀

Commits

The new version differs by 23 commits.

  • 9064d47 v10.0.3
  • 92e4a6a updating snapshot
  • 0c3ed67 adding comment
  • 899be35 setting max workers (#1008)
  • 4f063a2 Bumping more deps (#1005)
  • a3c7db1 bumping deps (#1000)
  • 3bd3e0d adding react version section
  • 61ea21a common setup guide (#995)
  • cd71d9c docs for ids (#994)
  • 748311b Update rollup-plugin-node-resolve to the latest version 🚀 (#993)
  • 2d15595 moving to storybook 4 (#989)
  • a80f5ea adding choosing-the-right-scroller test (#988)
  • ac57253 Auto scroll grab near edge (#976)
  • b7d549c Update emotion to the latest version 🚀 (#980)
  • 89e38a0 fix: droppable-get-dimension withScroll (#966)

There are 23 commits in total.

See the full diff

greenkeeper bot added a commit that referenced this pull request Dec 12, 2018
greenkeeper bot added a commit that referenced this pull request Mar 12, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 12, 2019

Update to this version instead 🚀

Release Notes for 10.1.0

beautiful-by-jake-small

🎧🎶 Release notes designed to be listed to with: "Once there were dragons" @ 4:05

Highlights 🤾‍♀️

  • 👩‍🎨 Stunning animation improvements
  • 📖 Overhauled documentation
  • 📱 More predictable touch dragging
  • 🏠 Simplified home list styling
  • 💅 New project design
  • 📝 Blogs of our learnings

Beautiful 🏔

This release pushes react-beautiful-dnd to new summits of interaction design.

We have removed instant movement (snapping) when moving between lists. Snapping breaks the visual language of moving physical objects around that react-beautiful-dnd is trying to emulate.

✅ No snapping when moving between lists

refreshed-example-2

❌ This is what it used to be (snapping in the 🏠 home list after a drop)

slow-snapping

You do not need to do anything to get the new animation pattern. I have marked this change as a feature release as it is new design behaviour.

Blog: Beautiful interactions 📝

There was a huge amount of work to remove snapping when moving between lists. Who would have thought? Not me 🥵. I wrote a blog which goes over the journey of this feature in depth. Personally, I think it well worth your time!

📝Blog → Beautiful interactions: Crafting elegant and robust drag and drop animations

New logo 👩‍🎨

logo-migration

We have moved to a logo that encapsulates the playfulness and delight that we are striving for with react-beautiful-dnd

Blog: Logo creation 📝

Maryanne Nguyen, a very talented designer at Atlassian, has detailed her creative process in creating the new react-beautiful-dnd logo in a blog 🎨

📝Blog → maryannemade: react-beautiful-dnd logo

More predictable touch dragging 📱

react-beautiful-dnd tries to respect standard browser interactions as much as possible. Currently, the library plays well with force touch interactions:

If the user force presses on the element before they have moved the element (even if a drag has already started) then the drag is cancelled and the standard force press action occurs. For an anchor, this is a website preview.

Unfortunately, heavy presses can cancel a drag. It can be tricky at times to get the right amount of pressure to correctly use touch dragging. This can be frustrating for users.

We have added an option for you to opt-out of respecting force touch interactions. This option will disable force press interactions on the drag handle. However, it allows for a more consistent touch dragging interaction.

We have added shouldRespectForceTouch as a prop to <Draggable />. It defaults to true in order to respect force touch interactions, but you can set it to false to opt out of respecting force touch

<Draggable
  draggableId="draggable"
+ shouldRespectForceTouch={false}
>

</Draggable>

This change resulted in a feature release. The default behaviour matches the behaviour of previous versions.

Should force touch be respected by default?

Right now shouldRespectForceTouch defaults to true in order to respect browser interactions. However, for this specific use case, I am thinking that the default could be to not respect force touch in order to have a more consistent touch dragging experience out of the box.

I have created a request for discussion to collect other people's thoughts on what the default should be.

Simplified home list styling 🏠

We have added a new value to the DroppableStateSnapshot: draggingFromThisWith

type DroppableStateSnapshot = {|
  isDraggingOver: boolean,
  draggingOverWith: ?DraggableId,
+ draggingFromThisWith: ?DraggableId,
|};

draggingFromThisWith is populated with the draggableId of the dragging item in the 🏠 home list for the entire drag. This allows you to style the home list differently from the other lists if you like. We recommend you do this to make it clear which list the user is dragging from. You can read more about the thinking behind this in my blog

In this example we set the background-color of the home list to pink when we are dragging over the list. We set the background-color of the home list to blue when not dragging over the home list.

no-placeholder-when-over-no-list

Overhauled documentation 📖

We have totally overhauled our documentation to be easier to find and use information.

Our README.md was getting too big. It was hard for new comers to know where to start, and it was hard for consumers of the library to quickly find information. We have simplified our README.md and added a comprehensive documentation section which links off to categories of information.

The README.md now contains a high-level introduction to the project, feature set, how to get started and then links to the rest of the documentation.

For new comers and evaluators 👶

Information in the README.md:

  • Big gif showing off what the library is about
  • Reduced badges to the critical subset to reduce noise
  • High level motivation of the project
  • Feature set and limitations
  • Getting started guide
  • An About section which links off information useful to understand, evaluate and get started with the library.

For consumers 👩‍🎤

  • The documentation has been broken down into more logical independent chunks to make it clearer where to find topical information. Previously API was under a wall of design thinking information which would not be useful to a non-evaluator
  • All documentation pages have a link back to the documentation root for quickly jumping around

Documentation engineering health 👨‍⚕️

  • Added a test to ensure that there are no more broken links 🎉. This is by far the cause of the most issues
  • Added test to ensure consistent usage of component names
  • Added test to ensure all documentation pages end with a backlink to the documentation root

Refreshed examples 🦸‍♂️ #1096

We have made our examples brighter and more colourful

Previous New style
old style new style

We have also upgraded to Storybook v5 and added our new logo to the header

new style

Other improvements

  • Only attaching to the redux devtools when process.env.NODE_ENV === 'development' #1085. Thanks @teleaziz!!
  • More collision engine refinements

Fixes 🐛

  • A transition for a property other than transform that finished during a drop animation on a Draggable could cause the drop to end suddenly #1096
  • position:fixed lists on ie11 #1091 #1088. Thanks @InvisibleBacon for raising this one
  • Typo in docs #1102. Thanks @jDeppen

Engineering health

  • Upgraded to flow 0.94 #1119
  • Upgrade of all dev dependencies #1119
  • Moved example website to use emotion 👩‍🎤 #1128
  • Moving browser tests to cypress.io. Also added a few more browser tests #1122

cypress

Commits

The new version differs by commits.

See the full diff

greenkeeper bot added a commit that referenced this pull request Mar 27, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 27, 2019

Update to this version instead 🚀

Release Notes for 10.1.1

Fixes 👩‍⚕️

  • DraggableStateSnapshot and DroppableStateSnapshot are now correctly populated when dropping outside of a Droppable. In 10.1 they where being populated with the home location rather than no location. #1178. Thanks @zmi-jlblatt for finding this one
  • Respecting shouldRespectForceTouch preference for force press touch events that are triggered by some mouse inputs #1192. More information: #1193

Documentation

Engineering health 👷‍♀️

  • Refactoring in preparation for hooks 🎣#871 #1188
  • Bumped all devDependencies #1195
  • Moved to flow 0.95.1

(Minor) breaking changes are coming soon 💥

We will soon be publishing 11.0. This will have two minor breaking changes:

  1. Moving React peer dependency from ^16.3.1 to ^16.8.0
  2. shouldRespectForceTouch name change and default swap

More details: #1194

Commits

The new version differs by 13 commits.

  • 416491f v10.1.1
  • f4b1f1c Fix link and breaking sentence in issue template (#1202)
  • 5c1b964 Bumping dependencies (#1195)
  • e693441 respecting force touch preference for mouse dragging (#1192)
  • cb5b934 Refactoring droppable (#1188)
  • 23a7929 Updated link to "Unsupported margin setups" (#1174)
  • 1949094 Update multi-drag.md (#1171)
  • b91e665 Corrected license ID (#1184)
  • 66d3fff Draggable refactor (#1187)
  • 779fe78 adding example for function components (#1167)
  • bef5014 【typo fixed】affordences ---> affordances (#1164)
  • f8fbeff updating title
  • a67e670 adding new articles (#1161)

See the full diff

greenkeeper bot added a commit that referenced this pull request Apr 15, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Apr 15, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Apr 24, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Apr 24, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Apr 29, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Apr 29, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request May 8, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented May 8, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jun 10, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jun 10, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Jul 22, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jul 22, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Oct 28, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Oct 28, 2019

Update to this version instead 🚀

@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 14, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Nov 14, 2019
greenkeeper bot added a commit that referenced this pull request Nov 15, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 15, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Dec 5, 2019
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Dec 5, 2019

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Feb 24, 2020
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Feb 24, 2020

Update to this version instead 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants