@emcsistemas/native-ui/src/styles/styles.util.ts

Biblioteca de componentes react native

import { DimensionValue } from 'react-native'
import { BorderSizeAcronymes, FontSizeAcronymes, FontWeightAcronymes } from './Types/ui-components.types'
import FontSizes from '../theme/FontSizes'
import Consts from './Consts'

export function dimensionCalculate(dimension?: DimensionValue | 'full') {
  if (dimension === 0) return 0

  if (!dimension) return

  if (dimension === 'full') {
    return '100%'
  } else {
    return typeof dimension === 'number'
      ? dimension * Consts.UI_SIZE_MULTIPLIER
      : dimension
  }
}

export function iconSizeCalculate(size?: number) {
  if (!size) return

  return size * Consts.UI_SIZE_MULTIPLIER
}

export function convertBorderRadius(borderRadius?: BorderSizeAcronymes) {
  if (!borderRadius) return 4

  switch (borderRadius) {
    case 'xs':
      return 4
    case 'sm':
      return 6
    case 'md':
      return 8
    case 'lg':
      return 12
    case 'xl':
      return 16
    case '2xl':
      return 20
    case '3xl':
      return 24
    case 'full':
      return 999
    default:
      return 4
  }
}

export function convertFontSize(fontSize?: FontSizeAcronymes | number) {
  let fontSizeNumber = FontSizes.md

  if (!fontSize) return fontSizeNumber

  if (typeof fontSize === 'number') {
    return fontSize
  }

  switch (fontSize) {
    case '2xs':
      fontSizeNumber = FontSizes['2xs']
      break
    case 'xs':
      fontSizeNumber = FontSizes.xs
      break
    case 'sm':
      fontSizeNumber = FontSizes.sm 
      break
    case 'md':
      fontSizeNumber = FontSizes.md
      break
    case 'lg':
      fontSizeNumber = FontSizes.lg
      break
    case 'xl':
      fontSizeNumber = FontSizes.xl
      break
    case '2xl':
      fontSizeNumber = FontSizes['2xl']
      break
    case '3xl':
      fontSizeNumber = FontSizes['3xl']
      break
    case '4xl':
      fontSizeNumber = FontSizes['4xl']
      break
    case '5xl':
      fontSizeNumber = FontSizes['5xl']
      break
    case '6xl':
      fontSizeNumber = FontSizes['6xl']
      break
    case '7xl':
      fontSizeNumber = FontSizes['7xl']
  }

  return fontSizeNumber
}

export function getFontFamily(fFamily?: string, fWeight?: FontWeightAcronymes) {
    if (fFamily) {
      return fFamily
    }

    let fontFamily = 'Roboto_400Regular'

    if (!fWeight) {
      return fontFamily
    }

    if (fWeight === 'semiBold'){
      fontFamily = 'Roboto_500Medium'
    }else if (fWeight === 'bold'){
      fontFamily = 'Roboto_700Bold'
    }

    return fontFamily
}

export function marginCalculate(
    generalMargin?: DimensionValue, 
    axisMargin?: DimensionValue, 
    sideMargin?: DimensionValue) 
{
  if (sideMargin || sideMargin === 0) {
    return dimensionCalculate(sideMargin)
  }

  if (axisMargin || axisMargin === 0) {
    return dimensionCalculate(axisMargin)
  }

  if (generalMargin || generalMargin === 0) {
    return dimensionCalculate(generalMargin)
  }

  return undefined
}