@tamagui/react-native-web-lite 1.112.5

package/src/vendor/react-native/Animated/animations/Animation.js

@@ -0,0 +1,63 @@
+/**
+ * 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 NativeAnimatedHelper from '../NativeAnimatedHelper'
+var startNativeAnimationNextId = 1 // Important note: start() and stop() will only be called at most once.
+// Once an animation has been stopped or finished its course, it will
+// not be reused.
+
+class Animation {
+  start(fromValue, onUpdate, onEnd, previousAnimation, animatedValue) {}
+
+  stop() {
+    if (this.__nativeId) {
+      NativeAnimatedHelper.API.stopAnimation(this.__nativeId)
+    }
+  }
+
+  __getNativeAnimationConfig() {
+    // Subclasses that have corresponding animation implementation done in native
+    // should override this method
+    throw new Error('This animation type cannot be offloaded to native')
+  } // Helper function for subclasses to make sure onEnd is only called once.
+
+  __debouncedOnEnd(result) {
+    var onEnd = this.__onEnd
+    this.__onEnd = null
+    onEnd && onEnd(result)
+  }
+
+  __startNativeAnimation(animatedValue) {
+    var startNativeAnimationWaitId = startNativeAnimationNextId + ':startAnimation'
+    startNativeAnimationNextId += 1
+    NativeAnimatedHelper.API.setWaitingForIdentifier(startNativeAnimationWaitId)
+
+    try {
+      var config = this.__getNativeAnimationConfig()
+
+      animatedValue.__makeNative(config.platformConfig)
+
+      this.__nativeId = NativeAnimatedHelper.generateNewAnimationId()
+      NativeAnimatedHelper.API.startAnimatingNode(
+        this.__nativeId,
+        animatedValue.__getNativeTag(),
+        config, // $FlowFixMe[method-unbinding] added when improving typing for this parameters
+        this.__debouncedOnEnd.bind(this)
+      )
+    } catch (e) {
+      throw e
+    } finally {
+      NativeAnimatedHelper.API.unsetWaitingForIdentifier(startNativeAnimationWaitId)
+    }
+  }
+}
+
+export default Animation

package/src/vendor/react-native/Animated/animations/DecayAnimation.js

@@ -0,0 +1,97 @@
+/**
+ * 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

package/src/vendor/react-native/Animated/animations/SpringAnimation.js

@@ -0,0 +1,346 @@
+/**
+ * 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 { shouldUseNativeDriver } from '../NativeAnimatedHelper'
+import SpringConfig from '../SpringConfig'
+import Animation from './Animation'
+
+class SpringAnimation extends Animation {
+  constructor(config) {
+    var _config$overshootClam,
+      _config$restDisplacem,
+      _config$restSpeedThre,
+      _config$velocity,
+      _config$velocity2,
+      _config$delay,
+      _config$isInteraction,
+      _config$iterations
+
+    super()
+    this._overshootClamping =
+      (_config$overshootClam = config.overshootClamping) !== null &&
+      _config$overshootClam !== void 0
+        ? _config$overshootClam
+        : false
+    this._restDisplacementThreshold =
+      (_config$restDisplacem = config.restDisplacementThreshold) !== null &&
+      _config$restDisplacem !== void 0
+        ? _config$restDisplacem
+        : 0.001
+    this._restSpeedThreshold =
+      (_config$restSpeedThre = config.restSpeedThreshold) !== null &&
+      _config$restSpeedThre !== void 0
+        ? _config$restSpeedThre
+        : 0.001
+    this._initialVelocity =
+      (_config$velocity = config.velocity) !== null && _config$velocity !== void 0
+        ? _config$velocity
+        : 0
+    this._lastVelocity =
+      (_config$velocity2 = config.velocity) !== null && _config$velocity2 !== void 0
+        ? _config$velocity2
+        : 0
+    this._toValue = config.toValue
+    this._delay =
+      (_config$delay = config.delay) !== null && _config$delay !== void 0
+        ? _config$delay
+        : 0
+    this._useNativeDriver = shouldUseNativeDriver(config)
+    this._platformConfig = config.platformConfig
+    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
+
+    if (
+      config.stiffness !== undefined ||
+      config.damping !== undefined ||
+      config.mass !== undefined
+    ) {
+      var _config$stiffness, _config$damping, _config$mass
+
+      invariant(
+        config.bounciness === undefined &&
+          config.speed === undefined &&
+          config.tension === undefined &&
+          config.friction === undefined,
+        'You can define one of bounciness/speed, tension/friction, or stiffness/damping/mass, but not more than one'
+      )
+      this._stiffness =
+        (_config$stiffness = config.stiffness) !== null && _config$stiffness !== void 0
+          ? _config$stiffness
+          : 100
+      this._damping =
+        (_config$damping = config.damping) !== null && _config$damping !== void 0
+          ? _config$damping
+          : 10
+      this._mass =
+        (_config$mass = config.mass) !== null && _config$mass !== void 0
+          ? _config$mass
+          : 1
+    } else if (config.bounciness !== undefined || config.speed !== undefined) {
+      var _config$bounciness, _config$speed
+
+      // Convert the origami bounciness/speed values to stiffness/damping
+      // We assume mass is 1.
+      invariant(
+        config.tension === undefined &&
+          config.friction === undefined &&
+          config.stiffness === undefined &&
+          config.damping === undefined &&
+          config.mass === undefined,
+        'You can define one of bounciness/speed, tension/friction, or stiffness/damping/mass, but not more than one'
+      )
+      var springConfig = SpringConfig.fromBouncinessAndSpeed(
+        (_config$bounciness = config.bounciness) !== null && _config$bounciness !== void 0
+          ? _config$bounciness
+          : 8,
+        (_config$speed = config.speed) !== null && _config$speed !== void 0
+          ? _config$speed
+          : 12
+      )
+      this._stiffness = springConfig.stiffness
+      this._damping = springConfig.damping
+      this._mass = 1
+    } else {
+      var _config$tension, _config$friction
+
+      // Convert the origami tension/friction values to stiffness/damping
+      // We assume mass is 1.
+      var _springConfig = SpringConfig.fromOrigamiTensionAndFriction(
+        (_config$tension = config.tension) !== null && _config$tension !== void 0
+          ? _config$tension
+          : 40,
+        (_config$friction = config.friction) !== null && _config$friction !== void 0
+          ? _config$friction
+          : 7
+      )
+
+      this._stiffness = _springConfig.stiffness
+      this._damping = _springConfig.damping
+      this._mass = 1
+    }
+
+    invariant(this._stiffness > 0, 'Stiffness value must be greater than 0')
+    invariant(this._damping > 0, 'Damping value must be greater than 0')
+    invariant(this._mass > 0, 'Mass value must be greater than 0')
+  }
+
+  __getNativeAnimationConfig() {
+    var _this$_initialVelocit
+
+    return {
+      type: 'spring',
+      overshootClamping: this._overshootClamping,
+      restDisplacementThreshold: this._restDisplacementThreshold,
+      restSpeedThreshold: this._restSpeedThreshold,
+      stiffness: this._stiffness,
+      damping: this._damping,
+      mass: this._mass,
+      initialVelocity:
+        (_this$_initialVelocit = this._initialVelocity) !== null &&
+        _this$_initialVelocit !== void 0
+          ? _this$_initialVelocit
+          : this._lastVelocity,
+      toValue: this._toValue,
+      iterations: this.__iterations,
+      platformConfig: this._platformConfig,
+    }
+  }
+
+  start(fromValue, onUpdate, onEnd, previousAnimation, animatedValue) {
+    this.__active = true
+    this._startPosition = fromValue
+    this._lastPosition = this._startPosition
+    this._onUpdate = onUpdate
+    this.__onEnd = onEnd
+    this._lastTime = Date.now()
+    this._frameTime = 0.0
+
+    if (previousAnimation instanceof SpringAnimation) {
+      var internalState = previousAnimation.getInternalState()
+      this._lastPosition = internalState.lastPosition
+      this._lastVelocity = internalState.lastVelocity // Set the initial velocity to the last velocity
+
+      this._initialVelocity = this._lastVelocity
+      this._lastTime = internalState.lastTime
+    }
+
+    var start = () => {
+      if (this._useNativeDriver) {
+        this.__startNativeAnimation(animatedValue)
+      } else {
+        this.onUpdate()
+      }
+    } //  If this._delay is more than 0, we start after the timeout.
+
+    if (this._delay) {
+      this._timeout = setTimeout(start, this._delay)
+    } else {
+      start()
+    }
+  }
+
+  getInternalState() {
+    return {
+      lastPosition: this._lastPosition,
+      lastVelocity: this._lastVelocity,
+      lastTime: this._lastTime,
+    }
+  }
+  /**
+   * This spring model is based off of a damped harmonic oscillator
+   * (https://en.wikipedia.org/wiki/Harmonic_oscillator#Damped_harmonic_oscillator).
+   *
+   * We use the closed form of the second order differential equation:
+   *
+   * x'' + (2ζ⍵_0)x' + ⍵^2x = 0
+   *
+   * where
+   *    ⍵_0 = √(k / m) (undamped angular frequency of the oscillator),
+   *    ζ = c / 2√mk (damping ratio),
+   *    c = damping constant
+   *    k = stiffness
+   *    m = mass
+   *
+   * The derivation of the closed form is described in detail here:
+   * http://planetmath.org/sites/default/files/texpdf/39745.pdf
+   *
+   * This algorithm happens to match the algorithm used by CASpringAnimation,
+   * a QuartzCore (iOS) API that creates spring animations.
+   */
+
+  onUpdate() {
+    // If for some reason we lost a lot of frames (e.g. process large payload or
+    // stopped in the debugger), we only advance by 4 frames worth of
+    // computation and will continue on the next frame. It's better to have it
+    // running at faster speed than jumping to the end.
+    var MAX_STEPS = 64
+    var now = Date.now()
+
+    if (now > this._lastTime + MAX_STEPS) {
+      now = this._lastTime + MAX_STEPS
+    }
+
+    var deltaTime = (now - this._lastTime) / 1000
+    this._frameTime += deltaTime
+    var c = this._damping
+    var m = this._mass
+    var k = this._stiffness
+    var v0 = -this._initialVelocity
+    var zeta = c / (2 * Math.sqrt(k * m)) // damping ratio
+
+    var omega0 = Math.sqrt(k / m) // undamped angular frequency of the oscillator (rad/ms)
+
+    var omega1 = omega0 * Math.sqrt(1.0 - zeta * zeta) // exponential decay
+
+    var x0 = this._toValue - this._startPosition // calculate the oscillation from x0 = 1 to x = 0
+
+    var position = 0.0
+    var velocity = 0.0
+    var t = this._frameTime
+
+    if (zeta < 1) {
+      // Under damped
+      var envelope = Math.exp(-zeta * omega0 * t)
+      position =
+        this._toValue -
+        envelope *
+          (((v0 + zeta * omega0 * x0) / omega1) * Math.sin(omega1 * t) +
+            x0 * Math.cos(omega1 * t)) // This looks crazy -- it's actually just the derivative of the
+      // oscillation function
+
+      velocity =
+        zeta *
+          omega0 *
+          envelope *
+          ((Math.sin(omega1 * t) * (v0 + zeta * omega0 * x0)) / omega1 +
+            x0 * Math.cos(omega1 * t)) -
+        envelope *
+          (Math.cos(omega1 * t) * (v0 + zeta * omega0 * x0) -
+            omega1 * x0 * Math.sin(omega1 * t))
+    } else {
+      // Critically damped
+      var _envelope = Math.exp(-omega0 * t)
+
+      position = this._toValue - _envelope * (x0 + (v0 + omega0 * x0) * t)
+      velocity = _envelope * (v0 * (t * omega0 - 1) + t * x0 * (omega0 * omega0))
+    }
+
+    this._lastTime = now
+    this._lastPosition = position
+    this._lastVelocity = velocity
+
+    this._onUpdate(position)
+
+    if (!this.__active) {
+      // a listener might have stopped us in _onUpdate
+      return
+    } // Conditions for stopping the spring animation
+
+    var isOvershooting = false
+
+    if (this._overshootClamping && this._stiffness !== 0) {
+      if (this._startPosition < this._toValue) {
+        isOvershooting = position > this._toValue
+      } else {
+        isOvershooting = position < this._toValue
+      }
+    }
+
+    var isVelocity = Math.abs(velocity) <= this._restSpeedThreshold
+
+    var isDisplacement = true
+
+    if (this._stiffness !== 0) {
+      isDisplacement =
+        Math.abs(this._toValue - position) <= this._restDisplacementThreshold
+    }
+
+    if (isOvershooting || (isVelocity && isDisplacement)) {
+      if (this._stiffness !== 0) {
+        // Ensure that we end up with a round value
+        this._lastPosition = this._toValue
+        this._lastVelocity = 0
+
+        this._onUpdate(this._toValue)
+      }
+
+      this.__debouncedOnEnd({
+        finished: true,
+      })
+
+      return
+    } // $FlowFixMe[method-unbinding] added when improving typing for this parameters
+
+    this._animationFrame = requestAnimationFrame(this.onUpdate.bind(this))
+  }
+
+  stop() {
+    super.stop()
+    this.__active = false
+    clearTimeout(this._timeout)
+    global.cancelAnimationFrame(this._animationFrame)
+
+    this.__debouncedOnEnd({
+      finished: false,
+    })
+  }
+}
+
+export default SpringAnimation

package/src/vendor/react-native/Animated/animations/TimingAnimation.js

@@ -0,0 +1,160 @@
+/**
+ * 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 Easing from '../Easing'
+import { shouldUseNativeDriver } from '../NativeAnimatedHelper'
+import Animation from './Animation'
+
+var _easeInOut
+
+function easeInOut() {
+  if (!_easeInOut) {
+    _easeInOut = Easing.inOut(Easing.ease)
+  }
+
+  return _easeInOut
+}
+
+class TimingAnimation extends Animation {
+  constructor(config) {
+    var _config$easing,
+      _config$duration,
+      _config$delay,
+      _config$iterations,
+      _config$isInteraction
+
+    super()
+    this._toValue = config.toValue
+    this._easing =
+      (_config$easing = config.easing) !== null && _config$easing !== void 0
+        ? _config$easing
+        : easeInOut()
+    this._duration =
+      (_config$duration = config.duration) !== null && _config$duration !== void 0
+        ? _config$duration
+        : 500
+    this._delay =
+      (_config$delay = config.delay) !== null && _config$delay !== void 0
+        ? _config$delay
+        : 0
+    this.__iterations =
+      (_config$iterations = config.iterations) !== null && _config$iterations !== void 0
+        ? _config$iterations
+        : 1
+    this._useNativeDriver = shouldUseNativeDriver(config)
+    this._platformConfig = config.platformConfig
+    this.__isInteraction =
+      (_config$isInteraction = config.isInteraction) !== null &&
+      _config$isInteraction !== void 0
+        ? _config$isInteraction
+        : !this._useNativeDriver
+  }
+
+  __getNativeAnimationConfig() {
+    var frameDuration = 1000.0 / 60.0
+    var frames = []
+    var numFrames = Math.round(this._duration / frameDuration)
+
+    for (var frame = 0; frame < numFrames; frame++) {
+      frames.push(this._easing(frame / numFrames))
+    }
+
+    frames.push(this._easing(1))
+    return {
+      type: 'frames',
+      frames,
+      toValue: this._toValue,
+      iterations: this.__iterations,
+      platformConfig: this._platformConfig,
+    }
+  }
+
+  start(fromValue, onUpdate, onEnd, previousAnimation, animatedValue) {
+    this.__active = true
+    this._fromValue = fromValue
+    this._onUpdate = onUpdate
+    this.__onEnd = onEnd
+
+    var start = () => {
+      // Animations that sometimes have 0 duration and sometimes do not
+      // still need to use the native driver when duration is 0 so as to
+      // not cause intermixed JS and native animations.
+      if (this._duration === 0 && !this._useNativeDriver) {
+        this._onUpdate(this._toValue)
+
+        this.__debouncedOnEnd({
+          finished: true,
+        })
+      } else {
+        this._startTime = Date.now()
+
+        if (this._useNativeDriver) {
+          this.__startNativeAnimation(animatedValue)
+        } else {
+          this._animationFrame = requestAnimationFrame(
+            // $FlowFixMe[method-unbinding] added when improving typing for this parameters
+            this.onUpdate.bind(this)
+          )
+        }
+      }
+    }
+
+    if (this._delay) {
+      this._timeout = setTimeout(start, this._delay)
+    } else {
+      start()
+    }
+  }
+
+  onUpdate() {
+    var now = Date.now()
+
+    if (now >= this._startTime + this._duration) {
+      if (this._duration === 0) {
+        this._onUpdate(this._toValue)
+      } else {
+        this._onUpdate(
+          this._fromValue + this._easing(1) * (this._toValue - this._fromValue)
+        )
+      }
+
+      this.__debouncedOnEnd({
+        finished: true,
+      })
+
+      return
+    }
+
+    this._onUpdate(
+      this._fromValue +
+        this._easing((now - this._startTime) / this._duration) *
+          (this._toValue - this._fromValue)
+    )
+
+    if (this.__active) {
+      // $FlowFixMe[method-unbinding] added when improving typing for this parameters
+      this._animationFrame = requestAnimationFrame(this.onUpdate.bind(this))
+    }
+  }
+
+  stop() {
+    super.stop()
+    this.__active = false
+    clearTimeout(this._timeout)
+    global.cancelAnimationFrame(this._animationFrame)
+
+    this.__debouncedOnEnd({
+      finished: false,
+    })
+  }
+}
+
+export default TimingAnimation