feat(Context): Add 'Provider' and 'HOC' to simplify use

Author: Mattia Panzeri

package.json

@@ -15,6 +15,7 @@
  "react-native": ">=0.54.0"
  },
  "dependencies": {
+ "hoist-non-react-statics": "^3.0.1",
  "react-native-iphone-x-helper": "^1.2.0",
  "react-native-swipe-gestures": "^1.0.2"
  },

src/context.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const context = React.createContext(() => {});
+
+export default context;

src/index.js

@@ -1 +1,4 @@
 export { default as Notification } from './notification';
+
+export { default as Provider } from './provider';
+export { default as withInAppNotification } from './with-in-app-notification.hoc';

src/provider.js

@@ -0,0 +1,38 @@
+import React, { Children } from 'react';
+import PropTypes from 'prop-types';
+
+import Context from './context';
+import Notification from './notification';
+
+class Provider extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.showNotification = this.showNotification.bind(this);
+ }
+
+ showNotification(notificationOptions) {
+ if (this.notification) {
+ this.notification.show(notificationOptions);
+ }
+ }
+
+ render() {
+ return (
+ <Context.Provider value={this.showNotification}>
+ {Children.only(this.props.children)}
+ <Notification
+ ref={(ref) => {
+ this.notification = ref;
+ }}
+ />
+ </Context.Provider>
+ );
+ }
+}
+
+Provider.propTypes = {
+ children: PropTypes.element.isRequired,
+};
+
+export default Provider;

src/with-in-app-notification.hoc.js

@@ -0,0 +1,29 @@
+import React from 'react';
+
+import hoistNonReactStatic from 'hoist-non-react-statics';
+
+import Context from '~/react-native-in-app-notification/src/context';
+
+function withInAppNotification(WrappedComponent) {
+ class Enhanced extends React.PureComponent {
+ render() {
+ return (
+ <Context.Consumer>
+ {showNotification => (
+ <WrappedComponent
+ {...this.props}
+ showNotification={showNotification}
+ />
+ )}
+ </Context.Consumer>
+ );
+ }
+ }
+
+ // Pass over static props
+ hoistNonReactStatic(Enhanced, WrappedComponent);
+
+ return Enhanced;
+}
+
+export default withInAppNotification;