@react-hookz/web - npm Package Compare versions

Comparing version 14.4.0 to 14.5.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [14.5.0](https://github.com/react-hookz/web/compare/v14.4.0...v14.5.0) (2022-06-30)
+
+
+### Features
+
+* implement `useHookableRef` hook ([f41ab22](https://github.com/react-hookz/web/commit/f41ab226d4708a827724be3580d74dcef2baaee9))
+
 # [14.4.0](https://github.com/react-hookz/web/compare/v14.3.0...v14.4.0) (2022-06-30)
@@ -2,0 +9,0 @@

cjs/index.d.ts

@@ -52,1 +52,2 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { IEffectCallback, IEffectHook } from './util/misc';
+export { useHookableRef } from './useHookableRef/useHookableRef';

cjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.truthyAndArrayPredicate = exports.useWindowSize = exports.useEventListener = exports.useDocumentTitle = exports.useClickOutside = exports.useScreenOrientation = exports.useKeyboardEvent = exports.useMediaQuery = exports.useMeasure = exports.useResizeObserver = exports.useIntersectionObserver = exports.useAsyncAbortable = exports.useAsync = exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.useVibrate = exports.usePermission = exports.useNetworkState = exports.useCounter = exports.useValidator = exports.useThrottledState = exports.useToggle = exports.useSet = exports.useSafeState = exports.useRafState = exports.usePreviousDistinct = exports.usePrevious = exports.useMediatedState = exports.useMap = exports.useList = exports.useDebouncedState = exports.useIntervalEffect = exports.useLifecycleLogger = exports.useUpdateEffect = exports.useUnmountEffect = exports.useThrottledEffect = exports.useRerender = exports.useRafEffect = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useDeepCompareEffect = exports.useDebouncedEffect = exports.useCustomCompareEffect = exports.useConditionalEffect = exports.useThrottledCallback = exports.useRafCallback = exports.useDebouncedCallback = void 0;
-exports.truthyOrArrayPredicate = void 0;
+exports.useHookableRef = exports.truthyOrArrayPredicate = void 0;
 /* eslint-disable import/no-cycle */
@@ -115,1 +115,3 @@ // Callback
 Object.defineProperty(exports, "truthyOrArrayPredicate", { enumerable: true, get: function () { return const_1.truthyOrArrayPredicate; } });
+var useHookableRef_1 = require("./useHookableRef/useHookableRef");
+Object.defineProperty(exports, "useHookableRef", { enumerable: true, get: function () { return useHookableRef_1.useHookableRef; } });

esm/index.d.ts

@@ -52,1 +52,2 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { IEffectCallback, IEffectHook } from './util/misc';
+export { useHookableRef } from './useHookableRef/useHookableRef';

esm/index.js

@@ -60,1 +60,2 @@ /* eslint-disable import/no-cycle */
 export { truthyAndArrayPredicate, truthyOrArrayPredicate } from "./util/const.js";
+export { useHookableRef } from "./useHookableRef/useHookableRef.js";

esnext/index.d.ts

@@ -52,1 +52,2 @@ export { useDebouncedCallback } from './useDebouncedCallback/useDebouncedCallback';
 export { IEffectCallback, IEffectHook } from './util/misc';
+export { useHookableRef } from './useHookableRef/useHookableRef';

esnext/index.js

@@ -60,1 +60,2 @@ /* eslint-disable import/no-cycle */
 export { truthyAndArrayPredicate, truthyOrArrayPredicate } from "./util/const.js";
+export { useHookableRef } from "./useHookableRef/useHookableRef.js";

package.json

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

README.md

@@ -87,2 +87,4 @@ <div align="center">
     — Return boolean that is `true` only on first render.
+  - [**`useIntervalEffect`**](https://react-hookz.github.io/web/?path=/docs/lifecycle-useintervaleffect--example)
+    — Like `setInterval` but in form of react hook.
   - [**`useIsMounted`**](https://react-hookz.github.io/web/?path=/docs/lifecycle-useismounted--example)
@@ -106,4 +108,2 @@ — Returns function that yields current mount state.
     — This hook provides a console log when the component mounts, updates and unmounts.
-  - [**`useInterval`**](https://react-hookz.github.io/web/?path=/docs/lifecycle-useintervaleffect--example)
-    — Like `setInterval` but in form of react hook.
 
@@ -152,2 +152,4 @@ - #### State
     — Like `useRef`, but it returns immutable ref that contains actual value.
+  - [**`useHookableRef`**](https://react-hookz.github.io/web/?path=/docs/miscellaneous-usehookableref--example)
+    — Like `useRef` but it is possible to define get and set handlers.
 
@@ -154,0 +156,0 @@ - #### Side-effect

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

466586

increased by1.15%

Number of package files

352

increased by1.73%

Lines of code

9456

increased by1.11%

Number of lines in readme file

193

increased by1.05%

No dependency changes