@os-design/utils - npm Package Compare versions

Comparing version 1.0.18 to 1.0.19

dist/cjs/useResizeObserver/index.js

@@ -10,2 +10,4 @@ "use strict";
 
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
 var _useBrowserLayoutEffect = _interopRequireDefault(require("../useBrowserLayoutEffect"));
@@ -21,3 +23,3 @@
  */
-var useResizeObserver = function useResizeObserver(target, listener, options) {
+var useResizeObserver = function useResizeObserver(target, listener) {
   var listenerRef = (0, _react.useRef)();
@@ -43,8 +45,8 @@ (0, _react.useEffect)(function () {
 
-    var resizeObserver = new ResizeObserver(eventListener);
-    resizeObserver.observe(element, options);
+    var resizeObserver = new _resizeObserverPolyfill["default"](eventListener);
+    resizeObserver.observe(element);
     return function () {
       return resizeObserver.unobserve(element);
     };
-  }, [target, options]);
+  }, [target]);
 };
@@ -51,0 +53,0 @@

dist/esm/useResizeObserver/index.js

 import { useEffect, useRef } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
 import useBrowserLayoutEffect from '../useBrowserLayoutEffect';
@@ -8,3 +9,3 @@ /**
 
-const useResizeObserver = (target, listener, options) => {
+const useResizeObserver = (target, listener) => {
   const listenerRef = useRef();
@@ -29,5 +30,5 @@ useEffect(() => {
     const resizeObserver = new ResizeObserver(eventListener);
-    resizeObserver.observe(element, options);
+    resizeObserver.observe(element);
     return () => resizeObserver.unobserve(element);
-  }, [target, options]);
+  }, [target]);
 };
@@ -34,0 +35,0 @@

dist/types/useResizeObserver/index.d.ts

@@ -1,5 +0,4 @@
-/// <reference types="resize-observer-browser" />
 import { RefObject } from 'react';
-declare const useResizeObserver: (target: Element | RefObject<Element>, listener: ResizeObserverCallback, options?: ResizeObserverOptions | undefined) => void;
+declare const useResizeObserver: (target: Element | RefObject<Element>, listener: ResizeObserverCallback) => void;
 export default useResizeObserver;
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@os-design/utils",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "license": "UNLICENSED",
@@ -38,3 +38,6 @@ "repository": "[e-mail]:os-team/libs/os-design.git",
   },
-  "gitHead": "cde59209cb285c2fc5742965b599ba104b84f4ae"
+  "dependencies": {
+    "resize-observer-polyfill": "^1.5.1"
+  },
+  "gitHead": "97433cefc19d9d44aa758a590f52c2784bedfad8"
 }

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

136445

increased by0.02%

Lines of code

1258

increased by0.08%

Worsened metrics

Dependency count

2

increased by100%

Dependency changes

• + Addedresize-observer-polyfill@^1.5.1

• + Addedresize-observer-polyfill@1.5.1(transitive)