@workday/canvas-kit-react/dist/es6/popup/lib/hooks/usePopupTargetContext.js

The parent module that contains all Workday Canvas Kit React components

import { createElemPropsHook, useForkRef } from '@workday/canvas-kit-react/common';
import { usePopupModel } from './usePopupModel';
/**
 * Adds the necessary props to a `Target` component. Used by the Popup.Target subcomponent.
 */
export const usePopupTargetContext = createElemPropsHook(usePopupModel)(({ events, state }, ref) => {
    const elementRef = useForkRef(ref, state.targetRef);
    return {
        ref: elementRef,
        onContextMenu: (event) => {
            // If we're wrapping a target component that doesn't handle ref forwarding, update the
            // `state.targetRef` manually. This ensures that custom target components don't need to handle
            // ref forwarding since ref forwarding is only really needed to programmatically open popups
            // around a target _before_ a user clicks. In that rare case, ref forwarding is required.
            if (!state.targetRef.current) {
                state.targetRef.current = event.currentTarget;
            }
            if (state.visibility !== 'hidden') {
                events.hide(event);
            }
            else {
                events.show(event);
            }
            // Prevent the default context menu from showing to avoid double menus
            event.preventDefault();
        },
    };
});