@react-hookz/web - npm Package Compare versions

Comparing version 3.7.0 to 3.8.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [3.8.0](https://github.com/react-hookz/web/compare/v3.7.0...v3.8.0) (2021-07-03)
+
+
+### Features
+
+* new hook useIntersectionObserver ([#170](https://github.com/react-hookz/web/issues/170)) ([e97c163](https://github.com/react-hookz/web/commit/e97c16317b8113d957a7eb8fd6856c405956cb67))
+
 # [3.7.0](https://github.com/react-hookz/web/compare/v3.6.0...v3.7.0) (2021-07-03)
@@ -2,0 +9,0 @@

cjs/index.d.ts

@@ -31,2 +31,3 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { useAsync, IAsyncState, IAsyncStatus, IUseAsyncActions, IUseAsyncMeta, IUseAsyncOptions, } from './useAsync/useAsync';
+export { useIntersectionObserver, IUseIntersectionObserverOptions, } from './useIntersectionObserver/useIntersectionObserver';
 export { useResizeObserver, IUseResizeObserverCallback, } from './useResizeObserver/useResizeObserver';
@@ -33,0 +34,0 @@ export { useMeasure } from './useMeasure/useMeasure';

cjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEventListener = exports.useDocumentTitle = exports.useClickOutside = exports.useMediaQuery = exports.useMeasure = exports.useResizeObserver = exports.useAsync = exports.useCookieValue = exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.usePermission = exports.useNetworkState = exports.useValidator = exports.useThrottledState = exports.useToggle = exports.useSet = exports.useSafeState = exports.usePrevious = exports.useMediatedState = exports.useMap = exports.useDebouncedState = exports.useUpdateEffect = exports.useUnmountEffect = exports.useThrottledEffect = exports.useRerender = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useDebouncedEffect = exports.useConditionalUpdateEffect = exports.useConditionalEffect = exports.useThrottledCallback = exports.useRafCallback = exports.useDebouncedCallback = void 0;
+exports.useEventListener = exports.useDocumentTitle = exports.useClickOutside = exports.useMediaQuery = exports.useMeasure = exports.useResizeObserver = exports.useIntersectionObserver = exports.useAsync = exports.useCookieValue = exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.usePermission = exports.useNetworkState = exports.useValidator = exports.useThrottledState = exports.useToggle = exports.useSet = exports.useSafeState = exports.usePrevious = exports.useMediatedState = exports.useMap = exports.useDebouncedState = exports.useUpdateEffect = exports.useUnmountEffect = exports.useThrottledEffect = exports.useRerender = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useDebouncedEffect = exports.useConditionalUpdateEffect = exports.useConditionalEffect = exports.useThrottledCallback = exports.useRafCallback = exports.useDebouncedCallback = void 0;
 // Callback
@@ -71,2 +71,4 @@ var useDebouncedCallback_1 = require("./useDebouncedCallback/useDebouncedCallback");
 // Sensor
+var useIntersectionObserver_1 = require("./useIntersectionObserver/useIntersectionObserver");
+Object.defineProperty(exports, "useIntersectionObserver", { enumerable: true, get: function () { return useIntersectionObserver_1.useIntersectionObserver; } });
 var useResizeObserver_1 = require("./useResizeObserver/useResizeObserver");
@@ -73,0 +75,0 @@ Object.defineProperty(exports, "useResizeObserver", { enumerable: true, get: function () { return useResizeObserver_1.useResizeObserver; } });

esm/index.d.ts

@@ -31,2 +31,3 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { useAsync, IAsyncState, IAsyncStatus, IUseAsyncActions, IUseAsyncMeta, IUseAsyncOptions, } from './useAsync/useAsync';
+export { useIntersectionObserver, IUseIntersectionObserverOptions, } from './useIntersectionObserver/useIntersectionObserver';
 export { useResizeObserver, IUseResizeObserverCallback, } from './useResizeObserver/useResizeObserver';
@@ -33,0 +34,0 @@ export { useMeasure } from './useMeasure/useMeasure';

esm/index.js

@@ -38,2 +38,3 @@ // Callback
 // Sensor
+export { useIntersectionObserver, } from "./useIntersectionObserver/useIntersectionObserver.js";
 export { useResizeObserver, } from "./useResizeObserver/useResizeObserver.js";
@@ -40,0 +41,0 @@ export { useMeasure } from "./useMeasure/useMeasure.js";

esnext/index.d.ts

@@ -31,2 +31,3 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { useAsync, IAsyncState, IAsyncStatus, IUseAsyncActions, IUseAsyncMeta, IUseAsyncOptions, } from './useAsync/useAsync';
+export { useIntersectionObserver, IUseIntersectionObserverOptions, } from './useIntersectionObserver/useIntersectionObserver';
 export { useResizeObserver, IUseResizeObserverCallback, } from './useResizeObserver/useResizeObserver';
@@ -33,0 +34,0 @@ export { useMeasure } from './useMeasure/useMeasure';

esnext/index.js

@@ -38,2 +38,3 @@ // Callback
 // Sensor
+export { useIntersectionObserver, } from "./useIntersectionObserver/useIntersectionObserver.js";
 export { useResizeObserver, } from "./useResizeObserver/useResizeObserver.js";
@@ -40,0 +41,0 @@ export { useMeasure } from "./useMeasure/useMeasure.js";

package.json

 {
   "name": "@react-hookz/web",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "description": "React hooks done right, for browser and SSR.",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -141,2 +141,4 @@ <div align="center">
 
+  - [**`useIntersectionObserver`**](https://react-hookz.github.io/web/?path=/docs/sensor-useintersectionobserver)
+    — Observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.
   - [**`useMeasure`**](https://react-hookz.github.io/web/?path=/docs/sensor-usemeasure)
@@ -143,0 +145,0 @@ — Uses ResizeObserver to track element dimensions and re-render component when they change.

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

313319

increased by6.81%

Number of package files

256

increased by2.4%

Lines of code

6515

increased by6.98%

Number of lines in readme file

158

increased by1.28%

No dependency changes