Socket
Socket
Sign inDemoInstall

use-callback-ref

Package Overview
Dependencies
10
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.2.2 to 1.2.3

4

dist/es2015/index.js
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;

24

package.json
{
"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>

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc