/* * Copyright 2020 Palantir Technologies, Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ export type IRef = IRefObject | IRefCallback; // compatible with React.Ref type in @types/react@^16 export interface IRefObject { current: T | null; } export function isRefObject(value: IRef | undefined | null): value is IRefObject { return value != null && typeof value !== "function"; } export type IRefCallback = (ref: T | null) => any; export function isRefCallback(value: IRef | undefined | null): value is IRefCallback { return typeof value === "function"; } /** * Assign the given ref to a target, either a React ref object or a callback which takes the ref as its first argument. */ export function setRef(refTarget: IRef | undefined | null, ref: T | null): void { if (isRefObject(refTarget)) { refTarget.current = ref; } else if (isRefCallback(refTarget)) { refTarget(ref); } } /** @deprecated use mergeRefs() instead */ export function combineRefs(ref1: IRefCallback, ref2: IRefCallback) { return mergeRefs(ref1, ref2); } /** * Utility for merging refs into one singular callback ref. * If using in a functional component, would recomend using `useMemo` to preserve function identity. */ export function mergeRefs(...refs: Array | null>): IRefCallback { return value => { refs.forEach(ref => { setRef(ref, value); }); }; } export function getRef(ref: T | IRefObject | null): T | null { if (ref === null) { return null; } return (ref as IRefObject).current ?? (ref as T); } /** * Creates a ref handler which assigns the ref returned by React for a mounted component to a field on the target object. * The target object is usually a component class. * * If provided, it will also update the given `refProp` with the value of the ref. */ export function refHandler( refTargetParent: { [k in K]: T | null }, refTargetKey: K, refProp?: IRef | undefined | null, ): IRefCallback { return (ref: T | null) => { refTargetParent[refTargetKey] = ref; setRef(refProp, ref); }; }