Add Resolve component to main index

Author: csvenke

src/components/Resolve/Resolve.tsx

@@ -25,17 +25,18 @@ const initialState = {
 type IResolveState = Readonly<typeof initialState>;
 
 /**
- * A component to render based on a promise
+ * Returns content based on specified promise.
  *
  * @example
+ *
  * <Resolve
- *  promise = {aPromise}
- *  resolved = {
- *    value => <p>{`Resolved value is ${value}`}</p>
- *  } />
+ *  promise={aPromise}
+ *  resolved={value => (
+ *    <p>{`Resolved value ${value}`}</p>
+ *  )}
+ * />
  */
 class Resolve extends React.Component<IResolveProps, IResolveState> {
-  // PropTypes
   public static propTypes = {
     pending: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
     promise: isPromise,
@@ -51,24 +52,53 @@ class Resolve extends React.Component<IResolveProps, IResolveState> {
 
   public componentDidMount() {
     // Start handling the promise, must happen after mount as setState is called when promise is handled
-    this._handlePromise(this.props.promise);
+    this.handlePromise(this.props.promise);
   }
 
   public componentDidUpdate(prevProps) {
     if (this.props.promise !== prevProps.promise) {
       this.setState({
         status: statusTypes.none,
       });
-      this._handlePromise(this.props.promise);
+      this.handlePromise(this.props.promise);
     }
   }
 
   public componentWillUnmount() {
     this.unmounted = true;
   }
 
+  public render() {
+    const { pending, resolved, rejected } = this.props;
+    const { status, value } = this.state;
+
+    switch (status) {
+      case statusTypes.none:
+        break;
+      case statusTypes.pending:
+        if (pending) {
+          return pending;
+        }
+        break;
+      case statusTypes.resolved:
+        if (resolved) {
+          return resolved(value);
+        }
+        break;
+      case statusTypes.rejected:
+        if (rejected) {
+          return rejected(value);
+        }
+        break;
+      default:
+        break;
+    }
+
+    return null;
+  }
+
   // Promise resolver function
-  public _handlePromise(promise) {
+  private handlePromise(promise) {
     // Store the current promise to fast exit if promise is change during handling
     const currentPromise = promise;
     this.setState({
@@ -100,35 +130,6 @@ class Resolve extends React.Component<IResolveProps, IResolveState> {
         }
       });
   }
-
-  public render() {
-    const { pending, resolved, rejected } = this.props;
-    const { status, value } = this.state;
-
-    switch (status) {
-      case statusTypes.none:
-        break;
-      case statusTypes.pending:
-        if (pending) {
-          return pending;
-        }
-        break;
-      case statusTypes.resolved:
-        if (resolved) {
-          return resolved(value);
-        }
-        break;
-      case statusTypes.rejected:
-        if (rejected) {
-          return rejected(value);
-        }
-        break;
-      default:
-        break;
-    }
-
-    return null;
-  }
 }
 
 export default Resolve;

src/index.ts

@@ -1,3 +1,4 @@
 export { default as Map } from './components/Map';
 export { default as Show } from './components/Show';
 export { default as Switch } from './components/Switch';
+export { default as Resolve } from './components/Resolve';

src/utils/index.ts

@@ -1,2 +1,2 @@
-export * from './isEmptyChildren';
+export * from './isEmptyChildren/isEmptyChildren';
 export * from './isPromise/isPromise';