react-native-signature-canvas 4.3.0 → 4.4.1

package/README.md

@@ -58,7 +58,7 @@ import SignatureScreen from 'react-native-signature-canvas';
 | bgSrc                               |  `string`  | background image source uri (_url_)                                                                                                                  |
 | clearText                           |  `string`  | clear button text                                                                                                                                     |
 | confirmText                         |  `string`  | save button text                                                                                                                                      |
-| customHtml                          | `function` | html string that lets you modify things like the layout or elements                                                                                   |
+| customHtml                          | `(injectedJavaScript: string) => string` | html string that lets you modify things like the layout or elements                                                                                   |
 | dataURL                             |  `string`  | default is "", Base64 string, draws saved signature from dataURL.                                                                                     |
 | descriptionText                     |  `string`  | description text for signature                                                                                                                        |
 | dotSize                             |  `number`  | radius of a single dot _(not stroke width)_                                                                                                           |

package/index.d.ts

@@ -17,7 +17,7 @@ declare module "react-native-signature-canvas" {
     bgSrc?: string;
     clearText?: string;
     confirmText?: string;
-    customHtml?: string | null | undefined;
+    customHtml?: (injectedJavaScript: string) => string;
     dataURL?: DataURL;
     descriptionText?: string;
     dotSize?: number;
@@ -31,7 +31,7 @@ declare module "react-native-signature-canvas" {
     onRedo?: () => void;
     onDraw?: () => void;
     onErase?: () => void;
-    onGetData?: () => void;
+    onGetData?: (data: any) => void;
     onChangePenColor?: () => void;
     onChangePenSize?: () => void;
     onBegin?: () => void;

package/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useMemo, useRef, forwardRef, useImperativeHandle } from "react";
+import React, { useState, useEffect, useMemo, useRef, forwardRef, useImperativeHandle } from "react";
 import { View, StyleSheet, ActivityIndicator } from "react-native";
 
 import htmlContent from "./h5/html";
@@ -69,7 +69,7 @@ const SignatureView = forwardRef(({
     injectedJavaScript = injectedJavaScript.replace(/<%dotSize%>/g, dotSize);
     injectedJavaScript = injectedJavaScript.replace(/<%minWidth%>/g, minWidth);
     injectedJavaScript = injectedJavaScript.replace(/<%maxWidth%>/g, maxWidth);
-    
+
     let html = htmlContentValue(injectedJavaScript);
     html = html.replace(/<%bgWidth%>/g, bgWidth);
     html = html.replace(/<%bgHeight%>/g, bgHeight);
@@ -84,8 +84,13 @@ const SignatureView = forwardRef(({
     html = html.replace(/<%orientation%>/g, rotated);
 
     return { html };
-  }, [customHtml, autoClear, trimWhitespace, rotated, imageType, webStyle, descriptionText, confirmText, clearText, dataURL])
-  
+  }, [customHtml, autoClear, trimWhitespace, rotated, imageType, webStyle, descriptionText, confirmText, clearText, dataURL, bgSrc, bgWidth, bgHeight])
+
+  useEffect(()=> {
+    if(webViewRef.current) {
+      webViewRef.current.reload();
+    } }, [source]);
+
   const isJson = (str)=> {
     try {
         JSON.parse(str);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "react-native-signature-canvas",
-  "version": "4.3.0",
+  "version": "4.4.1",
   "description": "React Native Signature Component based Canvas for Android && IOS && expo",
   "main": "index.js",
   "scripts": {
-    "build": "npm publish",
+    "publish": "npm publish",
     "genlog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
     "postversion": "git push --follow-tags"
   },
@@ -28,10 +28,7 @@
     "url": "https://github.com/YanYuanFE/react-native-signature-canvas/issues"
   },
   "homepage": "https://github.com/YanYuanFE/react-native-signature-canvas#readme",
-  "devDependencies": {
-    "react-native-webview": "^11.0.3"
-  },
   "peerDependencies": {
-    "react-native-webview": "^11.0.3"
+    "react-native-webview": "11.18.1"
   }
 }