chore: abandon sandbox temporarily

Author: fritz-c

website/index.js

@@ -3,6 +3,8 @@ import ReactDOM from 'react-dom';
 
 import './index.css';
 import '../style.css';
+import './sandbox/styles.css';
+import SandboxApp from './sandbox/App';
 
 class App extends React.Component {
   render() {
@@ -33,11 +35,14 @@ class App extends React.Component {
         <div className="description">
           Drag-and-drop sortable component for nested data and hierarchies
         </div>
+        <SandboxApp />
+        {/*
         <iframe
           title="sandbox"
           src="https://codesandbox.io/embed/github/frontend-collective/react-sortable-tree/tree/master/website/sandbox?odemirror=1&view=preview"
           sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
         />
+        */}
       </div>
     );
   }

website/sandbox/App.js

@@ -29,19 +29,25 @@ export default class App extends React.Component {
       searchFoundCount: null,
       treeData,
     };
+
+    this.handleTreeOnChange = this.handleTreeOnChange.bind(this);
+    this.handleSearchOnChange = this.handleSearchOnChange.bind(this);
+    this.selectPrevMatch = this.selectPrevMatch.bind(this);
+    this.selectNextMatch = this.selectNextMatch.bind(this);
+    this.toggleNodeExpansion = this.toggleNodeExpansion.bind(this);
   }
 
-  handleTreeOnChange = treeData => {
+  handleTreeOnChange(treeData) {
     this.setState({ treeData });
-  };
+  }
 
-  handleSearchOnChange = e => {
+  handleSearchOnChange(e) {
     this.setState({
       searchString: e.target.value,
     });
-  };
+  }
 
-  selectPrevMatch = () => {
+  selectPrevMatch() {
     const { searchFocusIndex, searchFoundCount } = this.state;
 
     this.setState({
@@ -50,9 +56,9 @@ export default class App extends React.Component {
           ? (searchFoundCount + searchFocusIndex - 1) % searchFoundCount
           : searchFoundCount - 1,
     });
-  };
+  }
 
-  selectNextMatch = () => {
+  selectNextMatch() {
     const { searchFocusIndex, searchFoundCount } = this.state;
 
     this.setState({
@@ -61,16 +67,16 @@ export default class App extends React.Component {
           ? (searchFocusIndex + 1) % searchFoundCount
           : 0,
     });
-  };
+  }
 
-  toggleNodeExpansion = expanded => {
+  toggleNodeExpansion(expanded) {
     this.setState(prevState => ({
       treeData: toggleExpandedForAll({
         treeData: prevState.treeData,
         expanded,
       }),
     }));
-  };
+  }
 
   render() {
     const {

website/sandbox/package.json website/sandbox/online-package.jsonwebsite/sandbox/package.json renamed to website/sandbox/online-package.json

@@ -5,5 +5,8 @@
     "react": "^16",
     "react-dom": "^16",
     "react-sortable-tree": "^2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.4"
   }
 }