@assistant-ui/react/dist/utils/hooks/useOnResizeContent.js

TypeScript/React library for AI Chat

import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
import { useCallback } from "react";
import { useManagedRef } from "./useManagedRef.js";
export const useOnResizeContent = (callback) => {
    const callbackRef = useCallbackRef(callback);
    const refCallback = useCallback((el) => {
        const resizeObserver = new ResizeObserver(() => {
            callbackRef();
        });
        const mutationObserver = new MutationObserver(() => {
            callbackRef();
        });
        resizeObserver.observe(el);
        mutationObserver.observe(el, {
            childList: true,
            subtree: true,
            attributes: true,
            characterData: true,
        });
        return () => {
            resizeObserver.disconnect();
            mutationObserver.disconnect();
        };
    }, [callbackRef]);
    return useManagedRef(refCallback);
};
//# sourceMappingURL=useOnResizeContent.js.map