Update from original repo

.babelrc.js

@@ -10,9 +10,7 @@ module.exports = {
   ],
   env: {
     test: {
-      plugins: [
-        '@babel/plugin-transform-modules-commonjs',
-      ],
-    }
-  }
+      plugins: ['@babel/plugin-transform-modules-commonjs'],
+    },
+  },
 };

.eslintrc.js

@@ -1,19 +1,19 @@
 module.exports = {
-  extends: [
-    'eslint-config-airbnb',
-    'prettier',
-    'prettier/react'
-  ],
+  extends: ['eslint-config-airbnb', 'prettier', 'prettier/react'],
   parser: 'babel-eslint',
   env: {
     browser: true,
-    jest: true
+    jest: true,
   },
   rules: {
     'react/destructuring-assignment': 0,
     'react/jsx-filename-extension': 0,
     'react/prefer-stateless-function': 0,
     'react/no-did-mount-set-state': 0,
-    'react/sort-comp': 0
+    'react/sort-comp': 0,
+    'react/jsx-props-no-spreading': 0,
+    'react/prop-types': 0,
+    'no-shadow': 0,
+    'jsx-a11y/label-has-associated-control': 0,
   },
-}
+};

.github/FUNDING.yml

@@ -0,0 +1,2 @@
+github: wuweiweiwu
+open_collective: react-sortable-tree

.github/ISSUE_TEMPLATE/bug-report.md

@@ -0,0 +1,8 @@
+---
+name: Bug Report
+about: Bugs, missing documentation, or unexpected behavior 🤔.
+---
+
+# Reporting a Bug?
+
+Please include either a failing unit test or a simple reproduction. You can start by forking the [CodeSandbox example](https://codesandbox.io/s/wkxvy3z15w)

.github/ISSUE_TEMPLATE/feature-request.md

@@ -0,0 +1,12 @@
+---
+name: Feature request
+about: Ideas and suggestions
+---
+
+# Requesting a Feature?
+
+Provide as much information as possible about your requested feature. Here are a few questions you may consider answering:
+
+- What's your use case? (Tell me about your application and what problem you're trying to solve.)
+- What interface do you have in mind? (What new properties or methods do you think might be helpful?)
+- Can you point to similar functionality with any existing libraries or components? (Working demos can be helpful.)

.prettierignore

@@ -0,0 +1 @@
+CHANGELOG.md

.storybook/main.js

@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['../stories/index.js'],
+};

.storybook/manager.js

@@ -0,0 +1,11 @@
+import { addons } from '@storybook/addons';
+import { create } from '@storybook/theming/create';
+
+addons.setConfig({
+  theme: create({
+    base: 'light',
+    brandTitle: 'React Sortable Tree',
+    brandUrl: 'https://github.com/frontend-collective/react-sortable-tree',
+    gridCellSize: 12,
+  }),
+});

CHANGELOG.md

@@ -1,7 +1,43 @@
-# Change Log
+# Changelog
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.8.0](https://github.com/frontend-collective/react-sortable-tree/compare/v2.7.1...v2.8.0) (2020-08-10)
+
+
+### Features
+
+* adding FUNDING.yml ([8e87804](https://github.com/frontend-collective/react-sortable-tree/commit/8e87804195fcc6cfc98ac0c8ae3a6f8511c05898))
+* remove current codesandbox website ([30749c7](https://github.com/frontend-collective/react-sortable-tree/commit/30749c74deba9b254c674bc0ded4fe2e6eb4cdce))
+
+
+### Bug Fixes
+
+* accidentally deleted own styling ([c664ade](https://github.com/frontend-collective/react-sortable-tree/commit/c664adee1cc045a76a9f89c38b644aa996f38365))
+* don't prettify changelog ([8615412](https://github.com/frontend-collective/react-sortable-tree/commit/86154120b0814a72ad45b23b4a24f45f2bbac225))
+* open collective link ([d55561e](https://github.com/frontend-collective/react-sortable-tree/commit/d55561e91b6abc7268be261c55c95a1fac5627e9))
+* remove outdated links from readme ([7a07263](https://github.com/frontend-collective/react-sortable-tree/commit/7a07263719044709ea177cd7d59ed0c0d56e86d0))
+* scroll to search focused tree item ([#756](https://github.com/frontend-collective/react-sortable-tree/issues/756)) ([e528a4c](https://github.com/frontend-collective/react-sortable-tree/commit/e528a4c6167cf64a6c0ff43caf22be45cccb21e3))
+* set themes using new api ([c2c1075](https://github.com/frontend-collective/react-sortable-tree/commit/c2c1075dfab844412f375174697ab30692b6055b))
+* site ([95cb249](https://github.com/frontend-collective/react-sortable-tree/commit/95cb249e24fb8cab2134567f71447bd728228c1e))
+* website imports ([8e7f83d](https://github.com/frontend-collective/react-sortable-tree/commit/8e7f83dc483c4697edd5ae29080316cf68de248a))
+* website pt 2 ([6914959](https://github.com/frontend-collective/react-sortable-tree/commit/69149596c884cb28c83c17f238c7d7d186271c44))
+
+<a name="2.7.1"></a>
+## [2.7.1](https://github.com/frontend-collective/react-sortable-tree/compare/v2.7.0...v2.7.1) (2019-11-12)
+
+
+
+<a name="2.7.0"></a>
+# [2.7.0](https://github.com/frontend-collective/react-sortable-tree/compare/v2.6.2...v2.7.0) (2019-10-14)
+
+
+### Features
+
+* update react-dnd ([#531](https://github.com/frontend-collective/react-sortable-tree/issues/531)) ([c449524](https://github.com/frontend-collective/react-sortable-tree/commit/c449524))
+
+
+
 <a name="2.6.2"></a>
 ## [2.6.2](https://github.com/frontend-collective/react-sortable-tree/compare/v2.6.1...v2.6.2) (2019-03-21)
 

README.md

@@ -1,3 +1,7 @@
+# Note on maintenance
+
+This library is not actively maintained. [Please find and discuss alternatives here](https://github.com/frontend-collective/react-sortable-tree/discussions/942).
+
 <div align="center">
   <img src="https://cloud.githubusercontent.com/assets/4413963/18860410/26f64de8-84b8-11e6-9284-350308eed30a.png"/>
 </div>
@@ -12,7 +16,7 @@
 [![Coverage Status](https://coveralls.io/repos/github/frontend-collective/react-sortable-tree/badge.svg?branch=master)](https://coveralls.io/github/frontend-collective/react-sortable-tree?branch=master)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
-> A React component for Drag-and-drop sortable representation of hierarchical data. Checkout the [demo](https://frontend-collective.github.io/react-sortable-tree/) for a demonstration of some basic features. Checkout the [storybook](https://frontend-collective.github.io/react-sortable-tree/storybook) for advanced usage.
+> A React component for Drag-and-drop sortable representation of hierarchical data. Checkout the [Storybook](https://frontend-collective.github.io/react-sortable-tree/) for a demonstration of some basic and advanced features.
 
 <div align="center">
   <img src="https://cloud.githubusercontent.com/assets/4413963/19334888/2be8261c-913a-11e6-9508-4b347ae114b4.gif"/>
@@ -74,7 +78,10 @@ export default class Tree extends Component {
     super(props);
 
     this.state = {
-      treeData: [{ title: 'Chicken', children: [{ title: 'Egg' }] }],
+      treeData: [
+        { title: 'Chicken', children: [{ title: 'Egg' }] },
+        { title: 'Fish', children: [{ title: 'fingerline' }] },
+      ],
     };
   }
 
@@ -113,7 +120,7 @@ export default class Tree extends Component {
 | searchFocusOffset              |     number     | Outline the <`searchFocusOffset`>th node and scroll to it.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
 | onlyExpandSearchedNodes        |    boolean     | Only expand the nodes that match searches. Collapses all other nodes. Defaults to `false`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
 | searchFinishCallback           |      func      | Get the nodes that match the search criteria. Used for counting total matches, etc.<div>`(matches: { node: object, path: number[] or string[], treeIndex: number }[]): void`</div>                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| dndType                        |     string     | String value used by [react-dnd](http://react-dnd.github.io/react-dnd/docs-overview.html) (see overview at the link) for dropTargets and dragSources types. If not set explicitly, a default value is applied by react-sortable-tree for you for its internal use. **NOTE:** Must be explicitly set and the same value used in order for correct functioning of external nodes                                                                                                                                                                                                                                                                     |
+| dndType                        |     string     | String value used by [react-dnd](https://react-dnd.github.io/react-dnd/about) (see overview at the link) for dropTargets and dragSources types. If not set explicitly, a default value is applied by react-sortable-tree for you for its internal use. **NOTE:** Must be explicitly set and the same value used in order for correct functioning of external nodes                                                                                                                                                                                                                                                                                 |
 | shouldCopyOnOutsideDrop        |  func or bool  | Return true, or a callback returning true, and dropping nodes to react-dnd drop targets outside of the tree will not remove them from the tree. Defaults to `false`. <div>`({ node: object, prevPath: number[] or string[], prevTreeIndex: number, }): bool`</div>                                                                                                                                                                                                                                                                                                                                                                                 |
 | reactVirtualizedListProps      |     object     | Custom properties to hand to the internal [react-virtualized List](https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md#prop-types)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
 | style                          |     object     | Style applied to the container wrapping the tree (style defaults to `{height: '100%'}`)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
@@ -132,23 +139,23 @@ Need a hand turning your flat data into nested tree data?
 Want to perform add/remove operations on the tree data without creating your own recursive function?
 Check out the helper functions exported from [`tree-data-utils.js`](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js).
 
-- [**`getTreeFromFlatData`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L972): Convert flat data (like that from a database) into nested tree data.
-- [**`getFlatDataFromTree`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L939): Convert tree data back to flat data.
-- [**`addNodeUnderParent`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L612): Add a node under the parent node at the given path.
-- [**`removeNode`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L533): For a given path, get the node at that path, treeIndex, and the treeData with that node removed.
-- [**`removeNodeAtPath`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L505): For a given path, remove the node and return the treeData.
-- [**`changeNodeAtPath`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L409): Modify the node object at the given path.
-- [**`map`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L359): Perform a change on every node in the tree.
-- [**`walk`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L326): Visit every node in the tree in order.
-- [**`getDescendantCount`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L60): Count how many descendants this node has.
-- [**`getVisibleNodeCount`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L248): Count how many visible descendants this node has.
-- [**`getVisibleNodeInfoAtIndex`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L286): Get the <targetIndex>th visible node in the tree data.
-- [**`toggleExpandedForAll`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L389): Expand or close every node in the tree.
-- [**`getNodeAtPath`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L572): Get the node at the input path.
-- [**`insertNode`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L878): Insert the input node at the specified depth and minimumTreeIndex.
-- [**`find`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L1070): Find nodes matching a search query in the tree.
-- [**`isDescendant`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L1020): Check if a node is a descendant of another node.
-- [**`getDepth`**](https://github.com/frontend-collective/react-sortable-tree/blob/master/src/utils/tree-data-utils.js#L1038): Get the longest path in the tree.
+- **`getTreeFromFlatData`**: Convert flat data (like that from a database) into nested tree data.
+- **`getFlatDataFromTree`**: Convert tree data back to flat data.
+- **`addNodeUnderParent`**: Add a node under the parent node at the given path.
+- **`removeNode`**: For a given path, get the node at that path, treeIndex, and the treeData with that node removed.
+- **`removeNodeAtPath`**: For a given path, remove the node and return the treeData.
+- **`changeNodeAtPath`**: Modify the node object at the given path.
+- **`map`**: Perform a change on every node in the tree.
+- **`walk`**: Visit every node in the tree in order.
+- **`getDescendantCount`**: Count how many descendants this node has.
+- **`getVisibleNodeCount`**: Count how many visible descendants this node has.
+- **`getVisibleNodeInfoAtIndex`**: Get the <targetIndex>th visible node in the tree data.
+- **`toggleExpandedForAll`**: Expand or close every node in the tree.
+- **`getNodeAtPath`**: Get the node at the input path.
+- **`insertNode`**: Insert the input node at the specified depth and minimumTreeIndex.
+- **`find`**: Find nodes matching a search query in the tree.
+- **`isDescendant`**: Check if a node is a descendant of another node.
+- **`getDepth`**: Get the longest path in the tree.
 
 ## Themes
 
@@ -197,27 +204,27 @@ import { SortableTreeWithoutDndContext as SortableTree } from 'react-sortable-tr
 
 Please read the [Code of Conduct](CODE_OF_CONDUCT.md). I actively welcome pull requests :)
 
-After cloning the repository and running `npm install` inside, you can use the following commands to develop and build the project.
+After cloning the repository and running `yarn install` inside, you can use the following commands to develop and build the project.
 
 ```sh
 # Starts a webpack dev server that hosts a demo page with the component.
 # It uses react-hot-loader so changes are reflected on save.
-npm start
+yarn start
 
 # Start the storybook, which has several different examples to play with.
 # Also hot-reloaded.
-npm run storybook
+yarn run storybook
 
 # Runs the library tests
-npm test
+yarn test
 
 # Lints the code with eslint
-npm run lint
+yarn run lint
 
 # Lints and builds the code, placing the result in the dist directory.
 # This build is necessary to reflect changes if you're
 #  `npm link`-ed to this repository from another local project.
-npm run build
+yarn run build
 ```
 
 Pull requests are welcome!

__mocks__/react-dnd-html5-backend.js

@@ -1,4 +1,4 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import TestBackend from 'react-dnd-test-backend';
+import { TestBackend } from 'react-dnd-test-backend';
 
-module.exports = TestBackend;
+module.exports = { HTML5Backend: TestBackend };