refactor: simplify & reduce bundle size

Author: Lodin

.babelrc.js

@@ -13,10 +13,6 @@ module.exports = (api) => ({
     ...(isLib
       ? []
       : [
-          [
-            require('babel-plugin-transform-async-to-promises'),
-            {hoist: true, inlineHelpers: true},
-          ],
           [
             require('@babel/plugin-transform-runtime'),
             {

.eslintrc

@@ -12,7 +12,7 @@
     "jest": true
   },
   "rules": {
-    "guard-for-in": "off",
-    "react/sort-comp": "off"
+    "@typescript-eslint/promise-function-async": "off",
+    "guard-for-in": "off"
   }
 }

package-lock.json

@@ -53,39 +53,38 @@
   "homepage": "https://github.com/Lodin/react-vtree#readme",
   "devDependencies": {
     "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.10.5",
+    "@babel/core": "^7.11.0",
     "@babel/plugin-proposal-class-properties": "^7.10.4",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.10.4",
-    "@babel/plugin-proposal-optional-chaining": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.10.5",
-    "@babel/preset-env": "^7.10.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.11.0",
+    "@babel/plugin-transform-runtime": "^7.11.0",
+    "@babel/preset-env": "^7.11.0",
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "@storybook/addon-knobs": "^5.3.19",
     "@storybook/addon-options": "^5.3.19",
     "@storybook/react": "^5.3.19",
     "@types/classnames": "^2.2.10",
     "@types/enzyme": "^3.10.5",
-    "@types/jest": "^26.0.7",
-    "@types/react": "^16.9.43",
+    "@types/jest": "^26.0.8",
+    "@types/react": "^16.9.44",
     "@types/react-dom": "^16.9.8",
     "@types/react-virtualized-auto-sizer": "^1.0.0",
     "@types/react-window": "^1.8.2",
-    "babel-jest": "^26.2.1",
+    "babel-jest": "^26.2.2",
     "babel-loader": "^8.1.0",
-    "babel-plugin-transform-async-to-promises": "^0.8.15",
     "codecov": "^3.7.2",
     "cross-env": "^7.0.2",
     "cssnano": "^4.1.10",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "eslint": "^7.5.0",
-    "eslint-config-poetez": "git+https://github.com/Lodin/eslint-config-poetez.git#fix/small-improvements",
+    "eslint": "^7.6.0",
+    "eslint-config-poetez": "^1.0.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-prettier": "^3.1.4",
     "husky": "^4.2.5",
-    "jest": "^26.2.1",
+    "jest": "^26.2.2",
     "jest-enzyme": "^7.1.2",
     "lint-staged": "^10.2.11",
     "npm-run-all": "^4.1.5",
@@ -105,6 +104,6 @@
     "react-window": "^1.8.5"
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.5"
+    "@babel/runtime": "^7.11.0"
   }
 }

package.json

@@ -294,7 +294,7 @@ class Tree<
     } as TState;
   }
 
-  public async recomputeTree(options?: TUpdateOptions): Promise<void> {
+  public recomputeTree(options?: TUpdateOptions): Promise<void> {
     return new Promise((resolve) => {
       this.setState<never>(
         (prevState) => prevState.computeTree(this.props, prevState, options),

src/Tree.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {ReactNode} from 'react';
 import {VariableSizeList, VariableSizeListProps} from 'react-window';
 import Tree, {
   createTreeComputer,
@@ -11,10 +11,11 @@ import Tree, {
 } from './Tree';
 import {shouldUpdateRecords, updateRecord, updateRecordOnWalk} from './utils';
 
-export type VariableSizeNodeData = {
+export type VariableSizeNodeData = Readonly<{
   /** Default node height. Can be used only with VariableSizeTree */
-  readonly defaultHeight: number;
-} & NodeData;
+  defaultHeight: number;
+}> &
+  NodeData;
 
 export type VariableSizeNodeComponentProps<
   T extends VariableSizeNodeData
@@ -71,9 +72,10 @@ const computeTree = createTreeComputer<
         record.height = height;
         resetAfterId(record.data.id, shouldForceUpdate);
       },
-      async toggle(): Promise<void> {
+      toggle(): Promise<void> {
         record.isOpen = !record.isOpen;
-        await recomputeTree({
+
+        return recomputeTree({
           refreshNodes: record.isOpen,
           useDefaultHeight: true,
         });
@@ -130,7 +132,7 @@ export class VariableSizeTree<T extends VariableSizeNodeData> extends Tree<
     );
   }
 
-  public render(): React.ReactNode {
+  public render(): ReactNode {
     const {children, itemSize, rowComponent, treeWalker, ...rest} = this.props;
 
     return (

src/VariableSizeTree.tsx

@@ -29,9 +29,10 @@ export const createRecord: DefaultTreeCreatorOptions['createRecord'] = (
   const record = {
     data,
     isOpen: data.isOpenByDefault,
-    async toggle(): Promise<void> {
+    toggle(): Promise<void> {
       record.isOpen = !record.isOpen;
-      await recomputeTree({refreshNodes: record.isOpen});
+
+      return recomputeTree({refreshNodes: record.isOpen});
     },
   };