feat(🎣 BlueRainHook Component): New component to handler async hook l…

…ogic

Processes the async hook logic and returns final value as a param in
render prop function

COMMIT.md

@@ -4,7 +4,9 @@ Emoji reference of Commitizen scopes for this repo:
 📦 BlueRainModule
 🎁 ComponentRegistry
 🎣 HookRegistry
+🎣 BlueRainHook Component
 🗿 Icons
+🍱 JSON Schema
 🔌 PluginRegistry
 📖 README
 📕 Storybook

src/components/BlueRainHook/BlueRainHook.tsx

@@ -0,0 +1,45 @@
+import { BlueRain } from '../../BlueRain';
+import { BlueRainConsumer } from '../../Context';
+import Loadable from 'react-loadable';
+import React from 'react';
+
+// const example = () => (
+// 	<BlueRainHook hook="bluerain.event" value={5} args={{ foo: 'bar' }}>
+// 	{(value) => console.log(value)}
+// 	</BlueRainHook>
+// );
+
+export interface BlueRainHookProperties<T = any> {
+	hook: string;
+	value: T;
+	args?: { [key: string]: any };
+	children: ((value: any) => React.ReactNode);
+}
+
+export class BlueRainHook extends React.PureComponent<BlueRainHookProperties> {
+
+	public static defaultProps = {
+		args: {}
+	};
+
+	render() {
+
+		const { hook, value, args, children } = this.props;
+
+		return (
+			<BlueRainConsumer children={(BR: BlueRain) => {
+
+				const AsyncBlueRainHook = Loadable({
+					loader: () => BR.Hooks.run(hook, value, args),
+					loading: () => <BR.Components.Text>Loading</BR.Components.Text>,
+					render(loadedValue: any) {
+						return children(loadedValue);
+					}
+				});
+
+				return <AsyncBlueRainHook />;
+
+			}} />
+		);
+	}
+}

src/components/BlueRainHook/index.ts

@@ -0,0 +1 @@
+export * from './BlueRainHook';