Dev Build / cleanup (push) Canceled after 0s
Dev Build / typecheck (push) Canceled after 0s
Dev Build / build (linux-arm64, ubuntu-24.04-arm, linux-arm64) (push) Canceled after 0s
Dev Build / build (linux-x64, ubuntu-latest, linux-x64) (push) Canceled after 0s
Dev Build / build (win-x64, windows-latest, win32-x64) (push) Canceled after 0s
Dev Build / dispatch-dev-docker (push) Canceled after 0s
23 lines
892 B
Plaintext
23 lines
892 B
Plaintext
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.mergeRefs = void 0;
|
|
var assignRef_1 = require("./assignRef");
|
|
var createRef_1 = require("./createRef");
|
|
/**
|
|
* Merges two or more refs together providing a single interface to set their value
|
|
* @param {RefObject|Ref} refs
|
|
* @returns {MutableRefObject} - a new ref, which translates all changes to {refs}
|
|
*
|
|
* @see {@link useMergeRefs} to be used in ReactComponents
|
|
* @example
|
|
* const Component = React.forwardRef((props, ref) => {
|
|
* const ownRef = useRef();
|
|
* const domRef = mergeRefs([ref, ownRef]); // 👈 merge together
|
|
* return <div ref={domRef}>...</div>
|
|
* }
|
|
*/
|
|
function mergeRefs(refs) {
|
|
return (0, createRef_1.createCallbackRef)(function (newValue) { return refs.forEach(function (ref) { return (0, assignRef_1.assignRef)(ref, newValue); }); });
|
|
}
|
|
exports.mergeRefs = mergeRefs;
|