@tamagui/react-native-web-lite 1.135.4 → 1.135.6

package/src/TouchableWithoutFeedback.tsx

@@ -31,7 +31,7 @@ const forwardPropsList = {
 
 const pickProps = (props) => pick(props, forwardPropsList)
 
-function TouchableWithoutFeedback(props, forwardedRef) {
+function TouchableWithoutFeedbackImpl(props, forwardedRef) {
   const {
     delayPressIn,
     delayPressOut,
@@ -89,9 +89,7 @@ function TouchableWithoutFeedback(props, forwardedRef) {
   return React.cloneElement(element, elementProps, ...children)
 }
 
-const MemoedTouchableWithoutFeedback = React.memo(
-  React.forwardRef(TouchableWithoutFeedback)
+export const TouchableWithoutFeedback = React.memo(
+  React.forwardRef(TouchableWithoutFeedbackImpl)
 )
-MemoedTouchableWithoutFeedback.displayName = 'TouchableWithoutFeedback'
-
-export default MemoedTouchableWithoutFeedback
+TouchableWithoutFeedback.displayName = 'TouchableWithoutFeedback'

package/src/UnimplementedView.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 
-import View from './View/index'
+import { View } from './View/index'
 
-export default class UnimplementedView extends React.Component {
+export class UnimplementedView extends React.Component {
   setNativeProps = () => {}
   render() {
     if (process.env.NODE_ENV === 'development') {

package/src/Vibration/index.tsx

@@ -16,7 +16,7 @@ const vibrate = (pattern: VibratePattern) => {
   }
 }
 
-const Vibration = {
+export const Vibration = {
   cancel() {
     vibrate(0)
   },
@@ -24,5 +24,3 @@ const Vibration = {
     vibrate(pattern)
   },
 }
-
-export default Vibration

package/src/View/index.tsx

@@ -135,6 +135,5 @@ const styles = {
   },
 }
 
-export { ViewProps }
-
+export { ViewProps, View }
 export default View

package/src/VirtualizedList.tsx

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import VirtualizedList from './vendor/react-native/VirtualizedList'
-export default VirtualizedList
+export { default as VirtualizedList } from './vendor/react-native/VirtualizedList'
+export { VirtualizedList as default } from './vendor/react-native/VirtualizedList'

package/src/codegenNativeCommand.ts

@@ -1,6 +1,6 @@
 // compat with bad imports in native
 
-export default function codegenNativeCommand() {
+export function codegenNativeCommand() {
   console.warn(`codegenNativeCommand on web is a no-op`)
   return {}
 }

package/src/codegenNativeComponent.ts

@@ -1,6 +1,6 @@
 // compat with bad imports in native
 
-export default function codegenNativeComponent() {
+export function codegenNativeComponent() {
   console.warn(`codegenNativeComponent on web is a no-op`)
   return {}
 }

package/src/createElement/index.tsx

@@ -55,7 +55,7 @@ export const useCreateElement = (component, props, options?) => {
   )
 }
 
-const createElement = (component, props, options?) => {
+export const createElement = (component, props, options?) => {
   const { element, styles } = createElementAndStyles(component, props, options)
 
   return (
@@ -93,5 +93,3 @@ const createElementAndStyles = (component, props, options?) => {
     styles,
   }
 }
-
-export default createElement

package/src/createReactDOMStyle.ts

@@ -1,3 +1 @@
-import { createReactDOMStyle } from '@tamagui/react-native-web-internals'
-
-export default createReactDOMStyle
+export { createReactDOMStyle } from '@tamagui/react-native-web-internals'

package/src/index.tsx

@@ -1,3 +1,5 @@
+import { createContext } from 'react'
+
 export {
   AccessibilityUtil,
   canUseDOM,
@@ -23,73 +25,73 @@ export {
   useMergeRefs,
   usePlatformMethods,
 } from '@tamagui/react-native-web-internals'
-export { default as unstable_createElement } from './createElement/index'
-export { default as NativeModules } from './NativeModules/index'
-export { default as render } from './render/index'
+export { createElement as unstable_createElement } from './createElement/index'
+export { NativeModules } from './NativeModules/index'
+export { render } from './render/index'
 
-// animated
+// animated - keep default as these are vendor files
 export { default as Animated } from './vendor/react-native/Animated/Animated'
 export { default as Easing } from './vendor/react-native/Animated/Easing'
 
-// react-native
+// react-native - keep default as these are vendor files
 export { default as NativeEventEmitter } from './vendor/react-native/EventEmitter/NativeEventEmitter'
 
 // APIs
-export { default as AccessibilityInfo } from './AccessibilityInfo/index'
-export { default as Alert } from './Alert/index'
-export { default as Appearance } from './Appearance/index'
-export { default as AppRegistry } from './AppRegistry/index'
-export { default as AppState } from './AppState/index'
-export { default as BackHandler } from './BackHandler/index'
-export { default as Clipboard } from './Clipboard/index'
-export { default as DeviceEmitter, default as DeviceEventEmitter } from './DeviceEmitter'
-export { default as DeviceInfo } from './DeviceInfo/index'
-export { default as Dimensions } from './Dimensions/index'
-export { default as I18nManager } from './I18nManager/index'
-export { default as Keyboard } from './Keyboard/index'
+export { AccessibilityInfo } from './AccessibilityInfo/index'
+export { Alert } from './Alert/index'
+export { Appearance } from './Appearance/index'
+export { AppRegistry } from './AppRegistry/index'
+export { AppState } from './AppState/index'
+export { BackHandler } from './BackHandler/index'
+export { Clipboard } from './Clipboard/index'
+export { DeviceEmitter, DeviceEmitter as DeviceEventEmitter } from './DeviceEmitter'
+export { DeviceInfo } from './DeviceInfo/index'
+export { Dimensions } from './Dimensions/index'
+export { I18nManager } from './I18nManager/index'
+export { Keyboard } from './Keyboard/index'
 
-export { default as Linking } from './Linking/index'
-export { default as PanResponder } from './PanResponder/index'
-export { default as PixelRatio } from './PixelRatio/index'
-export { default as Share } from './Share/index'
-export { default as Vibration } from './Vibration/index'
+export { Linking } from './Linking/index'
+export { PanResponder } from './PanResponder/index'
+export { PixelRatio } from './PixelRatio/index'
+export { Share } from './Share/index'
+export { Vibration } from './Vibration/index'
 
 // implemented components
-export { default as FlatList } from './FlatList'
-export { default as SectionList } from './SectionList'
-export { default as VirtualizedList } from './VirtualizedList'
-export { default as TouchableNativeFeedback } from './TouchableNativeFeedback'
+export { FlatList } from './FlatList'
+export { SectionList } from './SectionList'
+export { VirtualizedList } from './VirtualizedList'
+export { TouchableNativeFeedback } from './TouchableNativeFeedback'
 
 // unimplemented
 export {
-  default as DrawerLayoutAndroid,
-  default as Switch,
-  default as TouchableHighlight,
+  UnimplementedView as DrawerLayoutAndroid,
+  UnimplementedView as Switch,
+  UnimplementedView as TouchableHighlight,
 } from './UnimplementedView'
 
-export { default as Touchable, default as TouchableOpacity } from './TouchableOpacity'
-export { default as TouchableWithoutFeedback } from './TouchableWithoutFeedback'
+export { TouchableOpacity as Touchable, TouchableOpacity } from './TouchableOpacity'
+export { TouchableWithoutFeedback } from './TouchableWithoutFeedback'
 
 // components
-export { default as ActivityIndicator } from './ActivityIndicator/index'
-export { default as Image } from './Image/index'
-export { default as ImageBackground } from './ImageBackground/index'
-export { default as KeyboardAvoidingView } from './KeyboardAvoidingView/index'
-export { default as LogBox } from './LogBox/index'
-export { default as Modal } from './Modal/index'
-export { default as Pressable } from './Pressable/index'
-export { default as RefreshControl } from './RefreshControl/index'
-export { default as SafeAreaView } from './SafeAreaView/index'
-export { default as ScrollView } from './ScrollView/index'
-export { default as StatusBar } from './StatusBar/index'
-export { default as Text } from './Text/index'
-export { default as TextInput } from './TextInput/index'
-export { default as View } from './View/index'
+export { ActivityIndicator } from './ActivityIndicator/index'
+export { Image } from './Image/index'
+export { ImageBackground } from './ImageBackground/index'
+export { KeyboardAvoidingView } from './KeyboardAvoidingView/index'
+export { LogBox } from './LogBox/index'
+export { Modal } from './Modal/index'
+export { Pressable } from './Pressable/index'
+export { RefreshControl } from './RefreshControl/index'
+export { SafeAreaView } from './SafeAreaView/index'
+export { ScrollView } from './ScrollView/index'
+export { StatusBar } from './StatusBar/index'
+export { Text } from './Text/index'
+export { TextInput } from './TextInput/index'
+export { View } from './View/index'
 
 // hooks
-export { default as useColorScheme } from './useColorScheme/index'
+export { useColorScheme } from './useColorScheme/index'
 export { useLocaleContext } from './useLocaleContext/index'
-export { default as useWindowDimensions } from './useWindowDimensions/index'
+export { useWindowDimensions } from './useWindowDimensions/index'
 
 export function requireNativeComponent(name: string) {
   return function FakeComponent() {
@@ -104,3 +106,5 @@ export const findNodeHandle = (component: any) => {
 // compat with rn:
 
 export { unstable_batchedUpdates } from 'react-dom'
+
+export const RootTagContext = createContext(null)

package/src/modules/requestIdleCallback.ts

@@ -23,12 +23,9 @@ const _cancelIdleCallback = function (id: any) {
 
 const isSupported = typeof window !== 'undefined' && typeof window.requestIdleCallback !== 'undefined'
 
-const requestIdleCallback: (cb: any, options?: any) => any = isSupported
+export const requestIdleCallback: (cb: any, options?: any) => any = isSupported
   ? window.requestIdleCallback
   : _requestIdleCallback
-const cancelIdleCallback: (id: any) => void = isSupported
+export const cancelIdleCallback: (id: any) => void = isSupported
   ? window.cancelIdleCallback
-  : _cancelIdleCallback
-
-export default requestIdleCallback
-export { cancelIdleCallback }
+  : _cancelIdleCallback

package/src/render/index.tsx

@@ -13,4 +13,4 @@ export function render(element, root) {}
 
 export function hydrateLegacy(element, root, callback) {}
 
-export default function renderLegacy(element, root, callback) {}
+export function renderLegacy(element, root, callback) {}

package/src/useColorScheme/index.tsx

@@ -11,9 +11,9 @@
 import * as React from 'react'
 
 import type { ColorSchemeName } from '../Appearance/index'
-import Appearance from '../Appearance/index'
+import { Appearance } from '../Appearance/index'
 
-export default function useColorScheme(): ColorSchemeName {
+export function useColorScheme(): ColorSchemeName {
   const [colorScheme, setColorScheme] = React.useState(Appearance.getColorScheme())
 
   React.useEffect(() => {

package/src/useWindowDimensions/index.tsx

@@ -11,9 +11,9 @@
 import React from 'react'
 
 import type { DisplayMetrics } from '../Dimensions/index'
-import Dimensions from '../Dimensions/index'
+import { Dimensions } from '../Dimensions/index'
 
-export default function useWindowDimensions(): DisplayMetrics {
+export function useWindowDimensions(): DisplayMetrics {
   const [dims, setDims] = React.useState(() => Dimensions.get('window'))
   React.useEffect(() => {
     function handleChange({ window }) {

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

@@ -8,20 +8,18 @@
  */
 
 import { Platform } from '@tamagui/react-native-web-internals'
-
-import FlatList from './components/AnimatedFlatList'
-import Image from './components/AnimatedImage'
-import ScrollView from './components/AnimatedScrollView'
-import SectionList from './components/AnimatedSectionList'
-import Text from './components/AnimatedText'
-import View from './components/AnimatedView'
-
-import AnimatedMock from './AnimatedMock'
-import AnimatedImplementation from './AnimatedImplementation'
+import { AnimatedImplementation } from './AnimatedImplementation'
+import { AnimatedMock } from './AnimatedMock'
+import { FlatList } from './components/AnimatedFlatList'
+import { AnimatedImage as Image } from './components/AnimatedImage'
+import { ScrollView } from './components/AnimatedScrollView'
+import { SectionList } from './components/AnimatedSectionList'
+import { AnimatedText as Text } from './components/AnimatedText'
+import { AnimatedView as View } from './components/AnimatedView'
 
 const Animated = Platform.isTesting ? AnimatedMock : AnimatedImplementation
 
-export default {
+const AnimatedExports = {
   FlatList,
   Image,
   ScrollView,
@@ -29,4 +27,8 @@ export default {
   Text,
   View,
   ...Animated,
-}
+};
+
+export { AnimatedExports }
+export default AnimatedExports
+  

package/src/vendor/react-native/Animated/AnimatedEvent.js

@@ -10,8 +10,8 @@
 
 'use strict'
 
-import AnimatedValue from './nodes/AnimatedValue'
-import NativeAnimatedHelper from './NativeAnimatedHelper'
+import { AnimatedValue } from './nodes/AnimatedValue'
+import { NativeAnimatedHelper } from './NativeAnimatedHelper'
 
 import { invariant } from '@tamagui/react-native-web-internals'
 

package/src/vendor/react-native/Animated/AnimatedImplementation.js

@@ -11,25 +11,25 @@
 'use strict'
 
 import { AnimatedEvent, attachNativeEvent } from './AnimatedEvent'
-import AnimatedAddition from './nodes/AnimatedAddition'
-import AnimatedDiffClamp from './nodes/AnimatedDiffClamp'
-import AnimatedDivision from './nodes/AnimatedDivision'
-import AnimatedInterpolation from './nodes/AnimatedInterpolation'
-import AnimatedModulo from './nodes/AnimatedModulo'
-import AnimatedMultiplication from './nodes/AnimatedMultiplication'
-import AnimatedNode from './nodes/AnimatedNode'
-import AnimatedProps from './nodes/AnimatedProps'
-import AnimatedSubtraction from './nodes/AnimatedSubtraction'
-import AnimatedTracking from './nodes/AnimatedTracking'
-import AnimatedValue from './nodes/AnimatedValue'
-import AnimatedValueXY from './nodes/AnimatedValueXY'
-import DecayAnimation from './animations/DecayAnimation'
-import SpringAnimation from './animations/SpringAnimation'
-import TimingAnimation from './animations/TimingAnimation'
-
-import createAnimatedComponent from './createAnimatedComponent'
+import { AnimatedAddition } from './nodes/AnimatedAddition'
+import { AnimatedDiffClamp } from './nodes/AnimatedDiffClamp'
+import { AnimatedDivision } from './nodes/AnimatedDivision'
+import { AnimatedInterpolation } from './nodes/AnimatedInterpolation'
+import { AnimatedModulo } from './nodes/AnimatedModulo'
+import { AnimatedMultiplication } from './nodes/AnimatedMultiplication'
+import { AnimatedNode } from './nodes/AnimatedNode'
+import { AnimatedProps } from './nodes/AnimatedProps'
+import { AnimatedSubtraction } from './nodes/AnimatedSubtraction'
+import { AnimatedTracking } from './nodes/AnimatedTracking'
+import { AnimatedValue } from './nodes/AnimatedValue'
+import { AnimatedValueXY } from './nodes/AnimatedValueXY'
+import { DecayAnimation } from './animations/DecayAnimation'
+import { SpringAnimation } from './animations/SpringAnimation'
+import { TimingAnimation } from './animations/TimingAnimation'
+
+import { createAnimatedComponent } from './createAnimatedComponent'
 import { AnimationConfig, EndCallback, EndResult } from './animations/Animation'
-import AnimatedColor from './nodes/AnimatedColor'
+import { AnimatedColor } from './nodes/AnimatedColor'
 
 // CompositeAnimation interface removed
 
@@ -466,7 +466,7 @@ const event = function (argMapping, config) {
  *
  * See https://reactnative.dev/docs/animated
  */
-export default {
+const AnimatedImplementationExports = {
   /**
    * Standard value class for driving animations.  Typically initialized with
    * `new Animated.Value(0);`
@@ -642,4 +642,8 @@ export default {
    * Expose Event class, so it can be used as a type for type checkers.
    */
   Event: AnimatedEvent,
-}
+};
+
+export { AnimatedImplementationExports }
+export { AnimatedImplementationExports as AnimatedImplementation }
+export default AnimatedImplementationExports

package/src/vendor/react-native/Animated/AnimatedMock.js

@@ -11,15 +11,15 @@
 'use strict'
 
 import { AnimatedEvent, attachNativeEvent } from './AnimatedEvent'
-import AnimatedImplementation from './AnimatedImplementation'
-import AnimatedInterpolation from './nodes/AnimatedInterpolation'
-import AnimatedNode from './nodes/AnimatedNode'
-import AnimatedValue from './nodes/AnimatedValue'
-import AnimatedValueXY from './nodes/AnimatedValueXY'
+import { AnimatedImplementation } from './AnimatedImplementation'
+import { AnimatedInterpolation } from './nodes/AnimatedInterpolation'
+import { AnimatedNode } from './nodes/AnimatedNode'
+import { AnimatedValue } from './nodes/AnimatedValue'
+import { AnimatedValueXY } from './nodes/AnimatedValueXY'
 
-import createAnimatedComponent from './createAnimatedComponent'
+import { createAnimatedComponent } from './createAnimatedComponent'
 
-import AnimatedColor from './nodes/AnimatedColor'
+import { AnimatedColor } from './nodes/AnimatedColor'
 
 /**
  * Animations are a source of flakiness in snapshot testing. This mock replaces
@@ -122,7 +122,7 @@ const loop = function (animation, { iterations = -1 } = {}) {
   return emptyAnimation
 }
 
-export default {
+const AnimatedMockExports = {
   Value: AnimatedValue,
   ValueXY: AnimatedValueXY,
   Color: AnimatedColor,
@@ -148,4 +148,8 @@ export default {
   forkEvent: AnimatedImplementation.forkEvent,
   unforkEvent: AnimatedImplementation.unforkEvent,
   Event: AnimatedEvent,
-}
+};
+
+export { AnimatedMockExports }
+export { AnimatedMockExports as AnimatedMock }
+export default AnimatedMockExports

package/src/vendor/react-native/Animated/Easing.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import _bezier from './bezier';
+import { bezier as _bezier } from './bezier';
 
 let ease;
 
@@ -250,4 +250,5 @@ class Easing {
   }
 }
 
+export { Easing }
 export default Easing;

package/src/vendor/react-native/Animated/NativeAnimatedHelper.js

@@ -8,13 +8,13 @@
  * @format
  */
 
-import NativeAnimatedNonTurboModule from './NativeAnimatedModule'
-import NativeAnimatedTurboModule from './NativeAnimatedTurboModule'
-import NativeEventEmitter from '../EventEmitter/NativeEventEmitter'
-import Platform from '../Utilities/Platform'
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags'
+import { NativeAnimatedNonTurboModule } from './NativeAnimatedModule'
+import { NativeAnimatedTurboModule } from './NativeAnimatedTurboModule'
+import { NativeEventEmitter } from '../EventEmitter/NativeEventEmitter'
+import { Platform } from '../Utilities/Platform'
+import { ReactNativeFeatureFlags } from '../ReactNative/ReactNativeFeatureFlags'
 import { invariant } from '@tamagui/react-native-web-internals'
-import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter'
+import { RCTDeviceEventEmitter } from '../EventEmitter/RCTDeviceEventEmitter'
 
 // TODO T69437152 @petetheheat - Delete this fork when Fabric ships to 100%.
 const NativeAnimatedModule =
@@ -492,7 +492,7 @@ export {
   transformDataType,
 }
 
-export default {
+const NativeAnimatedHelper = {
   API,
   isSupportedColorStyleProp,
   isSupportedStyleProp,
@@ -520,3 +520,6 @@ export default {
     return nativeEventEmitter
   },
 }
+
+export { NativeAnimatedHelper }
+export default NativeAnimatedHelper

package/src/vendor/react-native/Animated/NativeAnimatedModule.js

@@ -64,4 +64,6 @@ const spec = {
   queueAndExecuteBatchedOperations: (operationsAndArgs) => {},
 };
 
-export default TurboModuleRegistry.get('NativeAnimatedModule') || spec;
+const NativeAnimatedNonTurboModule = TurboModuleRegistry.get('NativeAnimatedModule') || spec;
+export { NativeAnimatedNonTurboModule }
+export default NativeAnimatedNonTurboModule;

package/src/vendor/react-native/Animated/NativeAnimatedTurboModule.js

@@ -60,4 +60,6 @@ const spec = {
   removeListeners: (count) => {},
 };
 
-export default TurboModuleRegistry.get('NativeAnimatedTurboModule') || spec;
+const NativeAnimatedTurboModule = TurboModuleRegistry.get('NativeAnimatedTurboModule') || spec;
+export { NativeAnimatedTurboModule }
+export default NativeAnimatedTurboModule;

package/src/vendor/react-native/Animated/SpringConfig.js

@@ -79,7 +79,10 @@ function fromBouncinessAndSpeed(bounciness, speed) {
   }
 }
 
-export default {
+const SpringConfig = {
   fromOrigamiTensionAndFriction,
   fromBouncinessAndSpeed,
-}
+};
+
+export { SpringConfig }
+export default SpringConfig

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

@@ -9,7 +9,7 @@
 
 'use strict';
 
-import NativeAnimatedHelper from '../NativeAnimatedHelper';
+import { NativeAnimatedHelper } from '../NativeAnimatedHelper';
 
 
 let startNativeAnimationNextId = 1;
@@ -73,4 +73,5 @@ class Animation {
   }
 }
 
+export { Animation }
 export default Animation;

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

@@ -9,7 +9,7 @@
 
 'use strict';
 
-import Animation from './Animation';
+import { Animation } from './Animation';
 
 import {shouldUseNativeDriver} from '../NativeAnimatedHelper';
 
@@ -92,4 +92,5 @@ class DecayAnimation extends Animation {
   }
 }
 
+export { DecayAnimation }
 export default DecayAnimation;

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

@@ -9,8 +9,8 @@
 
 'use strict'
 
-import Animation from './Animation'
-import SpringConfig from '../SpringConfig'
+import { Animation } from './Animation'
+import { SpringConfig } from '../SpringConfig'
 
 import { invariant } from '@tamagui/react-native-web-internals'
 
@@ -287,4 +287,5 @@ class SpringAnimation extends Animation {
   }
 }
 
+export { SpringAnimation }
 export default SpringAnimation

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

@@ -7,9 +7,9 @@
  * @format
  */
 
-import Easing from '../Easing'
+import { Easing } from '../Easing'
 
-import Animation from './Animation'
+import { Animation } from './Animation'
 
 import { shouldUseNativeDriver } from '../NativeAnimatedHelper'
 
@@ -129,4 +129,5 @@ class TimingAnimation extends Animation {
   }
 }
 
+export { TimingAnimation }
 export default TimingAnimation

package/src/vendor/react-native/Animated/bezier.js

@@ -81,7 +81,7 @@ function newtonRaphsonIterate(aX, _aGuessT, mX1, mX2) {
   return aGuessT;
 }
 
-export default function bezier(
+function bezier(
   mX1,
   mY1,
   mX2,
@@ -151,3 +151,6 @@ export default function bezier(
     return calcBezier(getTForX(x), mY1, mY2);
   };
 };
+
+export { bezier }
+export default bezier;

package/src/vendor/react-native/Animated/components/AnimatedFlatList.jsx

@@ -9,15 +9,17 @@
 
 import * as React from 'react';
 
-import FlatList from '../../../../FlatList';
-import createAnimatedComponent from '../createAnimatedComponent';
+import { FlatList as FlatListComponent } from '../../../../FlatList';
+import { createAnimatedComponent } from '../createAnimatedComponent';
 
 
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
 const FlatListWithEventThrottle = React.forwardRef((props, ref) => (
-  <FlatList scrollEventThrottle={0.0001} {...props} ref={ref} />
+  <FlatListComponent scrollEventThrottle={0.0001} {...props} ref={ref} />
 ));
 
-export default createAnimatedComponent(FlatListWithEventThrottle);
+const FlatList = createAnimatedComponent(FlatListWithEventThrottle);
+export { FlatList }
+export default FlatList;