use-popper - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

dist-node/index.js

@@ -83,2 +83,16 @@ 'use strict';
 
+function useCallbackRef() {
+  const _React$useState = React.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        node = _React$useState2[0],
+        setNode = _React$useState2[1];
+
+  const ref = React.useCallback(node => {
+    if (node !== null) {
+      setNode(node);
+    }
+  }, []);
+  return [node, ref];
+}
+
 const popperStyles = {
@@ -138,16 +152,16 @@ position: 'absolute',
 
-  const _React$useState = React.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        referrenceNode = _React$useState2[0],
-        referrenceRef = _React$useState2[1];
+  const _useCallbackRef = useCallbackRef(),
+        _useCallbackRef2 = _slicedToArray(_useCallbackRef, 2),
+        referrenceNode = _useCallbackRef2[0],
+        referrenceRef = _useCallbackRef2[1];
 
-  const _React$useState3 = React.useState(null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        popperNode = _React$useState4[0],
-        popperRef = _React$useState4[1];
+  const _useCallbackRef3 = useCallbackRef(),
+        _useCallbackRef4 = _slicedToArray(_useCallbackRef3, 2),
+        popperNode = _useCallbackRef4[0],
+        popperRef = _useCallbackRef4[1];
 
-  const _React$useState5 = React.useState(null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        arrowNode = _React$useState6[0],
-        arrowRef = _React$useState6[1];
+  const _useCallbackRef5 = useCallbackRef(),
+        _useCallbackRef6 = _slicedToArray(_useCallbackRef5, 2),
+        arrowNode = _useCallbackRef6[0],
+        arrowRef = _useCallbackRef6[1];
 
@@ -154,0 +168,0 @@ useDeepCompare.useDeepCompareEffect(() => {

dist-src/index.js

 import PopperJS from 'popper.js';
-import React from 'react'; // @ts-ignore
-
+import React from 'react';
 import { useDeepCompareEffect } from 'use-deep-compare';
+import useCallbackRef from "./useCallbackRef.js";
 import usePopperState from "./usePopperState.js";
@@ -15,5 +15,5 @@
   const [popperStyles, updatePopperState] = usePopperState(placement);
-  const [referrenceNode, referrenceRef] = React.useState(null);
-  const [popperNode, popperRef] = React.useState(null);
-  const [arrowNode, arrowRef] = React.useState(null);
+  const [referrenceNode, referrenceRef] = useCallbackRef();
+  const [popperNode, popperRef] = useCallbackRef();
+  const [arrowNode, arrowRef] = useCallbackRef();
   useDeepCompareEffect(() => {
@@ -20,0 +20,0 @@ if (popperInstance.current !== null) {

dist-web/index.js

@@ -77,2 +77,16 @@ import PopperJS from 'popper.js';
 
+function useCallbackRef() {
+  const _React$useState = React.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        node = _React$useState2[0],
+        setNode = _React$useState2[1];
+
+  const ref = React.useCallback(node => {
+    if (node !== null) {
+      setNode(node);
+    }
+  }, []);
+  return [node, ref];
+}
+
 const popperStyles = {
@@ -135,16 +149,16 @@ position: 'absolute',
 
-  const _React$useState = React.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        referrenceNode = _React$useState2[0],
-        referrenceRef = _React$useState2[1];
+  const _useCallbackRef = useCallbackRef(),
+        _useCallbackRef2 = _slicedToArray(_useCallbackRef, 2),
+        referrenceNode = _useCallbackRef2[0],
+        referrenceRef = _useCallbackRef2[1];
 
-  const _React$useState3 = React.useState(null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        popperNode = _React$useState4[0],
-        popperRef = _React$useState4[1];
+  const _useCallbackRef3 = useCallbackRef(),
+        _useCallbackRef4 = _slicedToArray(_useCallbackRef3, 2),
+        popperNode = _useCallbackRef4[0],
+        popperRef = _useCallbackRef4[1];
 
-  const _React$useState5 = React.useState(null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        arrowNode = _React$useState6[0],
-        arrowRef = _React$useState6[1];
+  const _useCallbackRef5 = useCallbackRef(),
+        _useCallbackRef6 = _slicedToArray(_useCallbackRef5, 2),
+        arrowNode = _useCallbackRef6[0],
+        arrowRef = _useCallbackRef6[1];
 
@@ -151,0 +165,0 @@ useDeepCompareEffect(() => {

package.json

 {
   "name": "use-popper",
   "description": "![npm](https://img.shields.io/npm/dt/use-popper.svg) ![npm](https://img.shields.io/npm/v/use-popper.svg) ![NpmLicense](https://img.shields.io/npm/l/use-popper.svg)",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "license": "MIT",
@@ -18,3 +18,3 @@ "esnext": "dist-src/index.js",
   "dependencies": {
-    "popper.js": "1.14.7",
+    "popper.js": "1.15.0",
     "use-deep-compare": "0.1.0"
@@ -29,11 +29,11 @@ },
     "@pika/pack": "0.3.6",
-    "@pika/plugin-build-node": "0.3.14",
+    "@pika/plugin-build-node": "0.3.15",
     "@pika/plugin-build-types": "0.3.14",
-    "@pika/plugin-build-web": "0.3.14",
+    "@pika/plugin-build-web": "0.3.15",
     "@pika/plugin-standard-pkg": "0.3.14",
-    "@types/react": "16.8.10",
+    "@types/react": "16.8.13",
     "react": "16.8.6",
     "react-dom": "16.8.6",
-    "typescript": "3.4.1"
+    "typescript": "3.4.3"
   }
 }

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

18861

increased by6.06%

Number of package files

10

increased by25%

Lines of code

534

increased by7.66%

Dependency changes

• + Addedpopper.js@1.15.0(transitive)

• - Removedpopper.js@1.14.7(transitive)

• Updatedpopper.js@1.15.0