rb-react-tiny-popover/dist/useElementRef.js

A simple and highly customizable popover react higher order component with no other dependencies!

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useElementRef = void 0;
var react_1 = require("react");
var util_1 = require("./util");
var useElementRef = function (_a) {
    var containerClassName = _a.containerClassName, containerStyle = _a.containerStyle;
    var ref = (0, react_1.useRef)();
    var element = (0, react_1.useState)(function () {
        return (0, util_1.createContainer)({ containerStyle: containerStyle, containerClassName: containerClassName });
    })[0];
    (0, react_1.useLayoutEffect)(function () {
        element.className = containerClassName;
    }, [containerClassName, element]);
    (0, react_1.useLayoutEffect)(function () {
        Object.assign(element.style, containerStyle);
    }, [containerStyle, element]);
    ref.current = element;
    return ref;
};
exports.useElementRef = useElementRef;
//# sourceMappingURL=useElementRef.js.map