@adaptabletools/adaptable-cjs/src/components/NotifyResize/index.js

Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const getResizeObserverObject_1 = require("../ResizeObserver/getResizeObserverObject");
const RO = (0, getResizeObserverObject_1.getResizeObserverObject)();
const NotifyResize = (props) => {
    const domRef = React.useRef(null);
    React.useEffect(() => {
        if (!RO) {
            return;
        }
        const ro = new RO((entries) => {
            const entry = entries[0];
            if (entry) {
                const { width, height } = entry.contentRect;
                props.onResize({ width, height });
            }
        });
        const domNode = domRef.current;
        ro.observe(domNode);
        return () => {
            if (domNode) {
                ro.unobserve(domNode);
            }
        };
    }, []);
    return (React.createElement("div", { ref: domRef, style: {
            visibility: 'hidden',
            position: 'absolute',
            width: '100%',
            height: '100%',
            top: 0,
            left: 0,
        } }));
};
exports.default = NotifyResize;