react-native-walkthrough-tooltip - npm Package Compare versions

Comparing version 1.1.11 to 1.1.12

package.json

 {
   "name": "react-native-walkthrough-tooltip",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "An inline wrapper for calling out React Native components via tooltip",
@@ -5,0 +5,0 @@ "main": "src/tooltip.js",

README.md

@@ -28,3 +28,3 @@ # React Native Walkthrough Tooltip [![npm](https://img.shields.io/npm/v/react-native-walkthrough-tooltip.svg)](https://www.npmjs.com/package/react-native-walkthrough-tooltip) [![npm](https://img.shields.io/npm/dm/react-native-walkthrough-tooltip.svg)](https://www.npmjs.com/package/react-native-walkthrough-tooltip)
 
-For Version 1.0, the library was refactored and simplified. 
+For Version 1.0, the library was refactored and simplified.
 
@@ -46,2 +46,4 @@ - **No more `animated` prop** - if you want to have your tooltips animated, use the last stable version: `0.6.1`. Hopefully animations can be added again in the sure (great idea for a PR!)
 
+To see an expo snack example, click [here](https://snack.expo.io/@matthewliuhello/react-native-walkthrough-tooltip-example)
+
 ```js
@@ -98,8 +100,9 @@ import Tooltip from 'react-native-walkthrough-tooltip';
 
-| Prop name       | Effect                                                                          |
-| --------------- | ------------------------------------------------------------------------------- |
-| arrowStyle      | Styles the triangle that points to the called out element                       |
-| backgroundStyle | Styles the overlay view that sits behind the tooltip, but over the current view |
-| contentStyle    | Styles the content wrapper that surrounds the `content` element                 |
-| tooltipStyle    | Styles the tooltip that wraps the arrow and content elements                    |
+| Prop name            | Effect                                                                          |
+| -------------------- | ------------------------------------------------------------------------------- |
+| arrowStyle           | Styles the triangle that points to the called out element                       |
+| backgroundStyle      | Styles the overlay view that sits behind the tooltip, but over the current view |
+| contentStyle         | Styles the content wrapper that surrounds the `content` element                 |
+| tooltipStyle         | Styles the tooltip that wraps the arrow and content elements                    |
+| childrenWrapperStyle | Styles the view that wraps cloned children                                      |
 
@@ -106,0 +109,0 @@ ### Class definitions for props

src/tooltip.d.ts

@@ -44,2 +44,5 @@ // Type definitions for react-native-walkthrough-tooltip 1.0.0
     tooltipStyle?: StyleProp<ViewStyle>;
+
+    // Styles the View element that wraps the children to clone it
+    childrenWrapperStyle?: StyleProp<ViewStyle>;
   }
@@ -46,0 +49,0 @@

src/tooltip.js

@@ -68,3 +68,3 @@ import React, { Component } from 'react';
       console.warn(
-        '[react-native-walkthrough-tooltip] onClose prop no provided',
+        '[react-native-walkthrough-tooltip] onClose prop not provided',
       );
@@ -163,3 +163,3 @@ },
     if (this.interactionPromise) {
-     this.interactionPromise.cancel();
+      this.interactionPromise.cancel();
     }
@@ -362,11 +362,14 @@ }
           pointerEvents={this.props.allowChildInteraction ? 'box-none' : 'none'}
-          style={{
-            position: 'absolute',
-            height,
-            width,
-            top: y,
-            left: x,
-            alignItems: 'center',
-            justifyContent: 'center',
-          }}
+          style={[
+            {
+              position: 'absolute',
+              height,
+              width,
+              top: y,
+              left: x,
+              alignItems: 'center',
+              justifyContent: 'center',
+            },
+            this.props.childrenWrapperStyle,
+          ]}
         >
@@ -373,0 +376,0 @@ {this.props.children}

No alert changes

Improved metrics

Total package byte prevSize

47753

increased by0.99%

Lines of code

1077

increased by0.47%

Number of lines in readme file

128

increased by2.4%

No dependency changes