react-native-toast-message 2.1.7 → 2.1.9

package/CHANGELOG.md

@@ -9,6 +9,18 @@ Headers are one of:
 
 - `Added`, `Changed`, `Removed`, `Fixed` or `Breaking`.
 
+## [2.1.9]
+
+### Added
+
+- feat: add text1Style and text2Style to ToastOptions [#479](https://github.com/calintamas/react-native-toast-message/pull/479)
+
+## [2.1.8]
+
+### Fixed
+
+- Type update: add 'success', 'error' and 'info' to ToastType [#510](https://github.com/calintamas/react-native-toast-message/pull/510)
+
 ## [2.1.7]
 
 ### Fixed

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm version](https://img.shields.io/npm/v/react-native-toast-message)](https://www.npmjs.com/package/react-native-toast-message)
 [![npm downloads](https://img.shields.io/npm/dw/react-native-toast-message)](https://www.npmjs.com/package/react-native-toast-message)
-[![Build](https://github.com/calintamas/react-native-toast-message/workflows/tests/badge.svg)](https://github.com/calintamas/react-native-toast-message/actions?query=workflow%3Atests)
+[![Build](https://github.com/calintamas/react-native-toast-message/actions/workflows/publish.yml/badge.svg)](https://github.com/calintamas/react-native-toast-message/actions/workflows/publish.yml?query=workflow%3Abuild)
 [![Coverage Status](https://coveralls.io/repos/github/calintamas/react-native-toast-message/badge.svg?branch=master)](https://coveralls.io/github/calintamas/react-native-toast-message?branch=main)
 [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
 

package/lib/src/ToastUI.js

@@ -10,7 +10,7 @@ const defaultToastConfig = {
 };
 function renderComponent({ data, options, config, isVisible, show, hide }) {
     const { text1, text2 } = data;
-    const { type, onPress, position, props } = options;
+    const { type, onPress, text1Style, text2Style, position, props } = options;
     const toastConfig = {
         ...defaultToastConfig,
         ...config
@@ -25,6 +25,8 @@ function renderComponent({ data, options, config, isVisible, show, hide }) {
         isVisible,
         text1,
         text2,
+        text1Style,
+        text2Style,
         show,
         hide,
         onPress,

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleProp, TextProps, TextStyle, TouchableOpacityProps, ViewProps, ViewStyle } from 'react-native';
 export declare type ReactChildren = React.ReactNode;
-export declare type ToastType = string;
+export declare type ToastType = 'success' | 'error' | 'info' | (string & {});
 export declare type ToastPosition = 'top' | 'bottom';
 export declare type ToastOptions = {
     /**
@@ -9,6 +9,14 @@ export declare type ToastOptions = {
      * Default value: `success`
      */
     type?: ToastType;
+    /**
+     * Style for the header text in the Toast (text1).
+     */
+    text1Style?: StyleProp<TextStyle>;
+    /**
+     * Style for the inner message text in the Toast (text2).
+     */
+    text2Style?: StyleProp<TextStyle>;
     /**
      * Toast position.
      * Default value: `top`
@@ -93,6 +101,8 @@ export declare type ToastConfigParams<Props> = {
     isVisible: boolean;
     text1?: string;
     text2?: string;
+    text1Style?: StyleProp<TextStyle>;
+    text2Style?: StyleProp<TextStyle>;
     show: (params: ToastShowParams) => void;
     hide: (params: ToastHideParams) => void;
     onPress: () => void;

package/lib/src/useToast.js

@@ -9,6 +9,8 @@ export const DEFAULT_DATA = {
 };
 export const DEFAULT_OPTIONS = {
     type: 'success',
+    text1Style: null,
+    text2Style: null,
     position: 'top',
     autoHide: true,
     visibilityTime: 4000,
@@ -40,13 +42,15 @@ export function useToast({ defaultOptions }) {
     }, [clearTimer, log, options]);
     const show = React.useCallback((params) => {
         log(`Showing with params: ${JSON.stringify(params)}`);
-        const { text1 = DEFAULT_DATA.text1, text2 = DEFAULT_DATA.text2, type = initialOptions.type, position = initialOptions.position, autoHide = initialOptions.autoHide, visibilityTime = initialOptions.visibilityTime, topOffset = initialOptions.topOffset, bottomOffset = initialOptions.bottomOffset, keyboardOffset = initialOptions.keyboardOffset, onShow = initialOptions.onShow, onHide = initialOptions.onHide, onPress = initialOptions.onPress, props = initialOptions.props } = params;
+        const { text1 = DEFAULT_DATA.text1, text2 = DEFAULT_DATA.text2, type = initialOptions.type, text1Style = initialOptions.text1Style, text2Style = initialOptions.text2Style, position = initialOptions.position, autoHide = initialOptions.autoHide, visibilityTime = initialOptions.visibilityTime, topOffset = initialOptions.topOffset, bottomOffset = initialOptions.bottomOffset, keyboardOffset = initialOptions.keyboardOffset, onShow = initialOptions.onShow, onHide = initialOptions.onHide, onPress = initialOptions.onPress, props = initialOptions.props } = params;
         setData({
             text1,
             text2
         });
         setOptions(mergeIfDefined(initialOptions, {
             type,
+            text1Style,
+            text2Style,
             position,
             autoHide,
             visibilityTime,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-toast-message",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "description": "Toast message component for React Native",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",