From 3d39f38f0498ebfeee2e6b7c9c755fe8aa78134f Mon Sep 17 00:00:00 2001
From: Vadim Dalecky <streamich@gmail.com>
Date: Sat, 24 Feb 2018 00:22:46 +0000
Subject: [PATCH] feat: add <WhenIdle> component

---
 src/WhenIdle/index.ts | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/WhenIdle/index.ts

diff --git a/src/WhenIdle/index.ts b/src/WhenIdle/index.ts
new file mode 100644
index 00000000..515bd025
--- /dev/null
+++ b/src/WhenIdle/index.ts
@@ -0,0 +1,39 @@
+import {Component} from 'react';
+
+const RIC = (window as any).requestIdleCallback || ((fn, {timeout = 35} = {}) => setTimeout(fn, 35));
+
+export interface IWhenIdleProps {
+  timeout?: number;
+}
+
+export interface IWhenIdleState {
+  ready: boolean;
+}
+
+export class WhenIdle extends Component<IWhenIdleProps, IWhenIdleState> {
+  mounted = false;
+
+  state: IWhenIdleState = {
+    ready: false
+  };
+
+  componentDidMount () {
+    this.mounted = true;
+
+    const {timeout} = this.props;
+
+    RIC(() => {
+      if (this.mounted) {
+        this.setState({ready: true});
+      }
+    }, {timeout});
+  }
+
+  componentWillUnmount () {
+    this.mounted = false;
+  }
+
+  render () {
+    return this.state.ready ? this.props.children : null;
+  }
+}