react-native-unistyles/src/core/getClassname.ts

Level up your React Native StyleSheet

import type { UnistylesValues } from '../types'
import * as unistyles from '../web/services'
import { checkForAnimated } from '../web/utils'

export const getClassName = (unistyle: UnistylesValues | undefined | Array<UnistylesValues>, forChild?: boolean) => {
    if (!unistyle) {
        return undefined
    }

    const flattenedStyles = Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]
    const animatedStyles = flattenedStyles.filter(checkForAnimated)
    const regularStyles = flattenedStyles.filter(style => !checkForAnimated(style))

    const { hash, injectedClassName } = unistyles.services.shadowRegistry.addStyles(
        regularStyles,
        forChild
    )

    return hash
        ? [
            { $$css: true, hash, injectedClassName },
            animatedStyles,
        ] as const
        : undefined
}