react-onclickoutside - npm Package Compare versions

Comparing version 5.2.0 to 5.3.0

index.js

@@ -109,3 +109,3 @@ /**
             ReactDOM.findDOMNode(instance),
-            instance.handleClickOutside.bind(instance),
+            instance.handleClickOutside.bind(instance, undefined),
             this.props.outsideClickIgnoreClass || IGNORE_CLASS,
@@ -195,2 +195,8 @@ this.props.preventDefault || false,
 
+      // Add display name for React devtools
+      (function bindWrappedComponentName(c, wrapper) {
+        var componentName = c.displayName || c.name || 'Component'
+        wrapper.displayName = 'OnClickOustide(' + componentName + ')';
+      }(Component, wrapComponentWithOnClickOutsideHandling));
+
       return wrapComponentWithOnClickOutsideHandling;
@@ -197,0 +203,0 @@ };

package.json

 {
   "name": "react-onclickoutside",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "An onClickOutside mixin for React components",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -5,3 +5,3 @@ # An onClickOutside wrapper for React components
 
-Note that this HOC relies on the `.classList` property, which is supported by all modern browsers, but not by no longer supported browsers like IE9 or older. If your code relies on classList in any way, you want to use a [classlist-polyfill](https://github.com/eligrey/classList.js).
+Note that this HOC relies on the `.classList` property, which is supported by all modern browsers, but not by no longer supported browsers like IE9 or older. If your code relies on classList in any way, you want to use a polyfill like [dom4](https://github.com/WebReflection/dom4)
 
@@ -142,4 +142,4 @@ ## Installation
 
-If you need this to work, you can add a shim for `classList` to your page(s), loaded before you load your React code, and you'll have instantly fixed *every* library that you might remotely rely on that makes use of the `classList` property. You can find several shims quite easily, the usualy "first try" shim is the one given over on https://developer.mozilla.org/en/docs/Web/API/Element/classList
+If you need this to work, you can add a shim for `classList` to your page(s), loaded before you load your React code, and you'll have instantly fixed *every* library that you might remotely rely on that makes use of the `classList` property. You can find several shims quite easily, a good one to start with is the [dom4](https://github.com/WebReflection/dom4) shim, which addss all manner of good DOM4 properties to "not quite at DOM4 yet" browser implementations.
 
 Eventually this problem will stop being one, but in the mean time *you* are responsible for making *your* site work by shimming everything that needs shimming for IE.  As such, **if you file a PR to fix classList-and-SVG issues specifically for this library, your PR will be clossed and I will politely point you to this README.md section**. I will not accept PRs to fix this issue. You already have the power to fix it, and I expect you to take responsibility as a fellow developer to let Microsoft know you need them to implement this.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21239

increased by1.8%

Lines of code

316

increased by1.61%

No dependency changes