23 lines
897 B
JavaScript
23 lines
897 B
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.useTransformRef = void 0;
|
|
var assignRef_1 = require("./assignRef");
|
|
var useRef_1 = require("./useRef");
|
|
/**
|
|
* Create a _lense_ on Ref, making it possible to transform ref value
|
|
* @param {ReactRef} ref
|
|
* @param {Function} transformer. 👉 Ref would be __NOT updated__ on `transformer` update.
|
|
* @returns {RefObject}
|
|
*
|
|
* @see https://github.com/theKashey/use-callback-ref#usetransformref-to-replace-reactuseimperativehandle
|
|
* @example
|
|
*
|
|
* const ResizableWithRef = forwardRef((props, ref) =>
|
|
* <Resizable {...props} ref={useTransformRef(ref, i => i ? i.resizable : null)}/>
|
|
* );
|
|
*/
|
|
function useTransformRef(ref, transformer) {
|
|
return (0, useRef_1.useCallbackRef)(null, function (value) { return (0, assignRef_1.assignRef)(ref, transformer(value)); });
|
|
}
|
|
exports.useTransformRef = useTransformRef;
|