use-callback-ref
Advanced tools
Comparing version 1.2.2 to 1.2.3
export { assignRef } from './assignRef'; | ||
// callback ref | ||
export { useCallbackRef } from './useRef'; | ||
export { createCallbackRef } from './createRef'; | ||
// merge ref | ||
export { mergeRefs } from './mergeRef'; | ||
export { useMergeRefs } from './useMergeRef'; | ||
// transform ref | ||
export { useTransformRef } from './useTransformRef'; | ||
export { transformRef } from './transformRef'; | ||
// refToCallback | ||
export { refToCallback, useRefToCallback } from './refToCallback'; |
@@ -12,2 +12,4 @@ export function refToCallback(ref) { | ||
var nullCallback = function () { return null; }; | ||
// lets maintain a weak ref to, well, ref :) | ||
// not using `kashe` to keep this package small | ||
var weakMem = new WeakMap(); | ||
@@ -14,0 +16,0 @@ var weakMemoize = function (ref) { |
import { useState } from 'react'; | ||
export function useCallbackRef(initialValue, callback) { | ||
var ref = useState(function () { return ({ | ||
// value | ||
value: initialValue, | ||
// last callback | ||
callback: callback, | ||
// "memoized" public interface | ||
facade: { | ||
@@ -19,4 +22,5 @@ get current() { | ||
}); })[0]; | ||
// update callback | ||
ref.callback = callback; | ||
return ref.facade; | ||
} |
@@ -5,2 +5,3 @@ "use strict"; | ||
exports.assignRef = assignRef_1.assignRef; | ||
// callback ref | ||
var useRef_1 = require("./useRef"); | ||
@@ -10,2 +11,3 @@ exports.useCallbackRef = useRef_1.useCallbackRef; | ||
exports.createCallbackRef = createRef_1.createCallbackRef; | ||
// merge ref | ||
var mergeRef_1 = require("./mergeRef"); | ||
@@ -15,2 +17,3 @@ exports.mergeRefs = mergeRef_1.mergeRefs; | ||
exports.useMergeRefs = useMergeRef_1.useMergeRefs; | ||
// transform ref | ||
var useTransformRef_1 = require("./useTransformRef"); | ||
@@ -20,4 +23,5 @@ exports.useTransformRef = useTransformRef_1.useTransformRef; | ||
exports.transformRef = transformRef_1.transformRef; | ||
// refToCallback | ||
var refToCallback_1 = require("./refToCallback"); | ||
exports.refToCallback = refToCallback_1.refToCallback; | ||
exports.useRefToCallback = refToCallback_1.useRefToCallback; |
@@ -15,2 +15,4 @@ "use strict"; | ||
var nullCallback = function () { return null; }; | ||
// lets maintain a weak ref to, well, ref :) | ||
// not using `kashe` to keep this package small | ||
var weakMem = new WeakMap(); | ||
@@ -17,0 +19,0 @@ var weakMemoize = function (ref) { |
@@ -6,4 +6,7 @@ "use strict"; | ||
var ref = react_1.useState(function () { return ({ | ||
// value | ||
value: initialValue, | ||
// last callback | ||
callback: callback, | ||
// "memoized" public interface | ||
facade: { | ||
@@ -22,2 +25,3 @@ get current() { | ||
}); })[0]; | ||
// update callback | ||
ref.callback = callback; | ||
@@ -24,0 +28,0 @@ return ref.facade; |
{ | ||
"name": "use-callback-ref", | ||
"version": "1.2.2", | ||
"version": "1.2.3", | ||
"description": "The same useRef, but with callback", | ||
@@ -20,14 +20,21 @@ "main": "dist/es5/index.js", | ||
}, | ||
"repository": "https://github.com/theKashey/kashe/", | ||
"repository": "https://github.com/theKashey/use-callback-ref/", | ||
"author": "theKashey <thekashey@gmail.com>", | ||
"license": "MIT", | ||
"dependencies": {}, | ||
"devDependencies": { | ||
"ts-react-toolbox": "^0.2.2" | ||
"ts-react-toolbox": "^0.2.11" | ||
}, | ||
"peerDependencies": { | ||
"react": "^16.8.0", | ||
"@types/react": "^16.8.0" | ||
}, | ||
"peerDependenciesMeta": { | ||
"@types/react": { | ||
"optional": true | ||
} | ||
}, | ||
"engines": { | ||
"node": ">=8.5.0" | ||
}, | ||
"peerDependencies": { | ||
"react": "^16.8.0" | ||
}, | ||
"jsnext:main": "dist/es2015/index.js", | ||
@@ -58,6 +65,3 @@ "module": "dist/es2015/index.js", | ||
} | ||
], | ||
"dependencies": { | ||
"@types/react": "^16.9.11" | ||
} | ||
] | ||
} |
@@ -6,3 +6,3 @@ <div align="center"> | ||
<br/> | ||
<a href="https://www.npmjs.com/package/kashe"> | ||
<a href="https://www.npmjs.com/package/use-callback-ref"> | ||
<img src="https://img.shields.io/npm/v/use-callback-ref.svg?style=flat-square" /> | ||
@@ -9,0 +9,0 @@ </a> |
19561
326
- Removed@types/react@^16.9.11