expo-router/build/native-tabs/appearance.ios.js

Expo Router is a file-based router for React Native and web applications.

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
0 && (module.exports = {
    appendSelectedStyleToAppearance: null,
    appendStyleToAppearance: null,
    convertStyleToAppearance: null,
    convertStyleToItemStateAppearance: null,
    createScrollEdgeAppearanceFromOptions: null,
    createStandardAppearanceFromOptions: null
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get appendSelectedStyleToAppearance () {
        return appendSelectedStyleToAppearance;
    },
    get appendStyleToAppearance () {
        return appendStyleToAppearance;
    },
    get convertStyleToAppearance () {
        return convertStyleToAppearance;
    },
    get convertStyleToItemStateAppearance () {
        return convertStyleToItemStateAppearance;
    },
    get createScrollEdgeAppearanceFromOptions () {
        return createScrollEdgeAppearanceFromOptions;
    },
    get createStandardAppearanceFromOptions () {
        return createStandardAppearanceFromOptions;
    }
});
const _style = require("../utils/style");
const _types = require("./types");
const supportedBlurEffectsSet = new Set(_types.SUPPORTED_BLUR_EFFECTS);
function createStandardAppearanceFromOptions(options) {
    let blurEffect = options.blurEffect;
    if (blurEffect && !supportedBlurEffectsSet.has(blurEffect)) {
        console.warn(`Unsupported blurEffect: ${blurEffect}. Supported values are: ${_types.SUPPORTED_BLUR_EFFECTS.map((effect)=>`"${effect}"`).join(', ')}`);
        blurEffect = undefined;
    }
    const appearance = appendStyleToAppearance({
        ...options.labelStyle,
        iconColor: options.iconColor,
        backgroundColor: options.backgroundColor,
        blurEffect,
        badgeBackgroundColor: options.badgeBackgroundColor,
        titlePositionAdjustment: options.titlePositionAdjustment,
        shadowColor: options.shadowColor
    }, {}, [
        'normal',
        'focused',
        'selected'
    ]);
    return appendSelectedStyleToAppearance({
        ...options.selectedLabelStyle ?? {},
        iconColor: options.selectedIconColor,
        badgeBackgroundColor: options.selectedBadgeBackgroundColor,
        titlePositionAdjustment: options.selectedTitlePositionAdjustment
    }, appearance);
}
function createScrollEdgeAppearanceFromOptions(options) {
    let blurEffect = options.disableTransparentOnScrollEdge ? options.blurEffect : 'none';
    if (blurEffect && !supportedBlurEffectsSet.has(blurEffect)) {
        console.warn(`Unsupported blurEffect: ${blurEffect}. Supported values are: ${_types.SUPPORTED_BLUR_EFFECTS.map((effect)=>`"${effect}"`).join(', ')}`);
        blurEffect = undefined;
    }
    const appearance = appendStyleToAppearance({
        ...options.labelStyle,
        iconColor: options.iconColor,
        blurEffect,
        backgroundColor: options.disableTransparentOnScrollEdge ? options.backgroundColor : null,
        shadowColor: options.disableTransparentOnScrollEdge ? options.shadowColor : 'transparent',
        badgeBackgroundColor: options.badgeBackgroundColor,
        titlePositionAdjustment: options.titlePositionAdjustment
    }, {}, [
        'normal',
        'focused',
        'selected'
    ]);
    return appendSelectedStyleToAppearance({
        ...options.selectedLabelStyle ?? {},
        iconColor: options.selectedIconColor,
        badgeBackgroundColor: options.selectedBadgeBackgroundColor,
        titlePositionAdjustment: options.selectedTitlePositionAdjustment
    }, appearance);
}
const EMPTY_APPEARANCE_ITEM = {
    normal: {},
    selected: {},
    focused: {},
    disabled: {}
};
function appendSelectedStyleToAppearance(selectedStyle, appearance) {
    return appendStyleToAppearance(selectedStyle, appearance, [
        'selected',
        'focused'
    ]);
}
function appendStyleToAppearance(style, appearance, states) {
    const baseItemAppearance = appearance.stacked || appearance.inline || appearance.compactInline || {};
    const styleAppearance = convertStyleToAppearance(style);
    const newAppearances = states.map((state)=>({
            key: state,
            appearance: {
                ...baseItemAppearance.normal,
                ...baseItemAppearance[state],
                ...styleAppearance.stacked?.normal
            }
        }));
    const itemAppearance = {
        ...EMPTY_APPEARANCE_ITEM,
        ...baseItemAppearance,
        ...Object.fromEntries(newAppearances.map(({ key, appearance })=>[
                key,
                appearance
            ]))
    };
    return {
        stacked: itemAppearance,
        inline: itemAppearance,
        compactInline: itemAppearance,
        tabBarBackgroundColor: style.backgroundColor === null ? undefined : style.backgroundColor ?? appearance.tabBarBackgroundColor,
        tabBarBlurEffect: styleAppearance.tabBarBlurEffect ?? appearance.tabBarBlurEffect,
        tabBarShadowColor: styleAppearance.tabBarShadowColor ?? appearance.tabBarShadowColor
    };
}
function convertStyleToAppearance(style) {
    if (!style) {
        return {};
    }
    const stateAppearance = convertStyleToItemStateAppearance(style);
    const itemAppearance = {
        normal: stateAppearance,
        selected: stateAppearance,
        focused: stateAppearance,
        disabled: {}
    };
    return {
        inline: itemAppearance,
        stacked: itemAppearance,
        compactInline: itemAppearance,
        tabBarBackgroundColor: style?.backgroundColor ?? undefined,
        tabBarBlurEffect: style?.blurEffect,
        tabBarShadowColor: style?.shadowColor
    };
}
function convertStyleToItemStateAppearance(style) {
    if (!style) {
        return {};
    }
    const stateAppearance = {
        tabBarItemBadgeBackgroundColor: style.badgeBackgroundColor,
        tabBarItemTitlePositionAdjustment: style.titlePositionAdjustment,
        tabBarItemIconColor: style.iconColor,
        tabBarItemTitleFontFamily: style.fontFamily,
        tabBarItemTitleFontSize: style.fontSize,
        tabBarItemTitleFontWeight: (0, _style.convertFontWeightToStringFontWeight)(style.fontWeight),
        tabBarItemTitleFontStyle: style.fontStyle,
        tabBarItemTitleFontColor: style.color
    };
    Object.keys(stateAppearance).forEach((key)=>{
        if (stateAppearance[key] === undefined) {
            delete stateAppearance[key];
        }
    });
    return stateAppearance;
}

//# sourceMappingURL=appearance.ios.js.map