import * as React from "react"; /** * @see https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx */ /** * A utility to compose multiple event handlers into a single event handler. * Executes originalEventHandler first, then ourEventHandler unless prevented. */ function composeEventHandlers( originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented = true } = {}, ) { return function handleEvent(event: E) { originalEventHandler?.(event); if ( checkForDefaultPrevented === false || !(event as unknown as Event).defaultPrevented ) { return ourEventHandler?.(event); } }; } /** * @see https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/composeRefs.tsx */ type PossibleRef = React.Ref | undefined; /** * Set a given ref to a given value. * This utility takes care of different types of refs: callback refs and RefObject(s). */ function setRef(ref: PossibleRef, value: T) { if (typeof ref === "function") { ref(value); } else if (ref !== null && ref !== undefined) { (ref as React.MutableRefObject).current = value; } } /** * A utility to compose multiple refs together. * Accepts callback refs and RefObject(s). */ function composeRefs(...refs: PossibleRef[]) { return (node: T) => { for (const ref of refs) { setRef(ref, node); } }; } /** * A custom hook that composes multiple refs. * Accepts callback refs and RefObject(s). */ function useComposedRefs(...refs: PossibleRef[]) { // eslint-disable-next-line react-hooks/exhaustive-deps return React.useCallback(composeRefs(...refs), refs); } export { composeEventHandlers, composeRefs, useComposedRefs };