Skip to content

Commit

Permalink
refactor(rename): project from @react-forked/dnd to @hello-pangea/dnd
Browse files Browse the repository at this point in the history
see: #408

BREAKING CHANGE: The project has a new home! From react-forked organization to
hello-pangea. You should install @hello-pangea/dnd package instead.
  • Loading branch information
100terres committed Aug 24, 2022
1 parent ac03141 commit 146b204
Show file tree
Hide file tree
Showing 106 changed files with 231 additions and 231 deletions.
8 changes: 4 additions & 4 deletions .github/ISSUE_TEMPLATE/bug-report.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,14 +9,14 @@ labels: "unconfirmed-bug, untriaged"
We have created a common setup issues guide to help you troubleshoot common setup problems:
https://github.com/react-forked/dnd/blob/main/docs/guides/common-setup-issues.md
https://github.com/hello-pangea/dnd/blob/main/docs/guides/common-setup-issues.md
## Check your console
In development builds we log warnings to the console for common setup issues. Please have a look to see if it can give you information in overcoming your issue
## Are you new to rfd?
If you are new to `@react-forked/dnd` we recommend taking at look at our getting started course: https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd (This is using [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd))
If you are new to `@hello-pangea/dnd` we recommend taking at look at our getting started course: https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd (This is using [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd))
It will give you a good base understanding of how everything fits together. This can often be the best help in overcoming your issue.
Expand All @@ -25,7 +25,7 @@ It will give you a good base understanding of how everything fits together. This
Before raising a feature request or bug please search through our open and closed issues to see if there is something similar. If you do find one similar you can show it is important to you by adding a reaction (such as 👍) to the issue
Open and closed issues:
https://github.com/react-forked/dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclosed%20is%3Aissue%20
https://github.com/hello-pangea/dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclosed%20is%3Aissue%20
-->

### Expected behavior
Expand All @@ -48,7 +48,7 @@ https://github.com/react-forked/dnd/issues?utf8=%E2%9C%93&q=is%3Aopen%20is%3Aclo
Ensure that it satisfies our peer dependency version - see our package.json. (Currently it is "^16.8.0")
-->

### What version of `@react-forked/dnd` are you running?
### What version of `@hello-pangea/dnd` are you running?

<!--
We will only look into issues that are effecting the latest version. At this stage we are not releasing fixes for previous releases
Expand Down
2 changes: 1 addition & 1 deletion .github/ISSUE_TEMPLATE/feature-request.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ This is not a general purpose drag and drop library and is attempting to create
Before raising a new feature please ensure that it falls within the philosophy of the library.
https://github.com/react-forked/dnd/blob/main/docs/about/design-principles.md#foundational-idea-physicality
https://github.com/hello-pangea/dnd/blob/main/docs/about/design-principles.md#foundational-idea-physicality
All features need to have a clear and generally applicable keyboard interaction pattern in order for us to deliver on our core goal of being highly accessible.
-->
Expand Down
2 changes: 1 addition & 1 deletion .github/ISSUE_TEMPLATE/tree-issue.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ labels: 'wontfix ☠️'

Please head to the [`@atlaskit/tree` issue tracker](https://ecosystem.atlassian.net/servicedesk/customer/portal/24/create/236).

We do not track `@atlaskit/tree` issues in the `@react-forked/dnd` project
We do not track `@atlaskit/tree` issues in the `@hello-pangea/dnd` project
6 changes: 3 additions & 3 deletions .storybook/storybook-theme.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,10 @@ import logo from './compressed-logo-rfd.svg';
const brandTitle = `
<span
style="display:flex;align-items:center"
title="@react-forked/dnd"
title="@hello-pangea/dnd"
>
<img
alt="Logo of @react-forked/dnd"
alt="Logo of @hello-pangea/dnd"
src="${logo}"
style="display:block;width:auto;height:42px;max-width:100%"
/>
Expand All @@ -20,5 +20,5 @@ const brandTitle = `
export default create({
base: 'light',
brandTitle,
brandUrl: 'https://github.com/react-forked/dnd',
brandUrl: 'https://github.com/hello-pangea/dnd',
});
2 changes: 1 addition & 1 deletion .storybook/tsconfig.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@react-forked/dnd": ["../src/index.ts"]
"@hello-pangea/dnd": ["../src/index.ts"]
}
},
}
2 changes: 1 addition & 1 deletion .storybook/welcome-message.ts
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ function welcomeMessage(): void {
);

consoleTable([
['@react-forked/dnd version', version],
['@hello-pangea/dnd version', version],
['react version', React.version],
['process.env.NODE_ENV', process.env.NODE_ENV],
]);
Expand Down
14 changes: 7 additions & 7 deletions CONTRIBUTING.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Contributing

Thanks for considering contributing to `@react-forked/dnd`! ❤️
Thanks for considering contributing to `@hello-pangea/dnd`! ❤️

Do not forget to read our [git commit guidelines](#-git-commit-guidelines) beforehand.

Expand All @@ -19,15 +19,15 @@ If you spot a bug you are welcome to raise it on our issue page. You are also we
If you would like to see a feature added to the library, here is what you do:

1. Have a read of `README.md` to understand the motivations of this library. It is fairly opinionated and is not intended to be a universal drag and drop library. As such, it will not support every drag and drop interaction.
2. Have a search through the [open and closed issues](https://github.com/react-forked/dnd/issues?utf8=%E2%9C%93&q=is%3Aissue) to see if the feature you are requesting as already been requested.
2. Have a search through the [open and closed issues](https://github.com/hello-pangea/dnd/issues?utf8=%E2%9C%93&q=is%3Aissue) to see if the feature you are requesting as already been requested.
3. Have a clear and general purpose keyboard story for any feature request
4. Please [create an issue](https://github.com/react-forked/dnd/issues/new) to discuss it.
4. Please [create an issue](https://github.com/hello-pangea/dnd/issues/new) to discuss it.

**Please do not raise a pull request directly**. There may be reasons why we will not add every feature to this library.

## Large contributions

If you are interested in making a large contribution to this library there is some recommended reading / training we suggest. There is a large amount of different libraries, techniques and tools used in `@react-forked/dnd` and we have created a list with resources about them. Not everything in the list will be applicable to everyone. But it is a great reference and starting point for those who do not know where to start.
If you are interested in making a large contribution to this library there is some recommended reading / training we suggest. There is a large amount of different libraries, techniques and tools used in `@hello-pangea/dnd` and we have created a list with resources about them. Not everything in the list will be applicable to everyone. But it is a great reference and starting point for those who do not know where to start.

The online courses listed are no free - feel free to seek out alternatives if you want to. We recommend the egghead.io courses because they are quite comprehensive.

Expand Down Expand Up @@ -102,8 +102,8 @@ Here is some general reading about html5 drag and drop. It is worth having a rea

#### Prior work

It is worth looking at other libraries out there to see how they do drag and drop. Things to look at is their philosophy and api. `@react-forked/dnd` is an opinionated, higher level abstraction than most drag and drop libraries. We do not need to support every use case. We need to find the right level of control while still maintaining a beautiful experience for the user, flexibility of use and a clean, powerful api.
It is worth looking at other libraries out there to see how they do drag and drop. Things to look at is their philosophy and api. `@hello-pangea/dnd` is an opinionated, higher level abstraction than most drag and drop libraries. We do not need to support every use case. We need to find the right level of control while still maintaining a beautiful experience for the user, flexibility of use and a clean, powerful api.

- [`react-dnd`](https://react-dnd.github.io/react-dnd/) - `@react-forked/dnd` draws a fair amount of inspiration from `react-dnd`. Something to keep in mind is that `react-dnd` is designed to provide a set of drag and drop primitives which is a different set of goals to this project.
- [`react-sortable-hoc`](https://github.com/clauderic/react-sortable-hoc/) - on the surface this library looks similar to `@react-forked/dnd`. Alex Reardon created a [comparison blog](https://medium.com/@alexandereardon/thanks-for-reaching-out-dimitar-nestorov-8c0bf9abe19) that explains the differences
- [`react-dnd`](https://react-dnd.github.io/react-dnd/) - `@hello-pangea/dnd` draws a fair amount of inspiration from `react-dnd`. Something to keep in mind is that `react-dnd` is designed to provide a set of drag and drop primitives which is a different set of goals to this project.
- [`react-sortable-hoc`](https://github.com/clauderic/react-sortable-hoc/) - on the surface this library looks similar to `@hello-pangea/dnd`. Alex Reardon created a [comparison blog](https://medium.com/@alexandereardon/thanks-for-reaching-out-dimitar-nestorov-8c0bf9abe19) that explains the differences
- [`jQuery sortable`](http://jqueryui.com/sortable/) - the king of drag and drop for a long time
20 changes: 10 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
<p align="center">
<img src="https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png" alt="react beautiful dnd logo" />
</p>
<h1 align="center">@react-forked/dnd <small><sup>(rfd)</sup></small></h1>
<h1 align="center">@hello-pangea/dnd</h1>

<div align="center">

**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)

[![CircleCI branch](https://img.shields.io/circleci/project/github/react-forked/dnd/main.svg)](https://circleci.com/gh/react-forked/dnd/tree/main)
[![npm](https://img.shields.io/npm/v/@react-forked/dnd.svg)](https://www.npmjs.com/package/@react-forked/dnd)
[![CircleCI branch](https://img.shields.io/circleci/project/github/hello-pangea/dnd/main.svg)](https://circleci.com/gh/hello-pangea/dnd/tree/main)
[![npm](https://img.shields.io/npm/v/@hello-pangea/dnd.svg)](https://www.npmjs.com/package/@hello-pangea/dnd)
[![Discord](https://img.shields.io/discord/1007763479010234398?color=blue)](https://discord.gg/zKhPpmvCEv)
[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-blue.svg)](https://conventionalcommits.org)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-blue.svg)](http://commitizen.github.io/cz-cli/)

![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-forked-dnd.netlify.app/?path=/story/examples-board--simple)
[Play with this example if you want!](https://dnd.hellopangea.com/?path=/story/examples-board--simple)

</div>

Expand All @@ -31,7 +31,7 @@

## Get started 👩‍🏫

Alex Reardon has created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) (using [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)) to help you get started with `@react-forked/dnd` as quickly as possible.
Alex Reardon has created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) (using [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)) to help you get started with `@hello-pangea/dnd` as quickly as possible.

[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)

Expand Down Expand Up @@ -63,14 +63,14 @@ Alex Reardon has created [a free course on `egghead.io` 🥚](https://egghead.io

## Motivation 🤔

`@react-forked/dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:
`@hello-pangea/dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:

- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)
- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)

## Not for everyone ✌️

There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `@react-forked/dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `@react-forked/dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `@react-forked/dnd` might not be for you depending on what your use case is.
There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `@hello-pangea/dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `@hello-pangea/dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `@hello-pangea/dnd` might not be for you depending on what your use case is.

## Documentation 📖

Expand Down Expand Up @@ -120,7 +120,7 @@ There are a lot of libraries out there that allow for drag and drop interactions
- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)
- [Non-visible preset styles](/docs/guides/preset-styles.md)
- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)
- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `@react-forked/dnd`_
- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `@hello-pangea/dnd`_
- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_
- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)

Expand All @@ -135,9 +135,9 @@ There are a lot of libraries out there that allow for drag and drop interactions

- [Engineering health](/docs/support/engineering-health.md)
- [Community and addons](/docs/support/community-and-addons.md)
- [Release notes and changelog](https://github.com/react-forked/dnd/releases)
- [Release notes and changelog](https://github.com/hello-pangea/dnd/releases)
- [Upgrading](/docs/support/upgrading.md)
- [Road map](https://github.com/react-forked/dnd/issues)
- [Road map](https://github.com/hello-pangea/dnd/issues)
- [Media](/docs/support/media.md)

## Read this in other languages 🌎
Expand Down
2 changes: 1 addition & 1 deletion babel.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ module.exports = (api) => {
'babel-plugin-module-resolver',
{
alias: {
'@react-forked/dnd':
'@hello-pangea/dnd':
process.env.USE_PRODUCTION_BUILD === 'true'
? path.resolve(__dirname, './dist/dnd.esm')
: path.resolve(__dirname, './src/index.ts'),
Expand Down
2 changes: 1 addition & 1 deletion csp-server/app.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import {
Droppable,
Draggable,
DropResult,
} from '@react-forked/dnd';
} from '@hello-pangea/dnd';

// fake data generator
const getItems = (count: number) =>
Expand Down
2 changes: 1 addition & 1 deletion csp-server/server.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import express from 'express';
import React from 'react';
import { renderToString } from 'react-dom/server';
import { resetServerContext } from '@react-forked/dnd';
import { resetServerContext } from '@hello-pangea/dnd';
import { resolve } from 'path';
import App from './app';

Expand Down
2 changes: 1 addition & 1 deletion csp-server/tsconfig.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@react-forked/dnd": ["../src/index.ts"]
"@hello-pangea/dnd": ["../src/index.ts"]
}
}
}
Loading

1 comment on commit 146b204

@vercel
Copy link

@vercel vercel bot commented on 146b204 Aug 24, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.