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

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

@@ -4,38 +4,35 @@
  * 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 { invariant } from '@tamagui/react-native-web-internals'
 
 import { AnimatedEvent } from '../AnimatedEvent'
-import NativeAnimatedHelper from '../NativeAnimatedHelper'
 import AnimatedNode from './AnimatedNode'
 import AnimatedStyle from './AnimatedStyle'
+import NativeAnimatedHelper from '../NativeAnimatedHelper'
+
+import { invariant } from '@tamagui/react-native-web-internals'
 
 class AnimatedProps extends AnimatedNode {
   constructor(props, callback) {
     super()
-
     if (props.style) {
-      props = { ...props, style: new AnimatedStyle(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]
-
+    const props = {}
+    for (const key in this._props) {
+      const 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
@@ -48,28 +45,23 @@ class AnimatedProps extends AnimatedNode {
         props[key] = value
       }
     }
-
     return props
   }
 
   __getAnimatedValue() {
-    var props = {}
-
-    for (var key in this._props) {
-      var value = this._props[key]
-
+    const props = {}
+    for (const key in this._props) {
+      const 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]
-
+    for (const key in this._props) {
+      const value = this._props[key]
       if (value instanceof AnimatedNode) {
         value.__addChild(this)
       }
@@ -80,15 +72,12 @@ class AnimatedProps extends AnimatedNode {
     if (this.__isNative && this._animatedView) {
       this.__disconnectAnimatedView()
     }
-
-    for (var key in this._props) {
-      var value = this._props[key]
-
+    for (const key in this._props) {
+      const value = this._props[key]
       if (value instanceof AnimatedNode) {
         value.__removeChild(this)
       }
     }
-
     super.__detach()
   }
 
@@ -99,15 +88,12 @@ class AnimatedProps extends AnimatedNode {
   __makeNative() {
     if (!this.__isNative) {
       this.__isNative = true
-
-      for (var key in this._props) {
-        var value = this._props[key]
-
+      for (const key in this._props) {
+        const value = this._props[key]
         if (value instanceof AnimatedNode) {
           value.__makeNative()
         }
       }
-
       if (this._animatedView) {
         this.__connectAnimatedView()
       }
@@ -118,9 +104,7 @@ class AnimatedProps extends AnimatedNode {
     if (this._animatedView === animatedView) {
       return
     }
-
     this._animatedView = animatedView
-
     if (this.__isNative) {
       this.__connectAnimatedView()
     }
@@ -128,7 +112,7 @@ class AnimatedProps extends AnimatedNode {
 
   __connectAnimatedView() {
     invariant(this.__isNative, 'Expected node to be marked as "native"')
-    var nativeViewTag = this._animatedView
+    const nativeViewTag = this._animatedView
     invariant(nativeViewTag != null, 'Unable to locate attached view in the native tree')
     NativeAnimatedHelper.API.connectAnimatedNodeToView(
       this.__getNativeTag(),
@@ -138,7 +122,7 @@ class AnimatedProps extends AnimatedNode {
 
   __disconnectAnimatedView() {
     invariant(this.__isNative, 'Expected node to be marked as "native"')
-    var nativeViewTag = this._animatedView
+    const nativeViewTag = this._animatedView
     invariant(nativeViewTag != null, 'Unable to locate attached view in the native tree')
     NativeAnimatedHelper.API.disconnectAnimatedNodeFromView(
       this.__getNativeTag(),
@@ -157,18 +141,14 @@ class AnimatedProps extends AnimatedNode {
   }
 
   __getNativeConfig() {
-    var propsConfig = {}
-
-    for (var propKey in this._props) {
-      var value = this._props[propKey]
-
+    const propsConfig = {}
+    for (const propKey in this._props) {
+      const value = this._props[propKey]
       if (value instanceof AnimatedNode) {
         value.__makeNative()
-
         propsConfig[propKey] = value.__getNativeTag()
       }
     }
-
     return {
       type: 'props',
       props: propsConfig,

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

@@ -4,28 +4,25 @@
  * 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 { StyleSheet } from '@tamagui/react-native-web-internals'
 
-import NativeAnimatedHelper from '../NativeAnimatedHelper'
 import AnimatedNode from './AnimatedNode'
 import AnimatedTransform from './AnimatedTransform'
 import AnimatedWithChildren from './AnimatedWithChildren'
+import NativeAnimatedHelper from '../NativeAnimatedHelper'
 
-var flattenStyle = StyleSheet.flatten
-
-function createAnimatedStyle(inputStyle) {
-  var style = flattenStyle(inputStyle)
-  var animatedStyles = {}
+import { StyleSheet } from '@tamagui/react-native-web-internals'
 
-  for (var key in style) {
-    var value = style[key]
+const flattenStyle = StyleSheet.flatten
 
-    if (key === 'transform') {
+function createAnimatedStyle(inputStyle) {
+  const style = flattenStyle(inputStyle)
+  const animatedStyles = {}
+  for (const key in style) {
+    const value = style[key]
+    if (key === 'transform' && Array.isArray(value)) {
       animatedStyles[key] = new AnimatedTransform(value)
     } else if (value instanceof AnimatedNode) {
       animatedStyles[key] = value
@@ -33,23 +30,24 @@ function createAnimatedStyle(inputStyle) {
       animatedStyles[key] = createAnimatedStyle(value)
     }
   }
-
   return animatedStyles
 }
 
 class AnimatedStyle extends AnimatedWithChildren {
+  _inputStyle
+  _style
+
   constructor(style) {
     super()
     this._inputStyle = style
     this._style = createAnimatedStyle(style)
-  } // Recursively get values for nested styles (like iOS's shadowOffset)
+  }
 
+  // Recursively get values for nested styles (like iOS's shadowOffset)
   _walkStyleAndGetValues(style) {
-    var updatedStyle = {}
-
-    for (var key in style) {
-      var value = style[key]
-
+    const updatedStyle = {}
+    for (const key in style) {
+      const value = style[key]
       if (value instanceof AnimatedNode) {
         if (!value.__isNative) {
           // We cannot use value of natively driven nodes this way as the value we have access from
@@ -63,20 +61,18 @@ class AnimatedStyle extends AnimatedWithChildren {
         updatedStyle[key] = value
       }
     }
-
     return updatedStyle
   }
 
   __getValue() {
     return [this._inputStyle, this._walkStyleAndGetValues(this._style)]
-  } // Recursively get animated values for nested styles (like iOS's shadowOffset)
+  }
 
+  // Recursively get animated values for nested styles (like iOS's shadowOffset)
   _walkStyleAndGetAnimatedValues(style) {
-    var updatedStyle = {}
-
-    for (var key in style) {
-      var value = style[key]
-
+    const updatedStyle = {}
+    for (const key in style) {
+      const value = style[key]
       if (value instanceof AnimatedNode) {
         updatedStyle[key] = value.__getAnimatedValue()
       } else if (value && !Array.isArray(value) && typeof value === 'object') {
@@ -84,7 +80,6 @@ class AnimatedStyle extends AnimatedWithChildren {
         updatedStyle[key] = this._walkStyleAndGetAnimatedValues(value)
       }
     }
-
     return updatedStyle
   }
 
@@ -93,9 +88,8 @@ class AnimatedStyle extends AnimatedWithChildren {
   }
 
   __attach() {
-    for (var key in this._style) {
-      var value = this._style[key]
-
+    for (const key in this._style) {
+      const value = this._style[key]
       if (value instanceof AnimatedNode) {
         value.__addChild(this)
       }
@@ -103,42 +97,34 @@ class AnimatedStyle extends AnimatedWithChildren {
   }
 
   __detach() {
-    for (var key in this._style) {
-      var value = this._style[key]
-
+    for (const key in this._style) {
+      const value = this._style[key]
       if (value instanceof AnimatedNode) {
         value.__removeChild(this)
       }
     }
-
     super.__detach()
   }
 
   __makeNative() {
-    for (var key in this._style) {
-      var value = this._style[key]
-
+    for (const key in this._style) {
+      const value = this._style[key]
       if (value instanceof AnimatedNode) {
         value.__makeNative()
       }
     }
-
     super.__makeNative()
   }
 
   __getNativeConfig() {
-    var styleConfig = {}
-
-    for (var styleKey in this._style) {
+    const styleConfig = {}
+    for (const styleKey in this._style) {
       if (this._style[styleKey] instanceof AnimatedNode) {
-        var style = this._style[styleKey]
-
+        const style = this._style[styleKey]
         style.__makeNative()
-
         styleConfig[styleKey] = style.__getNativeTag()
       }
     }
-
     NativeAnimatedHelper.validateStyles(styleConfig)
     return {
       type: 'style',

package/src/vendor/react-native/Animated/nodes/AnimatedSubtraction.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 AnimatedSubtraction 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: 'subtraction',
       input: [this._a.__getNativeTag(), this._b.__getNativeTag()],
-    }
+    };
   }
 }
 
-export default AnimatedSubtraction
+export default AnimatedSubtraction;

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

@@ -4,15 +4,22 @@
  * 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 { generateNewAnimationId, shouldUseNativeDriver } from '../NativeAnimatedHelper'
+import AnimatedValue from './AnimatedValue'
 import AnimatedNode from './AnimatedNode'
+import { generateNewAnimationId, shouldUseNativeDriver } from '../NativeAnimatedHelper'
 
 class AnimatedTracking extends AnimatedNode {
+  _value
+  _parent
+  _callback
+  _animationConfig
+  _animationClass
+  _useNativeDriver
+
   constructor(value, parent, animationClass, animationConfig, callback) {
     super()
     this._value = value
@@ -21,17 +28,13 @@ class AnimatedTracking extends AnimatedNode {
     this._animationConfig = animationConfig
     this._useNativeDriver = shouldUseNativeDriver(animationConfig)
     this._callback = callback
-
     this.__attach()
   }
 
   __makeNative() {
     this.__isNative = true
-
     this._parent.__makeNative()
-
     super.__makeNative()
-
     this._value.__makeNative()
   }
 
@@ -41,7 +44,6 @@ class AnimatedTracking extends AnimatedNode {
 
   __attach() {
     this._parent.__addChild(this)
-
     if (this._useNativeDriver) {
       // when the tracking starts we need to convert this node to a "native node"
       // so that the parent node will be made "native" too. This is necessary as
@@ -54,7 +56,6 @@ class AnimatedTracking extends AnimatedNode {
 
   __detach() {
     this._parent.__removeChild(this)
-
     super.__detach()
   }
 
@@ -69,19 +70,12 @@ class AnimatedTracking extends AnimatedNode {
   }
 
   __getNativeConfig() {
-    var animation = new this._animationClass(
-      _objectSpread(
-        _objectSpread({}, this._animationConfig),
-        {},
-        {
-          // remove toValue from the config as it's a ref to Animated.Value
-          toValue: undefined,
-        }
-      )
-    )
-
-    var animationConfig = animation.__getNativeAnimationConfig()
-
+    const animation = new this._animationClass({
+      ...this._animationConfig,
+      // remove toValue from the config as it's a ref to Animated.Value
+      toValue: undefined,
+    })
+    const animationConfig = animation.__getNativeAnimationConfig()
     return {
       type: 'tracking',
       animationId: generateNewAnimationId(),

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

@@ -4,127 +4,118 @@
  * 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 NativeAnimatedHelper from '../NativeAnimatedHelper'
-import AnimatedNode from './AnimatedNode'
-import AnimatedWithChildren from './AnimatedWithChildren'
+'use strict';
+
+import AnimatedNode from './AnimatedNode';
+import AnimatedWithChildren from './AnimatedWithChildren';
+import NativeAnimatedHelper from '../NativeAnimatedHelper';
 
 class AnimatedTransform extends AnimatedWithChildren {
+  _transforms;
+
   constructor(transforms) {
-    super()
-    this._transforms = transforms || []
+    super();
+    this._transforms = transforms;
   }
 
   __makeNative() {
-    this._transforms.forEach((transform) => {
-      for (var key in transform) {
-        var value = transform[key]
-
+    this._transforms.forEach(transform => {
+      for (const key in transform) {
+        const value = transform[key];
         if (value instanceof AnimatedNode) {
-          value.__makeNative()
+          value.__makeNative();
         }
       }
-    })
-
-    super.__makeNative()
+    });
+    super.__makeNative();
   }
 
   __getValue() {
-    return this._transforms.map((transform) => {
-      var result = {}
-
-      for (var key in transform) {
-        var value = transform[key]
-
+    return this._transforms.map(transform => {
+      const result = {};
+      for (const key in transform) {
+        const value = transform[key];
         if (value instanceof AnimatedNode) {
-          result[key] = value.__getValue()
+          result[key] = value.__getValue();
         } else {
-          result[key] = value
+          result[key] = value;
         }
       }
-
-      return result
-    })
+      return result;
+    });
   }
 
   __getAnimatedValue() {
-    return this._transforms.map((transform) => {
-      var result = {}
-
-      for (var key in transform) {
-        var value = transform[key]
-
+    return this._transforms.map(transform => {
+      const result = {};
+      for (const key in transform) {
+        const value = transform[key];
         if (value instanceof AnimatedNode) {
-          result[key] = value.__getAnimatedValue()
+          result[key] = value.__getAnimatedValue();
         } else {
           // All transform components needed to recompose matrix
-          result[key] = value
+          result[key] = value;
         }
       }
-
-      return result
-    })
+      return result;
+    });
   }
 
   __attach() {
-    this._transforms.forEach((transform) => {
-      for (var key in transform) {
-        var value = transform[key]
-
+    this._transforms.forEach(transform => {
+      for (const key in transform) {
+        const value = transform[key];
         if (value instanceof AnimatedNode) {
-          value.__addChild(this)
+          value.__addChild(this);
         }
       }
-    })
+    });
   }
 
   __detach() {
-    this._transforms.forEach((transform) => {
-      for (var key in transform) {
-        var value = transform[key]
-
+    this._transforms.forEach(transform => {
+      for (const key in transform) {
+        const value = transform[key];
         if (value instanceof AnimatedNode) {
-          value.__removeChild(this)
+          value.__removeChild(this);
         }
       }
-    })
-
-    super.__detach()
+    });
+    super.__detach();
   }
 
   __getNativeConfig() {
-    var transConfigs = []
-
-    this._transforms.forEach((transform) => {
-      for (var key in transform) {
-        var value = transform[key]
+    const transConfigs = [];
 
+    this._transforms.forEach(transform => {
+      for (const key in transform) {
+        const value = transform[key];
         if (value instanceof AnimatedNode) {
           transConfigs.push({
             type: 'animated',
             property: key,
             nodeTag: value.__getNativeTag(),
-          })
+          });
         } else {
           transConfigs.push({
             type: 'static',
             property: key,
             value: NativeAnimatedHelper.transformDataType(value),
-          })
+          });
         }
       }
-    })
+    });
 
-    NativeAnimatedHelper.validateTransform(transConfigs)
+    NativeAnimatedHelper.validateTransform(transConfigs);
     return {
       type: 'transform',
       transforms: transConfigs,
-    }
+    };
   }
 }
 
-export default AnimatedTransform
+export default AnimatedTransform;