use-resize-observer - npm Package Compare versions

Comparing version 3.1.0 to 4.0.0

CHANGELOG.md

		# CHANGELOG

		## 4.0.0

		- Added option to pass default width and height. Useful when using the lib with
		SSR. (Thanks [Simon Boudrias](https://github.com/SBoudrias) and
		[Fokke Zandbergen](https://github.com/FokkeZB))
		- Dep upgrades
		- [BREAKING] Removed TS types. See:
		- https://github.com/ZeeCoder/use-resize-observer/issues/12
		- https://github.com/ZeeCoder/use-resize-observer/pull/13
		- https://github.com/ZeeCoder/use-resize-observer/pull/8

		## 3.1.0
		@@ -9,4 +20,4 @@

		- [BREAKING] Requires React 16.8.0 or above, which is the first non-alpha release
		that includes hooks
		- [BREAKING] Requires React 16.8.0 or above, which is the first non-alpha
		release that includes hooks

		@@ -13,0 +24,0 @@ ## 2.0.1

dist/bundle.cjs.js

		@@ -47,5 +47,11 @@ 'use strict';
		function index () {
		var ref = react.useRef();
		var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref$defaultWidth = _ref.defaultWidth,
		defaultWidth = _ref$defaultWidth === void 0 ? 1 : _ref$defaultWidth,
		_ref$defaultHeight = _ref.defaultHeight,
		defaultHeight = _ref$defaultHeight === void 0 ? 1 : _ref$defaultHeight;

		var _useState = react.useState(1),
		var ref = react.useRef(null);

		var _useState = react.useState(defaultWidth),
		_useState2 = _slicedToArray(_useState, 2),
		@@ -55,3 +61,3 @@ width = _useState2[0],

		var _useState3 = react.useState(1),
		var _useState3 = react.useState(defaultHeight),
		_useState4 = _slicedToArray(_useState3, 2),
		@@ -58,0 +64,0 @@ height = _useState4[0],

dist/bundle.esm.js

		@@ -1,2 +0,2 @@
		import { useEffect, useState, useRef } from 'react';
		import { useRef, useState, useEffect } from 'react';
		import ResizeObserver from 'resize-observer-polyfill';
		@@ -43,5 +43,11 @@
		function index () {
		var ref = useRef();
		var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
		_ref$defaultWidth = _ref.defaultWidth,
		defaultWidth = _ref$defaultWidth === void 0 ? 1 : _ref$defaultWidth,
		_ref$defaultHeight = _ref.defaultHeight,
		defaultHeight = _ref$defaultHeight === void 0 ? 1 : _ref$defaultHeight;

		var _useState = useState(1),
		var ref = useRef(null);

		var _useState = useState(defaultWidth),
		_useState2 = _slicedToArray(_useState, 2),
		@@ -51,3 +57,3 @@ width = _useState2[0],

		var _useState3 = useState(1),
		var _useState3 = useState(defaultHeight),
		_useState4 = _slicedToArray(_useState3, 2),
		@@ -54,0 +60,0 @@ height = _useState4[0],

package.json

		{
		"name": "use-resize-observer",
		"version": "3.1.0",
		"version": "4.0.0",
		"main": "dist/bundle.cjs.js",
		@@ -12,4 +12,6 @@ "module": "dist/bundle.esm.js",
		"build": "rollup -c",
		"watch": "rollup -c -w",
		"test": "karma start",
		"test:build": "parcel build tests/index.js --out-dir tests/dist",
		"test:watch": "parcel watch tests/index.js --out-dir tests/dist",
		"prepublish": "yarn build"
		@@ -40,8 +42,8 @@ },
		"delay": "^4.1.0",
		"husky": "^1.1.2",
		"karma": "^3.1.3",
		"karma-chrome-launcher": "^2.2.0",
		"husky": "^3.0.1",
		"karma": "^4.2.0",
		"karma-chrome-launcher": "^3.0.0",
		"karma-jasmine": "^2.0.1",
		"karma-spec-reporter": "^0.0.32",
		"lint-staged": "^7.3.0",
		"lint-staged": "^9.2.0",
		"parcel-bundler": "^1.10.3",
		@@ -51,6 +53,5 @@ "prettier": "^1.14.3",
		"react-dom": "^16.8.1",
		"rollup": "^0.66.6",
		"rollup": "^1.17.0",
		"rollup-plugin-babel": "^4.0.3"
		},
		"types": "index.d.ts"
		}
		}

README.md

		@@ -14,3 +14,3 @@ # use-resize-observer

		```
		```sh
		yarn add use-resize-observer
		@@ -38,2 +38,16 @@ # or

		## SSR, Default Size

		You can set the default size, which is useful for SSR.

		```js
		const [ref, width, height] = useResizeObserver({
		defaultWidth: 100,
		defaultHeight: 50
		});

		// width / height will be 100 and 50 respectively, until the ResizeObserver
		// kicks in and reports the actual size.
		```

		## Notes
		@@ -40,0 +54,0 @@

index.d.ts

Improved metrics