@react-hookz/web - npm Package Compare versions

Comparing version 1.25.1 to 1.26.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [1.26.0](https://github.com/react-hookz/web/compare/v1.25.1...v1.26.0) (2021-06-11)
+
+
+### Features
+
+* new hook `useMediaQuery` ([#116](https://github.com/react-hookz/web/issues/116)) ([be6fff9](https://github.com/react-hookz/web/commit/be6fff9a4752b59a59e7e0f5b02aa6e05fbea62c))
+
 ## [1.25.1](https://github.com/react-hookz/web/compare/v1.25.0...v1.25.1) (2021-06-02)
@@ -2,0 +9,0 @@

cjs/index.d.ts

@@ -16,2 +16,3 @@ export { useDebounceCallback } from './useDebounceCallback/useDebounceCallback';
 export { useToggle } from './useToggle/useToggle';
+export { useValidator, IValidatorImmediate, IValidatorDeferred, IValidator, IValidityState, } from './useValidator/useValidator';
 export { useNetworkState } from './useNetworkState/useNetworkState';
@@ -23,3 +24,3 @@ export { useSyncedRef } from './useSyncedRef/useSyncedRef';
 export { useMeasure } from './useMeasure/useMeasure';
+export { useMediaQuery } from './useMediaQuery/useMediaQuery';
 export { useDocumentTitle, IUseDocumentTitleOptions } from './useDocumentTitle/useDocumentTitle';
-export { useValidator, IValidatorImmediate, IValidatorDeferred, IValidator, IValidityState, } from './useValidator/useValidator';

cjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useValidator = exports.useDocumentTitle = exports.useMeasure = exports.useResizeObserver = exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.useNetworkState = exports.useToggle = exports.useSafeState = exports.usePrevious = exports.useMediatedState = exports.useUpdateEffect = exports.useUnmountEffect = exports.useRerender = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useConditionalUpdateEffect = exports.useConditionalEffect = exports.useRafCallback = exports.useDebounceCallback = void 0;
+exports.useDocumentTitle = exports.useMediaQuery = exports.useMeasure = exports.useResizeObserver = exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.useNetworkState = exports.useValidator = exports.useToggle = exports.useSafeState = exports.usePrevious = exports.useMediatedState = exports.useUpdateEffect = exports.useUnmountEffect = exports.useRerender = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useConditionalUpdateEffect = exports.useConditionalEffect = exports.useRafCallback = exports.useDebounceCallback = void 0;
 // Callback
@@ -37,2 +37,4 @@ var useDebounceCallback_1 = require("./useDebounceCallback/useDebounceCallback");
 Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return useToggle_1.useToggle; } });
+var useValidator_1 = require("./useValidator/useValidator");
+Object.defineProperty(exports, "useValidator", { enumerable: true, get: function () { return useValidator_1.useValidator; } });
 // Navigator
@@ -54,6 +56,6 @@ var useNetworkState_1 = require("./useNetworkState/useNetworkState");
 Object.defineProperty(exports, "useMeasure", { enumerable: true, get: function () { return useMeasure_1.useMeasure; } });
+var useMediaQuery_1 = require("./useMediaQuery/useMediaQuery");
+Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: function () { return useMediaQuery_1.useMediaQuery; } });
 // Dom
 var useDocumentTitle_1 = require("./useDocumentTitle/useDocumentTitle");
 Object.defineProperty(exports, "useDocumentTitle", { enumerable: true, get: function () { return useDocumentTitle_1.useDocumentTitle; } });
-var useValidator_1 = require("./useValidator/useValidator");
-Object.defineProperty(exports, "useValidator", { enumerable: true, get: function () { return useValidator_1.useValidator; } });

esm/index.d.ts

@@ -16,2 +16,3 @@ export { useDebounceCallback } from './useDebounceCallback/useDebounceCallback';
 export { useToggle } from './useToggle/useToggle';
+export { useValidator, IValidatorImmediate, IValidatorDeferred, IValidator, IValidityState, } from './useValidator/useValidator';
 export { useNetworkState } from './useNetworkState/useNetworkState';
@@ -23,3 +24,3 @@ export { useSyncedRef } from './useSyncedRef/useSyncedRef';
 export { useMeasure } from './useMeasure/useMeasure';
+export { useMediaQuery } from './useMediaQuery/useMediaQuery';
 export { useDocumentTitle, IUseDocumentTitleOptions } from './useDocumentTitle/useDocumentTitle';
-export { useValidator, IValidatorImmediate, IValidatorDeferred, IValidator, IValidityState, } from './useValidator/useValidator';

esm/index.js

@@ -19,2 +19,3 @@ // Callback
 export { useToggle } from "./useToggle/useToggle.js";
+export { useValidator, } from "./useValidator/useValidator.js";
 // Navigator
@@ -30,4 +31,4 @@ export { useNetworkState } from "./useNetworkState/useNetworkState.js";
 export { useMeasure } from "./useMeasure/useMeasure.js";
+export { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
 // Dom
 export { useDocumentTitle } from "./useDocumentTitle/useDocumentTitle.js";
-export { useValidator, } from "./useValidator/useValidator.js";

esnext/index.d.ts

@@ -16,2 +16,3 @@ export { useDebounceCallback } from './useDebounceCallback/useDebounceCallback';
 export { useToggle } from './useToggle/useToggle';
+export { useValidator, IValidatorImmediate, IValidatorDeferred, IValidator, IValidityState, } from './useValidator/useValidator';
 export { useNetworkState } from './useNetworkState/useNetworkState';
@@ -23,3 +24,3 @@ export { useSyncedRef } from './useSyncedRef/useSyncedRef';
 export { useMeasure } from './useMeasure/useMeasure';
+export { useMediaQuery } from './useMediaQuery/useMediaQuery';
 export { useDocumentTitle, IUseDocumentTitleOptions } from './useDocumentTitle/useDocumentTitle';
-export { useValidator, IValidatorImmediate, IValidatorDeferred, IValidator, IValidityState, } from './useValidator/useValidator';

esnext/index.js

@@ -19,2 +19,3 @@ // Callback
 export { useToggle } from "./useToggle/useToggle.js";
+export { useValidator, } from "./useValidator/useValidator.js";
 // Navigator
@@ -30,4 +31,4 @@ export { useNetworkState } from "./useNetworkState/useNetworkState.js";
 export { useMeasure } from "./useMeasure/useMeasure.js";
+export { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
 // Dom
 export { useDocumentTitle } from "./useDocumentTitle/useDocumentTitle.js";
-export { useValidator, } from "./useValidator/useValidator.js";

package.json

 {
   "name": "@react-hookz/web",
-  "version": "1.25.1",
+  "version": "1.26.0",
   "description": "React hooks done right, for browser and SSR.",
@@ -40,3 +40,3 @@ "keywords": [
     "new-hook": "node ./utility/add-new-hook.js",
-    "test": "jest",
+    "test": "jest --selectProjects dom ssr",
     "test:coverage": "yarn test --coverage",
@@ -43,0 +43,0 @@ "lint": "eslint ./ ./.storybook --ext ts,js,tsx,jsx,md,mdx",

README.md

@@ -125,2 +125,4 @@ <div align="center">
     — Uses ResizeObserver to track element dimensions and re-render component when they change.
+  - [**`useMediaQuery`**](https://react-hookz.github.io/?path=/docs/sensor-usemediaquery)
+    — Tracks the state of CSS media query.
 
@@ -127,0 +129,0 @@ - #### Dom

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

191066

increased by3.59%

Number of package files

178

increased by3.49%

Lines of code

3803

increased by5.2%

Number of lines in readme file

132

increased by1.54%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes