@ozen-ui/kit/__inner__/esm/components/DrawerNext/hooks/useDrawerWidth.js

React component library

import { __read } from "tslib";
import { useEffect, useState } from 'react';
import { isServer } from '../../../constants/environment';
import { useEventListener } from '../../../hooks/useEventListener';
import { maxWidthByVariant } from '../utils';
export var useDrawerWidth = function (_a) {
    var variant = _a.variant;
    var currentMaxWidth = maxWidthByVariant[variant];
    var checkIsFullWidth = function () {
        if (isServer) {
            return false;
        }
        return currentMaxWidth >= window.innerWidth;
    };
    var _b = __read(useState(function () { return checkIsFullWidth(); }), 2), isFullWidth = _b[0], setIsFullWidth = _b[1];
    var recalculateIsFullWidth = function () {
        setIsFullWidth(checkIsFullWidth());
    };
    useEventListener({
        eventName: 'resize',
        handler: function () {
            recalculateIsFullWidth();
        },
    });
    useEffect(function () {
        recalculateIsFullWidth();
    }, []);
    return {
        isFullWidth: isFullWidth,
        maxWidth: currentMaxWidth,
    };
};