@redocly/theme/lib/core/hooks/use-is-truncated.js

Shared UI components lib

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useIsTruncated = useIsTruncated;
const react_1 = require("react");
function useIsTruncated(content) {
    const ref = (0, react_1.useRef)(null);
    const [isTruncated, setIsTruncated] = (0, react_1.useState)(false);
    (0, react_1.useLayoutEffect)(() => {
        const el = ref.current;
        if (!el) {
            setIsTruncated(false);
        }
        else {
            setIsTruncated(el.scrollWidth > el.clientWidth);
        }
    }, [content]);
    return [ref, isTruncated];
}
//# sourceMappingURL=use-is-truncated.js.map