All files / src/render/svg use-props.ts

100% Statements 14/14
100% Branches 2/2
100% Functions 2/2
100% Lines 14/14

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3334x   34x   34x 34x   34x 21x 17x   17x             17x           21x 4x 4x 4x     21x    
import { useMemo } from "react"
import { MotionProps } from "../../motion/types"
import { copyRawValuesOnly } from "../html/use-props"
import { ResolvedValues } from "../types"
import { buildSVGAttrs } from "./utils/build-attrs"
import { createSvgRenderState } from "./utils/create-render-state"
 
export function useSVGProps(props: MotionProps, visualState: ResolvedValues) {
    const visualProps = useMemo(() => {
        const state = createSvgRenderState()
 
        buildSVGAttrs(
            state,
            visualState,
            { enableHardwareAcceleration: false },
            props.transformTemplate
        )
 
        return {
            ...state.attrs,
            style: { ...state.style },
        }
    }, [visualState])
 
    if (props.style) {
        const rawStyles = {}
        copyRawValuesOnly(rawStyles, props.style as any, props)
        visualProps.style = { ...rawStyles, ...visualProps.style }
    }
 
    return visualProps
}