@tamagui/react-native-web-lite/src/vendor/react-native/Animated/nodes/AnimatedValueXY.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.
 */

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

let _uniqueId = 1

class AnimatedValueXY extends AnimatedWithChildren {
  constructor(valueIn) {
    super()
    const value = valueIn || { x: 0, y: 0 }
    if (typeof value.x === 'number' && typeof value.y === 'number') {
      this.x = new AnimatedValue(value.x)
      this.y = new AnimatedValue(value.y)
    } else {
      invariant(
        value.x instanceof AnimatedValue && value.y instanceof AnimatedValue,
        'AnimatedValueXY must be initialized with an object of numbers or AnimatedValues.'
      )
      this.x = value.x
      this.y = value.y
    }
    this._listeners = {}
  }

  setValue(value) {
    this.x.setValue(value.x)
    this.y.setValue(value.y)
  }

  setOffset(offset) {
    this.x.setOffset(offset.x)
    this.y.setOffset(offset.y)
  }

  flattenOffset() {
    this.x.flattenOffset()
    this.y.flattenOffset()
  }

  extractOffset() {
    this.x.extractOffset()
    this.y.extractOffset()
  }

  __getValue() {
    return {
      x: this.x.__getValue(),
      y: this.y.__getValue(),
    }
  }

  resetAnimation(callback) {
    this.x.resetAnimation()
    this.y.resetAnimation()
    callback && callback(this.__getValue())
  }

  stopAnimation(callback) {
    this.x.stopAnimation()
    this.y.stopAnimation()
    callback && callback(this.__getValue())
  }

  addListener(callback) {
    const id = String(_uniqueId++)
    const jointCallback = ({ value }) => {
      callback(this.__getValue())
    }
    this._listeners[id] = {
      x: this.x.addListener(jointCallback),
      y: this.y.addListener(jointCallback),
    }
    return id
  }

  removeListener(id) {
    this.x.removeListener(this._listeners[id].x)
    this.y.removeListener(this._listeners[id].y)
    delete this._listeners[id]
  }

  removeAllListeners() {
    this.x.removeAllListeners()
    this.y.removeAllListeners()
    this._listeners = {}
  }

  getLayout() {
    return {
      left: this.x,
      top: this.y,
    }
  }

  getTranslateTransform() {
    return [{ translateX: this.x }, { translateY: this.y }]
  }
}

export default AnimatedValueXY