@ozen-ui/kit

Version:
React component library
37 lines (36 loc) • 1.27 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDrawerWidth = void 0;
var tslib_1 = require("tslib");
var react_1 = require("react");
var environment_1 = require("../../../constants/environment");
var useEventListener_1 = require("../../../hooks/useEventListener");
var utils_1 = require("../utils");
var useDrawerWidth = function (_a) {
    var variant = _a.variant;
    var currentMaxWidth = utils_1.maxWidthByVariant[variant];
    var checkIsFullWidth = function () {
        if (environment_1.isServer) {
            return false;
        }
        return currentMaxWidth >= window.innerWidth;
    };
    var _b = tslib_1.__read((0, react_1.useState)(function () { return checkIsFullWidth(); }), 2), isFullWidth = _b[0], setIsFullWidth = _b[1];
    var recalculateIsFullWidth = function () {
        setIsFullWidth(checkIsFullWidth());
    };
    (0, useEventListener_1.useEventListener)({
        eventName: 'resize',
        handler: function () {
            recalculateIsFullWidth();
        },
    });
    (0, react_1.useEffect)(function () {
        recalculateIsFullWidth();
    }, []);
    return {
        isFullWidth: isFullWidth,
        maxWidth: currentMaxWidth,
    };
};
exports.useDrawerWidth = useDrawerWidth;