react-scrollbar-size - npm Package Compare versions

Comparing version 3.2.0 to 4.0.0-rc.0

CHANGELOG.md

		## HEAD

		## 4.0.0-rc.0
		###### _2021_04_04_
		BREAKING CHANGE
		- Deprecated the legacy component syntax in favor of the custom hook syntax introduced in [#263](https://github.com/shawnmcknight/react-scrollbar-size/pull/263). The custom hook is now the default export from the library. See the [README](https://github.com/shawnmcknight/react-scrollbar-size/blob/main/README.md) for information on how to use the custom hook syntax. ([#309](https://github.com/shawnmcknight/react-scrollbar-size/pull/309) by [@shawnmcknight](https://github.com/shawnmcknight))

		## 3.2.0
		@@ -35,3 +40,3 @@ ###### _2021_03_11_
		## 2.1.0
		###### _2020-01-31_
		###### _2018-01-31_
		- Lodash as a peerDependency was causing missing peerDependency errors. Lodash peerDep replaced with stifle dep (#7 by [@shawnmcknight](https://github.com/shawnmcknight))
		@@ -38,0 +43,0 @@ - Bump several dependency versions

index.d.ts

		@@ -1,6 +0,3 @@
		import ScrollbarSize from './ScrollbarSize';
		import useScrollbarSize from './useScrollbarSize';
		export type { ScrollbarMeasurements } from './useScrollbarSize';
		export type { ScrollbarSizeChangeHandlerParams, ScrollbarSizeProps } from './ScrollbarSize';
		export { useScrollbarSize };
		export default ScrollbarSize;
		export default useScrollbarSize;

index.js

		@@ -6,12 +6,4 @@ "use strict";
		});
		Object.defineProperty(exports, "useScrollbarSize", {
		enumerable: true,
		get: function get() {
		return _useScrollbarSize.default;
		}
		});
		exports.default = void 0;

		var _ScrollbarSize = _interopRequireDefault(require("./ScrollbarSize"));

		var _useScrollbarSize = _interopRequireDefault(require("./useScrollbarSize"));
		@@ -21,3 +13,3 @@

		var _default = _ScrollbarSize.default;
		var _default = _useScrollbarSize.default;
		exports.default = _default;

package.json

		{
		"name": "react-scrollbar-size",
		"version": "3.2.0",
		"description": "React component to calculate the size of browser scrollbars",
		"version": "4.0.0-rc.0",
		"description": "React hook to calculate the size of browser scrollbars",
		"main": "index.js",
		@@ -6,0 +6,0 @@ "repository": {

README.md

		@@ -27,4 +27,6 @@ # React-Scrollbar-Size

		:information_source: The examples referenced here relate to the 4.0.0 release candidate, which can be installed using the `next` tag. Earlier versions of the custom hook syntax can be viewed [here](https://github.com/shawnmcknight/react-scrollbar-size/blob/3.2.0/README.md). Earlier versions of the legacy component syntax can be viewed [here](https://github.com/shawnmcknight/react-scrollbar-size/blob/3.1.1/README.md).

		```sh
		$ npm install react-scrollbar-size
		$ npm install react-scrollbar-size@next
		```
		@@ -40,4 +42,2 @@

		:information_source: The component syntax will be deprecated in version 4. It is currently being provided for backwards compatibility.

		## Examples
		@@ -49,3 +49,3 @@ To see a live example, follow these [instructions](/example/README.md).
		import React, { CSSProperties, FunctionComponent } from 'react';
		import { useScrollbarSize } from 'react-scrollbar-size';
		import useScrollbarSize from 'react-scrollbar-size';

		@@ -77,3 +77,3 @@ const styles: CSSProperties = {
		import React from 'react';
		import { useScrollbarSize } from 'react-scrollbar-size';
		import useScrollbarSize from 'react-scrollbar-size';

		@@ -80,0 +80,0 @@ const styles = {

ScrollbarSize.d.ts

ScrollbarSize.js

New alerts