@coveord/plasma-mantine/dist/cjs/hooks/useParentHeight.js

A Plasma flavoured Mantine theme

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "useParentHeight", {
    enumerable: true,
    get: function() {
        return useParentHeight;
    }
});
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
var _react = require("react");
var getElementInnerHeight = function(el) {
    var fullHeight = el.getBoundingClientRect().height;
    var cs = getComputedStyle(el);
    var padding = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);
    var border = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);
    return fullHeight - padding - border;
};
var useParentHeight = function() {
    var _useState = _sliced_to_array._((0, _react.useState)(-1), 2), height = _useState[0], setHeight = _useState[1];
    var ref = (0, _react.useRef)();
    (0, _react.useEffect)(function() {
        if (ref.current) {
            setHeight(getElementInnerHeight(ref.current.parentElement));
        }
    }, [
        ref.current
    ]);
    return [
        height,
        ref
    ];
};

//# sourceMappingURL=useParentHeight.js.map