@tamagui/react-native-web-lite 1.129.13 → 1.129.15

package/src/vendor/react-native/Animated/nodes/{AnimatedInterpolation.js → AnimatedInterpolation.jsx}

@@ -4,39 +4,38 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- *
  * @format
  */
 
 /* eslint no-bitwise: 0 */
-'use strict'
 
-import normalizeColor from '@tamagui/normalize-css-color'
-import { invariant } from '@tamagui/react-native-web-internals'
+'use strict'
 
-import NativeAnimatedHelper from '../NativeAnimatedHelper'
 import AnimatedWithChildren from './AnimatedWithChildren'
+import NativeAnimatedHelper from '../NativeAnimatedHelper'
+import { normalizeColor, invariant } from '@tamagui/react-native-web-internals'
 
-var __DEV__ = process.env.NODE_ENV !== 'production'
+const __DEV__ = process.env.NODE_ENV !== 'production'
+
+const linear = (t) => t
 
-var linear = (t) => t
 /**
  * Very handy helper to map input ranges to output ranges with an easing
  * function and custom behavior outside of the ranges.
  */
-
 function createInterpolation(config) {
   if (config.outputRange && typeof config.outputRange[0] === 'string') {
     return createInterpolationFromStringOutputRange(config)
   }
 
-  var outputRange = config.outputRange
-  var inputRange = config.inputRange
+  const outputRange = config.outputRange
+  const inputRange = config.inputRange
 
   if (__DEV__) {
     checkInfiniteRange('outputRange', outputRange)
     checkInfiniteRange('inputRange', inputRange)
     checkValidInputRange(inputRange)
+
     invariant(
       inputRange.length === outputRange.length,
       'inputRange (' +
@@ -47,17 +46,16 @@ function createInterpolation(config) {
     )
   }
 
-  var easing = config.easing || linear
-  var extrapolateLeft = 'extend'
+  const easing = config.easing || linear
 
+  let extrapolateLeft = 'extend'
   if (config.extrapolateLeft !== undefined) {
     extrapolateLeft = config.extrapolateLeft
   } else if (config.extrapolate !== undefined) {
     extrapolateLeft = config.extrapolate
   }
 
-  var extrapolateRight = 'extend'
-
+  let extrapolateRight = 'extend'
   if (config.extrapolateRight !== undefined) {
     extrapolateRight = config.extrapolateRight
   } else if (config.extrapolate !== undefined) {
@@ -69,7 +67,8 @@ function createInterpolation(config) {
       typeof input === 'number',
       'Cannot interpolation an input which is not a number'
     )
-    var range = findRange(input, inputRange)
+
+    const range = findRange(input, inputRange)
     return interpolate(
       input,
       inputRange[range],
@@ -93,8 +92,9 @@ function interpolate(
   extrapolateLeft,
   extrapolateRight
 ) {
-  var result = input // Extrapolate
+  let result = input
 
+  // Extrapolate
   if (result < inputMin) {
     if (extrapolateLeft === 'identity') {
       return result
@@ -123,20 +123,22 @@ function interpolate(
     if (input <= inputMin) {
       return outputMin
     }
-
     return outputMax
-  } // Input Range
+  }
 
+  // Input Range
   if (inputMin === -Infinity) {
     result = -result
   } else if (inputMax === Infinity) {
     result = result - inputMin
   } else {
     result = (result - inputMin) / (inputMax - inputMin)
-  } // Easing
+  }
 
-  result = easing(result) // Output Range
+  // Easing
+  result = easing(result)
 
+  // Output Range
   if (outputMin === -Infinity) {
     result = -result
   } else if (outputMax === Infinity) {
@@ -149,21 +151,23 @@ function interpolate(
 }
 
 function colorToRgba(input) {
-  var normalizedColor = normalizeColor(input)
-
+  let normalizedColor = normalizeColor(input)
   if (normalizedColor === null || typeof normalizedColor !== 'number') {
     return input
   }
 
   normalizedColor = normalizedColor || 0
-  var r = (normalizedColor & 0xff000000) >>> 24
-  var g = (normalizedColor & 0x00ff0000) >>> 16
-  var b = (normalizedColor & 0x0000ff00) >>> 8
-  var a = (normalizedColor & 0x000000ff) / 255
-  return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + a + ')'
+
+  const r = (normalizedColor & 0xff000000) >>> 24
+  const g = (normalizedColor & 0x00ff0000) >>> 16
+  const b = (normalizedColor & 0x0000ff00) >>> 8
+  const a = (normalizedColor & 0x000000ff) / 255
+
+  return `rgba(${r}, ${g}, ${b}, ${a})`
 }
 
-var stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g
+const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g
+
 /**
  * Supports string shapes by extracting numbers so new values can be computed,
  * and recombines those values into new strings of the same shape.  Supports
@@ -172,12 +176,13 @@ var stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g
  *   rgba(123, 42, 99, 0.36) // colors
  *   -45deg                  // values with units
  */
-
 function createInterpolationFromStringOutputRange(config) {
-  var outputRange = config.outputRange
+  let outputRange = config.outputRange
   invariant(outputRange.length >= 2, 'Bad output range')
   outputRange = outputRange.map(colorToRgba)
-  checkPattern(outputRange) // ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.5)']
+  checkPattern(outputRange)
+
+  // ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.5)']
   // ->
   // [
   //   [0, 50],
@@ -185,46 +190,36 @@ function createInterpolationFromStringOutputRange(config) {
   //   [200, 250],
   //   [0, 0.5],
   // ]
-
-  /* $FlowFixMe[incompatible-use] (>=0.18.0): `outputRange[0].match()` can
-   * return `null`. Need to guard against this possibility. */
-
-  var outputRanges = outputRange[0].match(stringShapeRegex).map(() => [])
+  const outputRanges = outputRange[0].match(stringShapeRegex).map(() => [])
   outputRange.forEach((value) => {
-    /* $FlowFixMe[incompatible-use] (>=0.18.0): `value.match()` can return
-     * `null`. Need to guard against this possibility. */
     value.match(stringShapeRegex).forEach((number, i) => {
       outputRanges[i].push(+number)
     })
   })
-  var interpolations = outputRange[0]
-    .match(stringShapeRegex)
-    /* $FlowFixMe[incompatible-use] (>=0.18.0): `outputRange[0].match()` can
-     * return `null`. Need to guard against this possibility. */
 
-    /* $FlowFixMe[incompatible-call] (>=0.18.0): `outputRange[0].match()` can
-     * return `null`. Need to guard against this possibility. */
+  const interpolations = outputRange[0]
+    .match(stringShapeRegex)
     .map((value, i) => {
       return createInterpolation({
         ...config,
         outputRange: outputRanges[i],
       })
-    }) // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
+    })
+
+  // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
   // round the opacity (4th column).
+  const shouldRound = isRgbOrRgba(outputRange[0])
 
-  var shouldRound = isRgbOrRgba(outputRange[0])
   return (input) => {
-    var i = 0 // 'rgba(0, 100, 200, 0)'
+    let i = 0
+    // 'rgba(0, 100, 200, 0)'
     // ->
     // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
-
     return outputRange[0].replace(stringShapeRegex, () => {
-      var val = +interpolations[i++](input)
-
+      let val = +interpolations[i++](input)
       if (shouldRound) {
         val = i < 4 ? Math.round(val) : Math.round(val * 1000) / 1000
       }
-
       return String(val)
     })
   }
@@ -235,9 +230,8 @@ function isRgbOrRgba(range) {
 }
 
 function checkPattern(arr) {
-  var pattern = arr[0].replace(stringShapeRegex, '')
-
-  for (var i = 1; i < arr.length; ++i) {
+  const pattern = arr[0].replace(stringShapeRegex, '')
+  for (let i = 1; i < arr.length; ++i) {
     invariant(
       pattern === arr[i].replace(stringShapeRegex, ''),
       'invalid pattern ' + arr[0] + ' and ' + arr[i]
@@ -246,22 +240,20 @@ function checkPattern(arr) {
 }
 
 function findRange(input, inputRange) {
-  var i
-
+  let i
   for (i = 1; i < inputRange.length - 1; ++i) {
     if (inputRange[i] >= input) {
       break
     }
   }
-
   return i - 1
 }
 
 function checkValidInputRange(arr) {
   invariant(arr.length >= 2, 'inputRange must have at least 2 elements')
-  var message = 'inputRange must be monotonically non-decreasing ' + String(arr)
-
-  for (var i = 1; i < arr.length; ++i) {
+  const message =
+    'inputRange must be monotonically non-decreasing ' + String(arr)
+  for (let i = 1; i < arr.length; ++i) {
     invariant(arr[i] >= arr[i - 1], message)
   }
 }
@@ -270,17 +262,14 @@ function checkInfiniteRange(name, arr) {
   invariant(arr.length >= 2, name + ' must have at least 2 elements')
   invariant(
     arr.length !== 2 || arr[0] !== -Infinity || arr[1] !== Infinity,
-    /* $FlowFixMe[incompatible-type] (>=0.13.0) - In the addition expression
-     * below this comment, one or both of the operands may be something that
-     * doesn't cleanly convert to a string, like undefined, null, and object,
-     * etc. If you really mean this implicit string conversion, you can do
-     * something like String(myThing) */
     name + 'cannot be ]-infinity;+infinity[ ' + arr
   )
 }
 
 class AnimatedInterpolation extends AnimatedWithChildren {
   // Export for testing.
+  static __createInterpolation = createInterpolation
+
   constructor(parent, config) {
     super()
     this._parent = parent
@@ -290,13 +279,11 @@ class AnimatedInterpolation extends AnimatedWithChildren {
 
   __makeNative(platformConfig) {
     this._parent.__makeNative(platformConfig)
-
     super.__makeNative(platformConfig)
   }
 
   __getValue() {
-    var parentValue = this._parent.__getValue()
-
+    const parentValue = this._parent.__getValue()
     invariant(
       typeof parentValue === 'number',
       'Cannot interpolate an input which is not a number.'
@@ -314,7 +301,6 @@ class AnimatedInterpolation extends AnimatedWithChildren {
 
   __detach() {
     this._parent.__removeChild(this)
-
     super.__detach()
   }
 
@@ -340,5 +326,4 @@ class AnimatedInterpolation extends AnimatedWithChildren {
   }
 }
 
-AnimatedInterpolation.__createInterpolation = createInterpolation
 export default AnimatedInterpolation

package/src/vendor/react-native/Animated/nodes/AnimatedModulo.js

@@ -4,15 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- *
+ * @format
  * @format
  */
-'use strict'
 
 import AnimatedInterpolation from './AnimatedInterpolation'
 import AnimatedWithChildren from './AnimatedWithChildren'
 
 class AnimatedModulo extends AnimatedWithChildren {
+  _a
+  _modulus
+
   constructor(a, modulus) {
     super()
     this._a = a
@@ -21,7 +23,6 @@ class AnimatedModulo extends AnimatedWithChildren {
 
   __makeNative(platformConfig) {
     this._a.__makeNative(platformConfig)
-
     super.__makeNative(platformConfig)
   }
 
@@ -39,7 +40,6 @@ class AnimatedModulo extends AnimatedWithChildren {
 
   __detach() {
     this._a.__removeChild(this)
-
     super.__detach()
   }
 

package/src/vendor/react-native/Animated/nodes/AnimatedMultiplication.js

@@ -4,58 +4,59 @@
  * 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 AnimatedInterpolation from './AnimatedInterpolation'
-import AnimatedValue from './AnimatedValue'
-import AnimatedWithChildren from './AnimatedWithChildren'
+'use strict';
+
+
+import AnimatedInterpolation from './AnimatedInterpolation';
+import AnimatedValue from './AnimatedValue';
+import AnimatedWithChildren from './AnimatedWithChildren';
+
 
 class AnimatedMultiplication extends AnimatedWithChildren {
+  _a;
+  _b;
+
   constructor(a, b) {
-    super()
-    this._a = typeof a === 'number' ? new AnimatedValue(a) : a
-    this._b = typeof b === 'number' ? new AnimatedValue(b) : b
+    super();
+    this._a = typeof a === 'number' ? new AnimatedValue(a) : a;
+    this._b = typeof b === 'number' ? new AnimatedValue(b) : b;
   }
 
   __makeNative(platformConfig) {
-    this._a.__makeNative(platformConfig)
-
-    this._b.__makeNative(platformConfig)
-
-    super.__makeNative(platformConfig)
+    this._a.__makeNative(platformConfig);
+    this._b.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
 
   __getValue() {
-    return this._a.__getValue() * this._b.__getValue()
+    return this._a.__getValue() * this._b.__getValue();
   }
 
-  interpolate(config) {
-    return new AnimatedInterpolation(this, config)
+  interpolate(
+    config,
+  ) {
+    return new AnimatedInterpolation(this, config);
   }
-
   __attach() {
-    this._a.__addChild(this)
-
-    this._b.__addChild(this)
+    this._a.__addChild(this);
+    this._b.__addChild(this);
   }
 
   __detach() {
-    this._a.__removeChild(this)
-
-    this._b.__removeChild(this)
-
-    super.__detach()
+    this._a.__removeChild(this);
+    this._b.__removeChild(this);
+    super.__detach();
   }
 
   __getNativeConfig() {
     return {
       type: 'multiplication',
       input: [this._a.__getNativeTag(), this._b.__getNativeTag()],
-    }
+    };
   }
 }
 
-export default AnimatedMultiplication
+export default AnimatedMultiplication;

package/src/vendor/react-native/Animated/nodes/AnimatedNode.js

@@ -4,42 +4,45 @@
  * 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'
 import { invariant } from '@tamagui/react-native-web-internals'
 
-import NativeAnimatedHelper from '../NativeAnimatedHelper'
-var NativeAnimatedAPI = NativeAnimatedHelper.API
-var _uniqueId = 1 // Note(vjeux): this would be better as an interface but flow doesn't
-// support them yet
+const NativeAnimatedAPI = NativeAnimatedHelper.API
 
+let _uniqueId = 1
+
+// Note(vjeux): this would be better as an interface but flow doesn't
+// support them yet
 class AnimatedNode {
+  _listeners
+  _platformConfig
+  __nativeAnimatedValueListener
   __attach() {}
-
   __detach() {
     if (this.__isNative && this.__nativeTag != null) {
       NativeAnimatedHelper.API.dropAnimatedNode(this.__nativeTag)
       this.__nativeTag = undefined
     }
   }
-
   __getValue() {}
-
   __getAnimatedValue() {
     return this.__getValue()
   }
-
   __addChild(child) {}
-
   __removeChild(child) {}
-
   __getChildren() {
     return []
   }
+
   /* Methods and props used by native Animated impl */
+  __isNative
+  __nativeTag
+  __shouldUpdateListenersForNewNativeTag
 
   constructor() {
     this._listeners = {}
@@ -51,11 +54,11 @@ class AnimatedNode {
     }
 
     this._platformConfig = platformConfig
-
     if (this.hasListeners()) {
       this._startListeningToNativeValueUpdates()
     }
   }
+
   /**
    * Adds an asynchronous listener to the value so you can observe updates from
    * animations.  This is useful because there is no way to
@@ -63,40 +66,35 @@ class AnimatedNode {
    *
    * See https://reactnative.dev/docs/animatedvalue#addlistener
    */
-
   addListener(callback) {
-    var id = String(_uniqueId++)
+    const id = String(_uniqueId++)
     this._listeners[id] = callback
-
     if (this.__isNative) {
       this._startListeningToNativeValueUpdates()
     }
-
     return id
   }
+
   /**
    * Unregister a listener. The `id` param shall match the identifier
    * previously returned by `addListener()`.
    *
    * See https://reactnative.dev/docs/animatedvalue#removelistener
    */
-
   removeListener(id) {
     delete this._listeners[id]
-
     if (this.__isNative && !this.hasListeners()) {
       this._stopListeningForNativeValueUpdates()
     }
   }
+
   /**
    * Remove all registered listeners.
    *
    * See https://reactnative.dev/docs/animatedvalue#removealllisteners
    */
-
   removeAllListeners() {
     this._listeners = {}
-
     if (this.__isNative) {
       this._stopListeningForNativeValueUpdates()
     }
@@ -116,7 +114,6 @@ class AnimatedNode {
 
     if (this.__shouldUpdateListenersForNewNativeTag) {
       this.__shouldUpdateListenersForNewNativeTag = false
-
       this._stopListeningForNativeValueUpdates()
     }
 
@@ -128,7 +125,6 @@ class AnimatedNode {
           if (data.tag !== this.__getNativeTag()) {
             return
           }
-
           this.__onAnimatedValueUpdateReceived(data.value)
         }
       )
@@ -139,10 +135,8 @@ class AnimatedNode {
   }
 
   __callListeners(value) {
-    for (var _key in this._listeners) {
-      this._listeners[_key]({
-        value,
-      })
+    for (const key in this._listeners) {
+      this._listeners[key]({ value })
     }
   }
 
@@ -152,44 +146,34 @@ class AnimatedNode {
     }
 
     this.__nativeAnimatedValueListener.remove()
-
     this.__nativeAnimatedValueListener = null
     NativeAnimatedAPI.stopListeningToAnimatedNodeValue(this.__getNativeTag())
   }
 
   __getNativeTag() {
-    var _this$__nativeTag
-
     NativeAnimatedHelper.assertNativeAnimatedModule()
     invariant(
       this.__isNative,
       'Attempt to get native tag from node not marked as "native"'
     )
-    var nativeTag =
-      (_this$__nativeTag = this.__nativeTag) !== null && _this$__nativeTag !== void 0
-        ? _this$__nativeTag
-        : NativeAnimatedHelper.generateNewNodeTag()
+
+    const nativeTag = this.__nativeTag ?? NativeAnimatedHelper.generateNewNodeTag()
 
     if (this.__nativeTag == null) {
       this.__nativeTag = nativeTag
-
-      var config = this.__getNativeConfig()
-
+      const config = this.__getNativeConfig()
       if (this._platformConfig) {
         config.platformConfig = this._platformConfig
       }
-
       NativeAnimatedHelper.API.createAnimatedNode(nativeTag, config)
       this.__shouldUpdateListenersForNewNativeTag = true
     }
 
     return nativeTag
   }
-
   __getNativeConfig() {
     throw new Error('This JS animated node type cannot be used as native animated node')
   }
-
   toJSON() {
     return this.__getValue()
   }
@@ -197,7 +181,6 @@ class AnimatedNode {
   __getPlatformConfig() {
     return this._platformConfig
   }
-
   __setPlatformConfig(platformConfig) {
     this._platformConfig = platformConfig
   }