react-native-toast-message 2.0.2 → 2.1.0-beta.1

package/lib/src/Toast.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import { ToastProps, ToastShowParams } from './types';
+import { ToastProps, ToastRef, ToastShowParams } from './types';
 export declare function Toast(props: ToastProps): JSX.Element;
 export declare namespace Toast {
+    var setRootRef: (ref: ToastRef) => void;
+    var setModalRef: (ref: ToastRef) => void;
     var show: (params: ToastShowParams) => void;
     var hide: (params?: void | undefined) => void;
 }

package/lib/src/Toast.js

@@ -13,15 +13,33 @@ const ToastRoot = React.forwardRef((props, ref) => {
     }));
     return (<ToastUI isVisible={isVisible} options={options} data={data} hide={hide} show={show} config={config}/>);
 });
-const toastRef = React.createRef();
+const rootRef = {
+    current: null
+};
+const modalRef = {
+    current: null
+};
 export function Toast(props) {
+    const { setRef } = props;
     return (<LoggerProvider enableLogs={false}>
-      <ToastRoot ref={toastRef} {...props}/>
+      <ToastRoot ref={setRef} {...props}/>
     </LoggerProvider>);
 }
+Toast.setRootRef = (ref) => {
+    rootRef.current = ref;
+};
+Toast.setModalRef = (ref) => {
+    modalRef.current = ref;
+};
+/**
+ * Get Toast instance ref, by priority
+ */
+function getRef() {
+    return modalRef.current || rootRef.current;
+}
 Toast.show = (params) => {
-    toastRef.current?.show(params);
+    getRef()?.show(params);
 };
 Toast.hide = (params) => {
-    toastRef.current?.hide(params);
+    getRef()?.hide(params);
 };

package/lib/src/types/index.d.ts

@@ -101,11 +101,30 @@ export declare type ToastConfigParams<Props> = {
 export declare type ToastConfig = {
     [key: string]: (params: ToastConfigParams<any>) => React.ReactNode;
 };
+export declare type ToastRef = {
+    show: (params: ToastShowParams) => void;
+    hide: (params: ToastHideParams) => void;
+};
 /**
  * `props` that can be set on the Toast instance.
  * They act as defaults for all Toasts that are shown.
  */
 export declare type ToastProps = {
+    /**
+     * Set a ref to your Toast instance using one of the provided methods:
+     * `Toast.setRootRef` or `Toast.setModalRef`
+     *
+     * ```js
+     * // To set a ref for the Toast rendered in your app root
+     * <Toast setRef={Toast.setRootRef} />
+     * ```
+     *
+     * ```js
+     * // To set a ref for the Toast rendered in a Modal
+     * <Toast setRef={Toast.setModalRef} />
+     * ```
+     */
+    setRef: (ref: ToastRef) => void;
     /**
      * Layout configuration for custom Toast types
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-toast-message",
-  "version": "2.0.2",
+  "version": "2.1.0-beta.1",
   "description": "Toast message component for React Native",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
@@ -21,7 +21,8 @@
     "prettier": "./node_modules/.bin/prettier --write",
     "lint": "./node_modules/.bin/eslint --fix",
     "lint-staged": "./node_modules/.bin/lint-staged",
-    "test": "./node_modules/.bin/jest"
+    "test": "./node_modules/.bin/jest",
+    "yalc:push": "yarn build && yalc publish --push"
   },
   "author": "Calin Tamas <calintamas2@gmail.com>",
   "license": "MIT",
@@ -41,7 +42,8 @@
     "prettier": "^2.4.1",
     "prettier-plugin-import-sort": "^0.0.7",
     "react-test-renderer": "^17.0.2",
-    "typescript": "^4.4.3"
+    "typescript": "^4.4.3",
+    "yalc": "^1.0.0-pre.53"
   },
   "peerDependencies": {
     "react": ">=17.0.2",