@tamagui/react-native-web-lite/src/vendor/react-native/Animated/animations/DecayAnimation.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 { shouldUseNativeDriver } from '../NativeAnimatedHelper'
import Animation from './Animation'

class DecayAnimation extends Animation {
  constructor(config) {
    var _config$deceleration, _config$isInteraction, _config$iterations

    super()
    this._deceleration =
      (_config$deceleration = config.deceleration) !== null &&
      _config$deceleration !== void 0
        ? _config$deceleration
        : 0.998
    this._velocity = config.velocity
    this._useNativeDriver = shouldUseNativeDriver(config)
    this.__isInteraction =
      (_config$isInteraction = config.isInteraction) !== null &&
      _config$isInteraction !== void 0
        ? _config$isInteraction
        : !this._useNativeDriver
    this.__iterations =
      (_config$iterations = config.iterations) !== null && _config$iterations !== void 0
        ? _config$iterations
        : 1
  }

  __getNativeAnimationConfig() {
    return {
      type: 'decay',
      deceleration: this._deceleration,
      velocity: this._velocity,
      iterations: this.__iterations,
    }
  }

  start(fromValue, onUpdate, onEnd, previousAnimation, animatedValue) {
    this.__active = true
    this._lastValue = fromValue
    this._fromValue = fromValue
    this._onUpdate = onUpdate
    this.__onEnd = onEnd
    this._startTime = Date.now()

    if (this._useNativeDriver) {
      this.__startNativeAnimation(animatedValue)
    } else {
      this._animationFrame = requestAnimationFrame(this.onUpdate.bind(this))
    }
  }

  onUpdate() {
    var now = Date.now()
    var value =
      this._fromValue +
      (this._velocity / (1 - this._deceleration)) *
        (1 - Math.exp(-(1 - this._deceleration) * (now - this._startTime)))

    this._onUpdate(value)

    if (Math.abs(this._lastValue - value) < 0.1) {
      this.__debouncedOnEnd({
        finished: true,
      })

      return
    }

    this._lastValue = value

    if (this.__active) {
      this._animationFrame = requestAnimationFrame(this.onUpdate.bind(this))
    }
  }

  stop() {
    super.stop()
    this.__active = false
    global.cancelAnimationFrame(this._animationFrame)

    this.__debouncedOnEnd({
      finished: false,
    })
  }
}

export default DecayAnimation