You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.0 KiB
37 lines
1.0 KiB
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.cloneWithRef = cloneWithRef;
|
|
|
|
var _react = require("react");
|
|
|
|
var _invariant = require("@react-dnd/invariant");
|
|
|
|
function setRef(ref, node) {
|
|
if (typeof ref === 'function') {
|
|
ref(node);
|
|
} else {
|
|
ref.current = node;
|
|
}
|
|
}
|
|
|
|
function cloneWithRef(element, newRef) {
|
|
var previousRef = element.ref;
|
|
(0, _invariant.invariant)(typeof previousRef !== 'string', 'Cannot connect React DnD to an element with an existing string ref. ' + 'Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. ' + 'Read more: https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute');
|
|
|
|
if (!previousRef) {
|
|
// When there is no ref on the element, use the new ref directly
|
|
return (0, _react.cloneElement)(element, {
|
|
ref: newRef
|
|
});
|
|
} else {
|
|
return (0, _react.cloneElement)(element, {
|
|
ref: function ref(node) {
|
|
setRef(previousRef, node);
|
|
setRef(newRef, node);
|
|
}
|
|
});
|
|
}
|
|
} |