@gpa-gemstone/helper-functions/lib/useGetScreenSize.js

Helper Functions for gpa-gemstone packages

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
//******************************************************************************************************
//  useGetScreenSize.tsx - Gbtc
//
//  Copyright (c) 2024, Grid Protection Alliance.  All Rights Reserved.
//
//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
//  The GPA may license this file to you under the MIT License (MIT), the "License"; you may not use this
//  file except in compliance with the License. You may obtain a copy of the License at:
//
//      http://opensource.org/licenses/MIT
//
//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
//  License for the specific language governing permissions and limitations.
//
//  Code Modification History:
//  ----------------------------------------------------------------------------------------------------
//  04/04/2025 - Preston Crawford
//       Generated original version of source code.
//
//******************************************************************************************************
var useMediaQuery_1 = require("./useMediaQuery");
/**
 * Custom hook to return the current sreen size
 * @returns 'xs' | "sm" | 'md' | 'lg' | 'xl' - screen sizes according to bootstrap 4.6.2 documentation
 */
var useGetScreenSize = function () {
    var isSm = (0, useMediaQuery_1.default)('(min-width: 576px) and (max-width: 767.98px)');
    var isMd = (0, useMediaQuery_1.default)('(min-width: 768px) and (max-width: 991.98px)');
    var isLg = (0, useMediaQuery_1.default)('(min-width: 992px) and (max-width: 1199.98px)');
    var isXl = (0, useMediaQuery_1.default)('(min-width: 1200px)');
    if (isXl)
        return 'xl';
    if (isLg)
        return 'lg';
    if (isMd)
        return 'md';
    if (isSm)
        return 'sm';
    return 'xs';
};
exports.default = useGetScreenSize;