@tamagui/react-native-web-lite/src/vendor/react-native/Animated/nodes/AnimatedProps.js

React Native for Web

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 * @format
 */
'use strict'

import { invariant } from '@tamagui/react-native-web-internals'

import { AnimatedEvent } from '../AnimatedEvent'
import NativeAnimatedHelper from '../NativeAnimatedHelper'
import AnimatedNode from './AnimatedNode'
import AnimatedStyle from './AnimatedStyle'

class AnimatedProps extends AnimatedNode {
  constructor(props, callback) {
    super()

    if (props.style) {
      props = { ...props, style: new AnimatedStyle(props.style) }
    }

    this._props = props
    this._callback = callback

    this.__attach()
  }

  __getValue() {
    var props = {}

    for (var key in this._props) {
      var value = this._props[key]

      if (value instanceof AnimatedNode) {
        if (!value.__isNative || value instanceof AnimatedStyle) {
          // We cannot use value of natively driven nodes this way as the value we have access from
          // JS may not be up to date.
          props[key] = value.__getValue()
        }
      } else if (value instanceof AnimatedEvent) {
        props[key] = value.__getHandler()
      } else {
        props[key] = value
      }
    }

    return props
  }

  __getAnimatedValue() {
    var props = {}

    for (var key in this._props) {
      var value = this._props[key]

      if (value instanceof AnimatedNode) {
        props[key] = value.__getAnimatedValue()
      }
    }

    return props
  }

  __attach() {
    for (var key in this._props) {
      var value = this._props[key]

      if (value instanceof AnimatedNode) {
        value.__addChild(this)
      }
    }
  }

  __detach() {
    if (this.__isNative && this._animatedView) {
      this.__disconnectAnimatedView()
    }

    for (var key in this._props) {
      var value = this._props[key]

      if (value instanceof AnimatedNode) {
        value.__removeChild(this)
      }
    }

    super.__detach()
  }

  update() {
    this._callback()
  }

  __makeNative() {
    if (!this.__isNative) {
      this.__isNative = true

      for (var key in this._props) {
        var value = this._props[key]

        if (value instanceof AnimatedNode) {
          value.__makeNative()
        }
      }

      if (this._animatedView) {
        this.__connectAnimatedView()
      }
    }
  }

  setNativeView(animatedView) {
    if (this._animatedView === animatedView) {
      return
    }

    this._animatedView = animatedView

    if (this.__isNative) {
      this.__connectAnimatedView()
    }
  }

  __connectAnimatedView() {
    invariant(this.__isNative, 'Expected node to be marked as "native"')
    var nativeViewTag = this._animatedView
    invariant(nativeViewTag != null, 'Unable to locate attached view in the native tree')
    NativeAnimatedHelper.API.connectAnimatedNodeToView(
      this.__getNativeTag(),
      nativeViewTag
    )
  }

  __disconnectAnimatedView() {
    invariant(this.__isNative, 'Expected node to be marked as "native"')
    var nativeViewTag = this._animatedView
    invariant(nativeViewTag != null, 'Unable to locate attached view in the native tree')
    NativeAnimatedHelper.API.disconnectAnimatedNodeFromView(
      this.__getNativeTag(),
      nativeViewTag
    )
  }

  __restoreDefaultValues() {
    // When using the native driver, view properties need to be restored to
    // their default values manually since react no longer tracks them. This
    // is needed to handle cases where a prop driven by native animated is removed
    // after having been changed natively by an animation.
    if (this.__isNative) {
      NativeAnimatedHelper.API.restoreDefaultValues(this.__getNativeTag())
    }
  }

  __getNativeConfig() {
    var propsConfig = {}

    for (var propKey in this._props) {
      var value = this._props[propKey]

      if (value instanceof AnimatedNode) {
        value.__makeNative()

        propsConfig[propKey] = value.__getNativeTag()
      }
    }

    return {
      type: 'props',
      props: propsConfig,
    }
  }
}

export default AnimatedProps