📄 useTooltipTriggerState.js
/home/palash/git/site/node_modules/react-stately/dist/private/tooltip/useTooltipTriggerState.js
Language: js • Lines: 114
import {useOverlayTriggerState as $3b152ed05cfdb7e2$export$61c6a8c84e605fb6} from "../overlays/useOverlayTriggerState.js";
import {useMemo as $9hT9S$useMemo, useRef as $9hT9S$useRef, useEffect as $9hT9S$useEffect} from "react";

/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you 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 REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */ 

const $d881726242c7a389$var$TOOLTIP_DELAY = 1500; // this seems to be a 1.5 second delay, check with design
const $d881726242c7a389$var$TOOLTIP_COOLDOWN = 500;
let $d881726242c7a389$var$tooltips = {};
let $d881726242c7a389$var$tooltipId = 0;
let $d881726242c7a389$var$globalWarmedUp = false;
let $d881726242c7a389$var$globalWarmUpTimeout = null;
let $d881726242c7a389$var$globalCooldownTimeout = null;
function $d881726242c7a389$export$4d40659c25ecb50b(props = {}) {
    let { delay: delay = $d881726242c7a389$var$TOOLTIP_DELAY, closeDelay: closeDelay = $d881726242c7a389$var$TOOLTIP_COOLDOWN } = props;
    let { isOpen: isOpen, open: open, close: close } = (0, $3b152ed05cfdb7e2$export$61c6a8c84e605fb6)(props);
    let id = (0, $9hT9S$useMemo)(()=>`${++$d881726242c7a389$var$tooltipId}`, []);
    let closeTimeout = (0, $9hT9S$useRef)(null);
    let closeCallback = (0, $9hT9S$useRef)(close);
    let ensureTooltipEntry = ()=>{
        $d881726242c7a389$var$tooltips[id] = hideTooltip;
    };
    let closeOpenTooltips = ()=>{
        for(let hideTooltipId in $d881726242c7a389$var$tooltips)if (hideTooltipId !== id) {
            $d881726242c7a389$var$tooltips[hideTooltipId](true);
            delete $d881726242c7a389$var$tooltips[hideTooltipId];
        }
    };
    let showTooltip = ()=>{
        if (closeTimeout.current) clearTimeout(closeTimeout.current);
        closeTimeout.current = null;
        closeOpenTooltips();
        ensureTooltipEntry();
        $d881726242c7a389$var$globalWarmedUp = true;
        open();
        if ($d881726242c7a389$var$globalWarmUpTimeout) {
            clearTimeout($d881726242c7a389$var$globalWarmUpTimeout);
            $d881726242c7a389$var$globalWarmUpTimeout = null;
        }
        if ($d881726242c7a389$var$globalCooldownTimeout) {
            clearTimeout($d881726242c7a389$var$globalCooldownTimeout);
            $d881726242c7a389$var$globalCooldownTimeout = null;
        }
    };
    let hideTooltip = (immediate)=>{
        if (immediate || closeDelay <= 0) {
            if (closeTimeout.current) clearTimeout(closeTimeout.current);
            closeTimeout.current = null;
            closeCallback.current();
        } else if (!closeTimeout.current) closeTimeout.current = setTimeout(()=>{
            closeTimeout.current = null;
            closeCallback.current();
        }, closeDelay);
        if ($d881726242c7a389$var$globalWarmUpTimeout) {
            clearTimeout($d881726242c7a389$var$globalWarmUpTimeout);
            $d881726242c7a389$var$globalWarmUpTimeout = null;
        }
        if ($d881726242c7a389$var$globalWarmedUp) {
            if ($d881726242c7a389$var$globalCooldownTimeout) clearTimeout($d881726242c7a389$var$globalCooldownTimeout);
            $d881726242c7a389$var$globalCooldownTimeout = setTimeout(()=>{
                delete $d881726242c7a389$var$tooltips[id];
                $d881726242c7a389$var$globalCooldownTimeout = null;
                $d881726242c7a389$var$globalWarmedUp = false;
            }, Math.max($d881726242c7a389$var$TOOLTIP_COOLDOWN, closeDelay));
        }
    };
    let warmupTooltip = ()=>{
        closeOpenTooltips();
        ensureTooltipEntry();
        if (!isOpen && !$d881726242c7a389$var$globalWarmedUp) {
            if ($d881726242c7a389$var$globalWarmUpTimeout) clearTimeout($d881726242c7a389$var$globalWarmUpTimeout);
            $d881726242c7a389$var$globalWarmUpTimeout = setTimeout(()=>{
                $d881726242c7a389$var$globalWarmUpTimeout = null;
                $d881726242c7a389$var$globalWarmedUp = true;
                showTooltip();
            }, delay);
        } else if (!isOpen) showTooltip();
    };
    (0, $9hT9S$useEffect)(()=>{
        closeCallback.current = close;
    }, [
        close
    ]);
    (0, $9hT9S$useEffect)(()=>{
        return ()=>{
            if (closeTimeout.current) clearTimeout(closeTimeout.current);
            let tooltip = $d881726242c7a389$var$tooltips[id];
            if (tooltip) delete $d881726242c7a389$var$tooltips[id];
        };
    }, [
        id
    ]);
    return {
        isOpen: isOpen,
        open: (immediate)=>{
            if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
            else showTooltip();
        },
        close: hideTooltip
    };
}


export {$d881726242c7a389$export$4d40659c25ecb50b as useTooltipTriggerState};
//# sourceMappingURL=useTooltipTriggerState.js.map