Merge pull request dozoisch#179 from codeth/isolated-recaptcha

Add `isolated` prop to component

Author: dozoisch

README.md

@@ -44,6 +44,7 @@ Properties used to customise the rendering:
 | asyncScriptOnLoad | func | *optional* callback when the google recaptcha script has been loaded |
 | badge | enum | *optional* `bottomright`, `bottomleft` or `inline`. Positions reCAPTCHA badge. *Only for invisible reCAPTCHA* |
 | hl | string | *optional* set the hl parameter, which allows the captcha to be used from different languages, see [reCAPTCHA hl] |
+| isolated | bool | *optional* For plugin owners to not interfere with existing reCAPTCHA installations on a page. If true, this reCAPTCHA instance will be part of a separate ID space. *(__default:__ `false`)*
 | onChange | func | The function to be called when the user successfully completes the captcha |
 | onErrored | func | *optional* callback when the challenge errored, most likely due to network issues. |
 | onExpired | func | *optional* callback when the challenge is expired and has to be redone by user. By default it will call the onChange with null to signify expired callback. |

package-lock.json

@@ -93,6 +93,7 @@ export default class ReCAPTCHA extends React.Component {
         stoken: this.props.stoken,
         hl: this.props.hl,
         badge: this.props.badge,
+        isolated: this.props.isolated,
       });
       this.captcha.appendChild(wrapper);
     }
@@ -153,6 +154,7 @@ export default class ReCAPTCHA extends React.Component {
       grecaptcha,
       badge,
       hl,
+      isolated,
       ...childProps
     } = this.props;
     /* eslint-enable no-unused-vars */
@@ -174,6 +176,7 @@ ReCAPTCHA.propTypes = {
   stoken: PropTypes.string,
   hl: PropTypes.string,
   badge: PropTypes.oneOf(["bottomright", "bottomleft", "inline"]),
+  isolated: PropTypes.bool,
 };
 ReCAPTCHA.defaultProps = {
   onChange: () => {},