@brizy/ui/lib/Typography/utils.js

React elements in Brizy style

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getItalic = exports.getTypographyTitleColor = exports.getTypographyTextColor = exports.getTypographyLinkColor = exports.getTypographyParagraphColor = exports.getFontSize = exports.getAlign = void 0;
const classNamesFn_1 = require("../classNamesFn");
const colors_1 = require("../utils/colors");
const constants_1 = require("../constants");
const getAlign = (align) => {
    const aligns = Array.isArray(align) ? align : [align];
    const className = aligns.map((align, key) => {
        const device = key === 0 ? "dsk" : key === 1 ? "tbl" : "mbl";
        switch (align) {
            case "left":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-al-lf`;
            case "center":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-al-ct`;
            case "right":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-al-rt`;
            default:
                return "";
        }
    });
    return (0, classNamesFn_1.classNames)(className)();
};
exports.getAlign = getAlign;
const getFontSize = (size) => {
    const fontSizes = Array.isArray(size) ? size : [size];
    const className = fontSizes.map((size, key) => {
        const device = key === 0 ? "dsk" : key === 1 ? "tbl" : "mbl";
        switch (size) {
            case "xsmall":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-size-xsm`;
            case "small":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-size-sm`;
            case "middle":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-size-md`;
            case "large":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-size-lg`;
            case "xlarge":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-size-xlg`;
            case "xxlarge":
                return `${constants_1.BRZ_PREFIX}-typography-${device}-size-xxlg`;
            default:
                return "";
        }
    });
    return (0, classNamesFn_1.classNames)(className)();
};
exports.getFontSize = getFontSize;
const getTypographyParagraphColor = (color, hoverColor) => {
    if (color || hoverColor) {
        const fontColor = color ? { [`--${constants_1.BRZ_PREFIX}-typography-paragraph-color`]: (0, colors_1.getHexByColorType)(color) } : {};
        const colorOnHover = hoverColor
            ? { [`--${constants_1.BRZ_PREFIX}-typography-paragraph-hover-color`]: (0, colors_1.getHexByColorType)(hoverColor) }
            : {};
        return Object.assign(Object.assign({}, fontColor), colorOnHover);
    }
};
exports.getTypographyParagraphColor = getTypographyParagraphColor;
const getTypographyLinkColor = (color, hoverColor) => {
    if (color || hoverColor) {
        const fontColor = color ? { [`--${constants_1.BRZ_PREFIX}-typography-link-color`]: (0, colors_1.getHexByColorType)(color) } : {};
        const colorOnHover = hoverColor
            ? { [`--${constants_1.BRZ_PREFIX}-typography-link-hover-color`]: (0, colors_1.getHexByColorType)(hoverColor) }
            : {};
        return Object.assign(Object.assign({}, fontColor), colorOnHover);
    }
};
exports.getTypographyLinkColor = getTypographyLinkColor;
const getTypographyTextColor = (color, hoverColor) => {
    if (color || hoverColor) {
        const fontColor = color ? { [`--${constants_1.BRZ_PREFIX}-typography-text-color`]: (0, colors_1.getHexByColorType)(color) } : {};
        const colorOnHover = hoverColor
            ? { [`--${constants_1.BRZ_PREFIX}-typography-text-hover-color`]: (0, colors_1.getHexByColorType)(hoverColor) }
            : {};
        return Object.assign(Object.assign({}, fontColor), colorOnHover);
    }
};
exports.getTypographyTextColor = getTypographyTextColor;
const getTypographyTitleColor = (color, hoverColor) => {
    if (color || hoverColor) {
        const fontColor = color ? { [`--${constants_1.BRZ_PREFIX}-typography-title-color`]: (0, colors_1.getHexByColorType)(color) } : {};
        const colorOnHover = hoverColor
            ? { [`--${constants_1.BRZ_PREFIX}-typography-title-hover-color`]: (0, colors_1.getHexByColorType)(hoverColor) }
            : {};
        return Object.assign(Object.assign({}, fontColor), colorOnHover);
    }
};
exports.getTypographyTitleColor = getTypographyTitleColor;
const getItalic = (isItalic) => {
    return isItalic ? `${constants_1.BRZ_PREFIX}-typography__italic` : undefined;
};
exports.getItalic = getItalic;