Update exports.

Author: nosferatu500

src/index.ts

@@ -5,4 +5,7 @@ export * from './utils/tree-data-utils'
 // for when component is used with other components using react-dnd.
 // see: https://github.com/gaearon/react-dnd/issues/186
 
-export { default, SortableTreeWithoutDndContext } from './react-sortable-tree'
+export {
+  SortableTree,
+  SortableTreeWithoutDndContext,
+} from './react-sortable-tree'

src/react-sortable-tree.tsx

@@ -962,7 +962,9 @@ ReactSortableTree.defaultProps = {
   overscan: 0,
 }
 
-const SortableTreeWithoutDndContext = (props: ReactSortableTreeProps) => {
+export const SortableTreeWithoutDndContext = (
+  props: ReactSortableTreeProps
+) => {
   return (
     <DndContext.Consumer>
       {({ dragDropManager }) =>
@@ -974,17 +976,10 @@ const SortableTreeWithoutDndContext = (props: ReactSortableTreeProps) => {
   )
 }
 
-const SortableTree = (props: ReactSortableTreeProps) => {
+export const SortableTree = (props: ReactSortableTreeProps) => {
   return (
     <DndProvider debugMode={props.debugMode} backend={HTML5Backend}>
       <SortableTreeWithoutDndContext {...props} />
     </DndProvider>
   )
 }
-
-// Export the tree component without the react-dnd DragDropContext,
-// for when component is used with other components using react-dnd.
-// see: https://github.com/gaearon/react-dnd/issues/186
-export { SortableTreeWithoutDndContext }
-
-export default SortableTree

src/stories/advanced/childless-nodes.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import SortableTree from '../../../src'
+import { SortableTree } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';
 

src/stories/advanced/generate-node-props.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import SortableTree, { changeNodeAtPath } from '../../../src'
+import { SortableTree, changeNodeAtPath } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';
 

src/stories/advanced/only-expand-searched-node.tsx

@@ -1,5 +1,5 @@
-import React, { Component, useState } from 'react'
-import SortableTree from '../../../src'
+import React, { useState } from 'react'
+import { SortableTree } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';
 

src/stories/advanced/tree-to-tree.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import SortableTree from '../../../src'
+import { SortableTree } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';
 

src/stories/basics/add-remove.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import SortableTree, { addNodeUnderParent, removeNodeAtPath } from '../../../src'
+import { SortableTree, addNodeUnderParent, removeNodeAtPath } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';
 

src/stories/basics/barebones.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import SortableTree from '../../../src'
+import { SortableTree } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';
 

src/stories/basics/callbacks.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import SortableTree from '../../../src'
+import { SortableTree } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';
 

src/stories/basics/can-drop.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import SortableTree from '../../../src'
+import { SortableTree } from '../../../src'
 // In your own app, you would need to use import styles once in the app
 // import 'react-sortable-tree/styles.css';