From 84f91616abcc5ced9761e451cbb19d10fe74dc5b Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Tue, 31 Aug 2021 09:23:30 +1000 Subject: [PATCH 01/24] updating author section --- README.md | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index f894f4b5c..9cf6ecb5a 100644 --- a/README.md +++ b/README.md @@ -144,13 +144,17 @@ There are a lot of libraries out there that allow for drag and drop interactions - [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt) - [![gr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Greece.png) **Ελληνικά/Greek**](https://github.com/hdks55l/react-beautiful-dnd-gr) -## Author ✍️ +## Creator ✍️ Alex Reardon [@alexandereardon](https://twitter.com/alexandereardon) +> Alex is longer personally maintaing this project. The other wonderful maintainers are carrying this project forward + +## Maintainers + +- [Daniel Del Core](https://twitter.com/danieldelcore) +- Many other [@Atlassian](https://twitter.com/Atlassian)'s! + ## Collaborators 🤝 - Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound) -- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor) -- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe) -- Many other [@Atlassian](https://twitter.com/Atlassian)'s! From 1e2fa69a024931cadbc2005f01e73695c2e27eb4 Mon Sep 17 00:00:00 2001 From: Daniel Del Core Date: Tue, 31 Aug 2021 09:41:49 +1000 Subject: [PATCH 02/24] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9cf6ecb5a..f8a0f4910 100644 --- a/README.md +++ b/README.md @@ -148,7 +148,7 @@ There are a lot of libraries out there that allow for drag and drop interactions Alex Reardon [@alexandereardon](https://twitter.com/alexandereardon) -> Alex is longer personally maintaing this project. The other wonderful maintainers are carrying this project forward +> Alex is no longer personally maintaning this project. The other wonderful maintainers are carrying this project forward. ## Maintainers From 0e7c388f9ebb3d8dda1cb68d909aba65a35f3eef Mon Sep 17 00:00:00 2001 From: Daniel Del Core Date: Fri, 15 Oct 2021 15:28:25 +1100 Subject: [PATCH 03/24] Update README.md --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index f8a0f4910..9c2dec96b 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,12 @@ +## ⚠️ Maintanance & support + +This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements. +It will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests. +We recommend that you don’t raise issues or pull requests, as they will won’t be reviewed or actioned until further notice. + ## Core characteristics - Beautiful and [natural movement](/docs/about/animations.md) of items 💐 From 7ded1b2b1ac6eb48ffc553abbc3b8056f23648d6 Mon Sep 17 00:00:00 2001 From: Daniel Del Core Date: Fri, 15 Oct 2021 15:29:21 +1100 Subject: [PATCH 04/24] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9c2dec96b..2447b6192 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ -## ⚠️ Maintanance & support +## ⚠️ Maintenance & support This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements. It will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests. From 99198933fa9bdb897e0d1b77bb6641fa0817d28b Mon Sep 17 00:00:00 2001 From: Daniel Del Core Date: Fri, 15 Oct 2021 16:30:49 +1100 Subject: [PATCH 05/24] Update README.md --- README.md | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 2447b6192..c18a89267 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,14 @@ + +## ⚠️ Maintenance & support + +This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements. + +It will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests. + +We recommend that you don’t raise issues or pull requests, as they will won’t be reviewed or actioned until further notice. + +--- +

react beautiful dnd logo

@@ -16,12 +27,6 @@ -## ⚠️ Maintenance & support - -This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements. -It will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests. -We recommend that you don’t raise issues or pull requests, as they will won’t be reviewed or actioned until further notice. - ## Core characteristics - Beautiful and [natural movement](/docs/about/animations.md) of items 💐 From d77908e2c31a081aef766c0f624994bbbc7edb9c Mon Sep 17 00:00:00 2001 From: Daniel Del Core Date: Fri, 15 Oct 2021 17:06:19 +1100 Subject: [PATCH 06/24] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c18a89267..d5432bed8 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,7 @@ This library continues to be relied upon heavily by Atlassian products, but we a It will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests. -We recommend that you don’t raise issues or pull requests, as they will won’t be reviewed or actioned until further notice. +We recommend that you don’t raise issues or pull requests, as they will not be reviewed or actioned until further notice. --- From fd493d31f7a3a6cfe3e1a89293bbc64bd2cebd81 Mon Sep 17 00:00:00 2001 From: Jack Lo Russo Date: Thu, 10 Feb 2022 15:22:45 +1100 Subject: [PATCH 07/24] Update link to Greek translation --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d5432bed8..d3c333e32 100644 --- a/README.md +++ b/README.md @@ -153,7 +153,7 @@ There are a lot of libraries out there that allow for drag and drop interactions - [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr) - [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru) - [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt) -- [![gr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Greece.png) **Ελληνικά/Greek**](https://github.com/hdks55l/react-beautiful-dnd-gr) +- [![gr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Greece.png) **Ελληνικά/Greek**](https://github.com/milvard/react-beautiful-dnd-gr) ## Creator ✍️ From a97901adb6596bcfd2ae44e4185a3815aaa74b3b Mon Sep 17 00:00:00 2001 From: Ikko Ashimine Date: Thu, 19 May 2022 18:56:47 +0900 Subject: [PATCH 08/24] Add Japanese link --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d3c333e32..3c68a96e1 100644 --- a/README.md +++ b/README.md @@ -154,6 +154,7 @@ There are a lot of libraries out there that allow for drag and drop interactions - [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru) - [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt) - [![gr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Greece.png) **Ελληνικά/Greek**](https://github.com/milvard/react-beautiful-dnd-gr) +- [![ja](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Japan.png) **日本語/Japanese**](https://github.com/eltociear/react-beautiful-dnd-ja) ## Creator ✍️ From a0ddeaa197f8c497bab62b3b515ca069e67d9968 Mon Sep 17 00:00:00 2001 From: Jan-Kanty Date: Thu, 14 Jul 2022 13:53:16 +0200 Subject: [PATCH 09/24] Updated peerDependencies --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 12ca7be6a..a928c38c0 100644 --- a/package.json +++ b/package.json @@ -145,8 +145,8 @@ "webpack": "4.42.1" }, "peerDependencies": { - "react": "^16.8.5 || ^17.0.0", - "react-dom": "^16.8.5 || ^17.0.0" + "react": "^16.8.5 || ^17.0.0 || ^18.0.0", + "react-dom": "^16.8.5 || ^17.0.0 || ^18.0.0" }, "license": "Apache-2.0", "jest-junit": { From 1a380855d0d008c5d6ef8e34c7c8ffb96c66a881 Mon Sep 17 00:00:00 2001 From: Daniel Del Core Date: Tue, 30 Aug 2022 14:12:18 +1000 Subject: [PATCH 10/24] 13.1.1 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index a928c38c0..654fc85d3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-beautiful-dnd", - "version": "13.1.0", + "version": "13.1.1", "description": "Beautiful and accessible drag and drop for lists with React", "author": "Alex Reardon ", "keywords": [ From 73517f3439be2e4b724c106627fee54ac6676773 Mon Sep 17 00:00:00 2001 From: Paul Oliva Date: Thu, 10 Nov 2022 15:59:22 -0500 Subject: [PATCH 11/24] Update draggable.md style spread example Style overrides should occur AFTER the spread of the style props, to match the guide. --- docs/api/draggable.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/api/draggable.md b/docs/api/draggable.md index bfd9449c8..c90255cd6 100644 --- a/docs/api/draggable.md +++ b/docs/api/draggable.md @@ -256,9 +256,9 @@ If you are overriding inline styles be sure to do it after you spread the `provi {(provided, snapshot) => { // extending the DraggableStyle with our own inline styles const style = { + ...provided.draggableProps.style, backgroundColor: snapshot.isDragging ? 'blue' : 'white', fontSize: 18, - ...provided.draggableProps.style, }; return (
From 1efc28093d754a1b14c985305cfa08002020c0e6 Mon Sep 17 00:00:00 2001 From: Kris Date: Thu, 20 Apr 2023 19:56:16 +1000 Subject: [PATCH 12/24] Update setup-problem-detection-and-error-recovery.md Fix small type. Assuming a non-rbd /runtime error also cancels any active drag --- docs/guides/setup-problem-detection-and-error-recovery.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/guides/setup-problem-detection-and-error-recovery.md b/docs/guides/setup-problem-detection-and-error-recovery.md index 78230ae85..71d36dff8 100644 --- a/docs/guides/setup-problem-detection-and-error-recovery.md +++ b/docs/guides/setup-problem-detection-and-error-recovery.md @@ -68,7 +68,7 @@ React [error boundaries](https://reactjs.org/docs/error-boundaries.html) do not #### non-rbd error or runtime error -- can any active drag +- cancel any active drag - **`throw` the error** for your own error boundary. We will not recover from errors that are not caused explicitly by `rbd`. A run time error (such as a `TypeError`) that is caused by `rbd` will not be recovered. `rbd` will only recover from explicitly thrown `rbd` errors. ### Error is caught by `window` `error` listener From f72a7004564e187445bef833e937783a6f5e8734 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Wed, 3 Apr 2024 21:38:59 +1100 Subject: [PATCH 13/24] trying to fix build --- package.json | 1 + yarn.lock | 5 +++++ 2 files changed, 6 insertions(+) diff --git a/package.json b/package.json index 654fc85d3..78b07ac06 100644 --- a/package.json +++ b/package.json @@ -115,6 +115,7 @@ "jest-watch-typeahead": "0.6.1", "lighthouse": "5.6.0", "markdown-it": "10.0.0", + "picocolors": "^1.0.0", "prettier": "2.0.4", "raf-stub": "3.0.0", "react": "16.13.1", diff --git a/yarn.lock b/yarn.lock index 29c1af587..5225d3aa5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -11108,6 +11108,11 @@ performance-now@^2.1.0: resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns= +picocolors@^1.0.0: + version "1.0.0" + resolved "https://packages.atlassian.com/api/npm/npm-remote/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" + integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ== + picomatch@^2.0.4, picomatch@^2.0.5: version "2.2.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.1.tgz#21bac888b6ed8601f831ce7816e335bc779f0a4a" From b98206b99bd1a0331b3c4c3bf94c900dcb556728 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Wed, 3 Apr 2024 21:46:45 +1100 Subject: [PATCH 14/24] increasing lighthouse timeout for ally test --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 78b07ac06..6668a36fd 100644 --- a/package.json +++ b/package.json @@ -33,7 +33,7 @@ "prettier_target": "*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json} csp-server/**/*.{js,jsx,md,json}" }, "scripts": { - "test:accessibility": "lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js", + "test:accessibility": "lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --startServerReadyTimeout=60000 --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js", "test": "jest --config ./jest.config.js", "test:ci": "jest test --maxWorkers=2", "test:browser": "cypress open", From 96844518693b932bd86d54738d75fc4ba1e91d0a Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Wed, 3 Apr 2024 22:15:06 +1100 Subject: [PATCH 15/24] increasing timeout --- browser-test-harness.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/browser-test-harness.js b/browser-test-harness.js index df02062ce..a83924ae0 100644 --- a/browser-test-harness.js +++ b/browser-test-harness.js @@ -24,12 +24,12 @@ Promise.all([ waitPort({ host: 'localhost', port: ports.storybook, - timeout: 60000, + timeout: 120000, }), waitPort({ host: 'localhost', port: ports.cspServer, - timeout: 60000, + timeout: 120000, }), ]) .then(() => { From 099fea20de463b9d01dbeafbbc20e29307f18758 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Thu, 4 Apr 2024 08:32:40 +1100 Subject: [PATCH 16/24] disabling a11y browser test for now --- .circleci/config.yml | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index 32c13a008..fbc5c9140 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -175,6 +175,9 @@ workflows: - test-browser: requires: - install - - test-a11y: - requires: - - install +# disabling ally test due to issue with lighthouse +# not sure why lighthouse starting breaking, but could +# be worth looking into upgrading browsers (docker) + lighthouse +# - test-a11y: +# requires: +# - install From a302056b9753d332aba00d01fe59ba636ed4b697 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Thu, 4 Apr 2024 09:27:00 +1100 Subject: [PATCH 17/24] reverting timeout change --- browser-test-harness.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/browser-test-harness.js b/browser-test-harness.js index a83924ae0..df02062ce 100644 --- a/browser-test-harness.js +++ b/browser-test-harness.js @@ -24,12 +24,12 @@ Promise.all([ waitPort({ host: 'localhost', port: ports.storybook, - timeout: 120000, + timeout: 60000, }), waitPort({ host: 'localhost', port: ports.cspServer, - timeout: 120000, + timeout: 60000, }), ]) .then(() => { From 3bce4c19d8ad6ef3c317680b9dcd240854535a35 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Wed, 3 Apr 2024 15:30:31 +1100 Subject: [PATCH 18/24] adding notice about Pragmatic drag and drop --- README.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3c68a96e1..48ec179da 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,3 @@ - ## ⚠️ Maintenance & support This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements. @@ -7,6 +6,15 @@ It will continue to be here on GitHub and we will still make critical updates (e We recommend that you don’t raise issues or pull requests, as they will not be reviewed or actioned until further notice. +> [!NOTE] +> Update: 3rd April 2024 +> +> +> +> [**📺 Watch on Youtube**](https://www.youtube.com/watch?v=uySl2yiUYE4)
[**🗣️ Discussion**](https://github.com/atlassian/react-beautiful-dnd/issues/2573) + +
+ ---

From 81eff66248f638e1dcf3c6a2d000740ec53b5ea4 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Wed, 3 Apr 2024 21:26:20 +1100 Subject: [PATCH 19/24] updating section message type --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 48ec179da..b2ee9ce43 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ It will continue to be here on GitHub and we will still make critical updates (e We recommend that you don’t raise issues or pull requests, as they will not be reviewed or actioned until further notice. -> [!NOTE] +> [!IMPORTANT] > Update: 3rd April 2024 > > From c1e8e4ebc2bee0bab4f8841ca4debd75e1e0dfb4 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Thu, 4 Apr 2024 09:54:28 +1100 Subject: [PATCH 20/24] updating formatting --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index b2ee9ce43..983efd4e8 100644 --- a/README.md +++ b/README.md @@ -7,11 +7,12 @@ It will continue to be here on GitHub and we will still make critical updates (e We recommend that you don’t raise issues or pull requests, as they will not be reviewed or actioned until further notice. > [!IMPORTANT] -> Update: 3rd April 2024 +> +> **Update: 3rd April 2024** > > > -> [**📺 Watch on Youtube**](https://www.youtube.com/watch?v=uySl2yiUYE4)
[**🗣️ Discussion**](https://github.com/atlassian/react-beautiful-dnd/issues/2573) +> [📺 Watch on Youtube](https://www.youtube.com/watch?v=uySl2yiUYE4)
[🗣️ Discussion](https://github.com/atlassian/react-beautiful-dnd/issues/2573)
From 206823559235852291f577786f5785671ae6757d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Stawikowski?= <56937241+Pawikoski@users.noreply.github.com> Date: Sun, 6 Oct 2024 15:17:44 +0200 Subject: [PATCH 21/24] Change netlify.com to netlify.app due to deprecated automatic .com redirects https://answers.netlify.com/t/deprecating-automatic-com-redirects/115442 --- README.md | 2 +- docs/about/examples.md | 6 +++--- docs/guides/reparenting.md | 2 +- docs/patterns/multi-drag.md | 2 +- docs/patterns/tables.md | 8 ++++---- docs/patterns/virtual-lists.md | 10 +++++----- docs/support/community-and-addons.md | 4 ++-- 7 files changed, 17 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 983efd4e8..8978f91b9 100644 --- a/README.md +++ b/README.md @@ -32,7 +32,7 @@ We recommend that you don’t raise issues or pull requests, as they will not be ![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif) -[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple) +[Play with this example if you want!](https://react-beautiful-dnd.netlify.app/iframe.html?selectedKind=board&selectedStory=simple)

diff --git a/docs/about/examples.md b/docs/about/examples.md index c9741b308..dd2b49270 100644 --- a/docs/about/examples.md +++ b/docs/about/examples.md @@ -4,12 +4,12 @@ See how beautiful it is for yourself! ## Viewing on a desktop -[All the examples!](https://react-beautiful-dnd.netlify.com) +[All the examples!](https://react-beautiful-dnd.netlify.app) ## Viewing on a mobile or tablet -- [Simple list](https://react-beautiful-dnd.netlify.com/iframe.html?id=single-vertical-list--basic) -- [Board](https://react-beautiful-dnd.netlify.com/iframe.html?id=board--simple) - best viewed in landscape +- [Simple list](https://react-beautiful-dnd.netlify.app/iframe.html?id=single-vertical-list--basic) +- [Board](https://react-beautiful-dnd.netlify.app/iframe.html?id=board--simple) - best viewed in landscape > We provide different links for touch devices as [storybook](https://github.com/storybooks/storybook) runs examples in an iframe which can result in a strange auto scroll experience diff --git a/docs/guides/reparenting.md b/docs/guides/reparenting.md index d451d8d44..91214b9de 100644 --- a/docs/guides/reparenting.md +++ b/docs/guides/reparenting.md @@ -126,7 +126,7 @@ getContainerForClone: () => HTMLElement, ⚠️ You are welcome to use your own `portal` solution if you want to from within your ``. Before we had a cloning API, reparenting needed to be done by using your own portal. It is now recommended that you use the cloning API. -We have created a [working example](https://react-beautiful-dnd.netlify.com/?selectedKind=Portals&selectedStory=Using%20your%20own%20portal&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel) that uses `ReactDOM.createPortal` directly to guide you. You can view the [source here](https://github.com/atlassian/react-beautiful-dnd/blob/master/stories/11-portal.stories.js). +We have created a [working example](https://react-beautiful-dnd.netlify.app/?selectedKind=Portals&selectedStory=Using%20your%20own%20portal&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel) that uses `ReactDOM.createPortal` directly to guide you. You can view the [source here](https://github.com/atlassian/react-beautiful-dnd/blob/master/stories/11-portal.stories.js). If you are doing drag and drop reordering within a `` we have created a portal section inside our [table guide](/docs/patterns/tables.md) diff --git a/docs/patterns/multi-drag.md b/docs/patterns/multi-drag.md index 7c4957931..7d2bb50dd 100644 --- a/docs/patterns/multi-drag.md +++ b/docs/patterns/multi-drag.md @@ -4,7 +4,7 @@ Dragging multiple ``s at once (multi drag) is currently a pattern that needs to be built on top of `react-beautiful-dnd`. We have not included the interaction into the library itself. This is done because a multi drag experience introduces a lot of concepts, decisions and opinions. We have done a lot of work to ensure there is a standard base of [dom event management](/docs/guides/how-we-use-dom-events.md) to build on. -We have created a [reference application](https://react-beautiful-dnd.netlify.com/?path=/story/multi-drag--pattern) ([source](/stories/src/multi-drag)) which implements this multi drag pattern. The application is fairly basic and does not handle performance in large lists well. As such, there is are [a few performance recommendations](#performance) that we suggest you also add on to our reference application if you want to support lists greater than 50 in size. +We have created a [reference application](https://react-beautiful-dnd.netlify.app/?path=/story/multi-drag--pattern) ([source](/stories/src/multi-drag)) which implements this multi drag pattern. The application is fairly basic and does not handle performance in large lists well. As such, there is are [a few performance recommendations](#performance) that we suggest you also add on to our reference application if you want to support lists greater than 50 in size. ![multi drag demo](https://user-images.githubusercontent.com/2182637/37322724-7843a218-26d3-11e8-9ebb-8d5853387bb3.gif) diff --git a/docs/patterns/tables.md b/docs/patterns/tables.md index ac5f3815a..60b78f60f 100644 --- a/docs/patterns/tables.md +++ b/docs/patterns/tables.md @@ -24,7 +24,7 @@ In order to use this strategy the widths of your columns need to be fixed - that The only thing you need to do is set `display: table` on a `` row while it is dragging. -[See example code here](https://react-beautiful-dnd.netlify.com/?selectedKind=Tables&selectedStory=with%20fixed%20width%20columns&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel) +[See example code here](https://react-beautiful-dnd.netlify.app/?selectedKind=Tables&selectedStory=with%20fixed%20width%20columns&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel) Some users have experienced issues using the `table-layout` and `display: table` approach. Specifically, that approach of fixed layouts doesn't keep the styling once an element is being dragged. An alternative is to not set `table-layout` or `display: table` when `` is dragging, but rather just set the `width` of each `
` permanently. This avoids the need to use any event responders. E.g. in the ``, set each `` to `width: 100px` with inline styling or css. This approach can be found in the [Code Sandbox here](https://codesandbox.io/s/vertical-list-s9rx5?fontsize=14&hidenavigation=1&theme=dark) @@ -41,7 +41,7 @@ This has poor performance characteristics at scale as it requires: For tables with less than 50 rows this should approach be fine! -[See example code here](https://react-beautiful-dnd.netlify.com/?selectedKind=Tables&selectedStory=with%20dimension%20locking&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel) +[See example code here](https://react-beautiful-dnd.netlify.app/?selectedKind=Tables&selectedStory=with%20dimension%20locking&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel) ## Advanced: reparenting @@ -67,8 +67,8 @@ It seems like the only way to get things working is to: This gets a little complicated - so we created some examples to show you how this technique works: -- [With our cloning API](https://react-beautiful-dnd.netlify.com/?path=/story/tables--with-clone) -- [With your own portal](https://react-beautiful-dnd.netlify.com/?path=/story/tables--with-portal) +- [With our cloning API](https://react-beautiful-dnd.netlify.app/?path=/story/tables--with-clone) +- [With your own portal](https://react-beautiful-dnd.netlify.app/?path=/story/tables--with-portal) You're welcome! diff --git a/docs/patterns/virtual-lists.md b/docs/patterns/virtual-lists.md index f7daf7b96..530adbe27 100644 --- a/docs/patterns/virtual-lists.md +++ b/docs/patterns/virtual-lists.md @@ -27,16 +27,16 @@ Please raise a pull request if you would like to add examples for other virtuali ### [`react-window`](https://github.com/bvaughn/react-window) -- [List](https://react-beautiful-dnd.netlify.com/?path=/story/virtual-react-window--list) ([source](/stories/src/virtual/react-window/list.jsx)) -- [Board](https://react-beautiful-dnd.netlify.com/?path=/story/virtual-react-window--board) ([source](/stories/src/virtual/react-window/board.jsx)) +- [List](https://react-beautiful-dnd.netlify.app/?path=/story/virtual-react-window--list) ([source](/stories/src/virtual/react-window/list.jsx)) +- [Board](https://react-beautiful-dnd.netlify.app/?path=/story/virtual-react-window--board) ([source](/stories/src/virtual/react-window/board.jsx)) - [Basic list on `codesandbox.io`](https://codesandbox.io/s/simple-virtual-list-dark-c6wqc) - [Basic board on `codesandbox.io`](https://codesandbox.io/s/simple-virtual-list-board-vgvzt) ### [`react-virtualized`](https://github.com/bvaughn/react-virtualized) -- [List](https://react-beautiful-dnd.netlify.com/?path=/story/virtual-react-virtualized--list) ([source](/stories/src/virtual/react-virtualized/list.jsx)) -- [Board](https://react-beautiful-dnd.netlify.com/?path=/story/virtual-react-virtualized--board) ([source](/stories/src/virtual/react-virtualized/board.jsx)) -- [List](https://react-beautiful-dnd.netlify.com/?path=/story/virtual-react-virtualized--window-list) with [`WindowScroller`](https://github.com/bvaughn/react-virtualized/blob/master/docs/WindowScroller.md) ([source](/stories/src/virtual/react-virtualized/window-list.jsx)) +- [List](https://react-beautiful-dnd.netlify.app/?path=/story/virtual-react-virtualized--list) ([source](/stories/src/virtual/react-virtualized/list.jsx)) +- [Board](https://react-beautiful-dnd.netlify.app/?path=/story/virtual-react-virtualized--board) ([source](/stories/src/virtual/react-virtualized/board.jsx)) +- [List](https://react-beautiful-dnd.netlify.app/?path=/story/virtual-react-virtualized--window-list) with [`WindowScroller`](https://github.com/bvaughn/react-virtualized/blob/master/docs/WindowScroller.md) ([source](/stories/src/virtual/react-virtualized/window-list.jsx)) ### [`react-virtuoso`](https://github.com/petyosi/react-virtuoso) React Virtuoso comes with automatic item measurement out of the box. diff --git a/docs/support/community-and-addons.md b/docs/support/community-and-addons.md index 71a13f9f0..1478e2027 100644 --- a/docs/support/community-and-addons.md +++ b/docs/support/community-and-addons.md @@ -5,10 +5,10 @@ - [kanban-dnd](https://kanban-dnd.glitch.me) - A Kanban style to-do list, with the ability to create custom lanes and reorder them on the fly. - [react-beautiful-dnd-test-utils](https://github.com/colinrcummings/react-beautiful-dnd-test-utils) - 🧤 Test utils for `react-beautiful-dnd` built with `react-testing-library`. - Simple Trello - A simple cloning version of Trello, using React ecosystem. - - [Demo](https://simple-trello.netlify.com/) + - [Demo](https://simple-trello.netlify.app/) - [Source](https://github.com/ng-hai/simple-trello) - 🎮 A drag'n'drop Checkers game - - [Demo](https://checkers-game.netlify.com/) + - [Demo](https://checkers-game.netlify.app/) - [Source](https://github.com/emanuellarini/checkers) - [react-kanban](https://github.com/lourenci/react-kanban) - Another Kanban/Trello board lib for React, with customizations to use in projects. From e3a722c82bd6cbaa23e2db28e1f7b8dd39ee285c Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Tue, 15 Oct 2024 09:33:34 +1100 Subject: [PATCH 22/24] adding deprecation notice to readme --- README.md | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 983efd4e8..22cafb720 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,15 @@ -## ⚠️ Maintenance & support +## ⚠️ Deprecated -This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements. +Hey all, -It will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests. +We are taking the next step in saying thank you and goodbye to our friend `react-beautiful-dnd`. -We recommend that you don’t raise issues or pull requests, as they will not be reviewed or actioned until further notice. +- ⚠️ We will be soon deprecating `react-beautiful-dnd` on [npm](https://www.npmjs.com/package/react-beautiful-dnd). When we do you will start to get console warnings in your build tools. +- 🔒 On Apr 30, 2025 (six months from posting) we will [archiving](https://docs.github.com/en/repositories/archiving-a-github-repository/archiving-repositories) the `react-beautiful-dnd` Github repository (it will become read only). -> [!IMPORTANT] -> -> **Update: 3rd April 2024** -> -> -> -> [📺 Watch on Youtube](https://www.youtube.com/watch?v=uySl2yiUYE4)
[🗣️ Discussion](https://github.com/atlassian/react-beautiful-dnd/issues/2573) +Thank you everybody for your support of this project. + +[More information](https://github.com/atlassian/react-beautiful-dnd/issues/2672)
From ef2e6d0efc4f25b756465aa27a3478f24b30f322 Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Tue, 15 Oct 2024 10:03:59 +1100 Subject: [PATCH 23/24] no longer reusing same emoji in banner --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 22cafb720..c0d8be805 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ Hey all, We are taking the next step in saying thank you and goodbye to our friend `react-beautiful-dnd`. -- ⚠️ We will be soon deprecating `react-beautiful-dnd` on [npm](https://www.npmjs.com/package/react-beautiful-dnd). When we do you will start to get console warnings in your build tools. +- 🔔 We will be soon deprecating `react-beautiful-dnd` on [npm](https://www.npmjs.com/package/react-beautiful-dnd). When we do you will start to get console warnings in your build tools. - 🔒 On Apr 30, 2025 (six months from posting) we will [archiving](https://docs.github.com/en/repositories/archiving-a-github-repository/archiving-repositories) the `react-beautiful-dnd` Github repository (it will become read only). Thank you everybody for your support of this project. From cc5b5563c15036faef263942315c8d33984e750b Mon Sep 17 00:00:00 2001 From: Alex Reardon Date: Mon, 18 Aug 2025 14:23:22 +1000 Subject: [PATCH 24/24] adding archive message to readme --- README.md | 23 +++++++++-------------- 1 file changed, 9 insertions(+), 14 deletions(-) diff --git a/README.md b/README.md index b8c00c8c9..131dd0011 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,10 @@ -## ⚠️ Deprecated +## 🔒 Archived -Hey all, +This project is now [archived](https://docs.github.com/en/repositories/archiving-a-github-repository/archiving-repositories) and is [deprecated on `npm`](https://www.npmjs.com/package/react-beautiful-dnd). If you are still using `react-beautiful-dnd`, we have put together some [resources to help you move forward](https://github.com/atlassian/react-beautiful-dnd/issues/2672). To see our ongoing work in the drag and drop problem space, head to [Pragmatic drag and drop](https://github.com/atlassian/pragmatic-drag-and-drop). -We are taking the next step in saying thank you and goodbye to our friend `react-beautiful-dnd`. +We are so grateful to everybody who contributed in big and small ways to this project. -- 🔔 We will be soon deprecating `react-beautiful-dnd` on [npm](https://www.npmjs.com/package/react-beautiful-dnd). When we do you will start to get console warnings in your build tools. -- 🔒 On Apr 30, 2025 (six months from posting) we will [archiving](https://docs.github.com/en/repositories/archiving-a-github-repository/archiving-repositories) the `react-beautiful-dnd` Github repository (it will become read only). - -Thank you everybody for your support of this project. - -[More information](https://github.com/atlassian/react-beautiful-dnd/issues/2672) +Cheers
@@ -164,15 +159,15 @@ There are a lot of libraries out there that allow for drag and drop interactions ## Creator ✍️ -Alex Reardon [@alexandereardon](https://twitter.com/alexandereardon) +Alex Reardon [@alexandereardon](https://x.com/alexandereardon) -> Alex is no longer personally maintaning this project. The other wonderful maintainers are carrying this project forward. +> Alex is no longer personally maintaining this project. The other wonderful maintainers are carrying this project forward. ## Maintainers -- [Daniel Del Core](https://twitter.com/danieldelcore) -- Many other [@Atlassian](https://twitter.com/Atlassian)'s! +- [Daniel Del Core](https://x.com/danieldelcore) +- Many other [@Atlassian](https://x.com/Atlassian)'s! ## Collaborators 🤝 -- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound) +- Bogdan Chadkin [@IAmTrySound](https://x.com/IAmTrySound)