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

package/src/AccessibilityInfo/index.tsx

@@ -43,7 +43,7 @@ function removeChangeListener(fn) {
 
 const handlers = {}
 
-const AccessibilityInfo = {
+export const AccessibilityInfo = {
   /**
    * Query whether a screen reader is currently enabled.
    *
@@ -111,5 +111,3 @@ const AccessibilityInfo = {
     return
   },
 }
-
-export default AccessibilityInfo

package/src/ActivityIndicator/index.tsx

@@ -12,7 +12,7 @@ import * as React from 'react'
 import { StyleSheet } from '@tamagui/react-native-web-internals'
 
 import type { ViewProps } from '../View/index'
-import View from '../View/index'
+import { View } from '../View/index'
 
 const createSvgCircle = (style) => (
   <circle cx="16" cy="16" fill="none" r="14" strokeWidth="4" style={style} />
@@ -112,4 +112,5 @@ const indicatorSizes = StyleSheet.create({
   },
 })
 
+export { ActivityIndicator }
 export default ActivityIndicator

package/src/Alert/index.tsx

@@ -7,8 +7,6 @@
  * @flow
  */
 
-class Alert {
+export class Alert {
   static alert() {}
 }
-
-export default Alert

package/src/AppRegistry/AppContainer.tsx

@@ -11,7 +11,7 @@
 import * as React from 'react'
 import { StyleSheet } from '@tamagui/react-native-web-internals'
 
-import View from '../View/index'
+import { View } from '../View/index'
 
 type Props = {
   WrapperComponent?: React.FunctionComponent<any> | null
@@ -19,7 +19,7 @@ type Props = {
   rootTag: any
 }
 
-const RootTagContext: React.Context<any> = React.createContext(null)
+export const RootTagContext: React.Context<any> = React.createContext(null)
 
 const AppContainer = React.forwardRef((props: Props, forwardedRef?: React.Ref<any>) => {
   const { children, WrapperComponent } = props
@@ -45,10 +45,10 @@ const AppContainer = React.forwardRef((props: Props, forwardedRef?: React.Ref<an
 
 AppContainer.displayName = 'AppContainer'
 
-export default AppContainer
-
 const styles = StyleSheet.create({
   appContainer: {
     flex: 1,
   },
 })
+
+export { AppContainer }

package/src/AppRegistry/index.tsx

@@ -13,7 +13,7 @@ import type { ComponentType, ReactNode } from 'react'
 import { unmountComponentAtNode } from 'react-dom'
 import { invariant } from '@tamagui/react-native-web-internals'
 
-import renderApplication, { getApplication } from './renderApplication'
+import { renderApplication, getApplication } from './renderApplication'
 
 type AppParams = Object
 
@@ -51,7 +51,7 @@ let wrapperComponentProvider: WrapperComponentProvider | null
 /**
  * `AppRegistry` is the JS entry point to running all React Native apps.
  */
-export default class AppRegistry {
+export class AppRegistry {
   static getAppKeys(): Array<string> {
     return Object.keys(runnables)
   }

package/src/AppRegistry/renderApplication.tsx

@@ -13,10 +13,10 @@ import React from 'react'
 import { StyleSheet } from '@tamagui/react-native-web-internals'
 import { invariant } from '@tamagui/react-native-web-internals'
 
-import renderLegacy, { hydrate, hydrateLegacy, render } from '../render/index'
-import AppContainer from './AppContainer'
+import { renderLegacy, hydrate, hydrateLegacy, render } from '../render/index'
+import { AppContainer } from './AppContainer'
 
-export default function renderApplication<Props extends Object>(
+export function renderApplication<Props extends Object>(
   RootComponent: ComponentType<Props>,
   WrapperComponent: FunctionComponent<any> | null = null,
   callback: () => void = () => {},

package/src/AppState/index.tsx

@@ -47,7 +47,7 @@ let hasBoundVisibilityChangeEvent = false
 
 const changeEmitter = new EventEmitter()
 
-export default class AppState {
+export class AppState {
   static isAvailable = canUseDOM && document[VISIBILITY_STATE_PROPERTY]
 
   static get currentState() {

package/src/Appearance/index.tsx

@@ -27,7 +27,7 @@ function getQuery(): MediaQueryList | null {
 const query = getQuery()
 const listenerMapping = new WeakMap<AppearanceListener, DOMAppearanceListener>()
 
-const Appearance = {
+export const Appearance = {
   getColorScheme(): ColorSchemeName {
     return query && query.matches ? 'dark' : 'light'
   },
@@ -57,5 +57,3 @@ const Appearance = {
     return { remove }
   },
 }
-
-export default Appearance

package/src/BackHandler/index.tsx

@@ -10,7 +10,7 @@
 
 function emptyFunction() {}
 
-const BackHandler = {
+export const BackHandler = {
   exitApp: emptyFunction,
   addEventListener(): {
     remove: () => void
@@ -21,5 +21,3 @@ const BackHandler = {
   },
   removeEventListener: emptyFunction,
 }
-
-export default BackHandler

package/src/Clipboard/index.tsx

@@ -10,7 +10,7 @@
 
 let clipboardAvailable
 
-export default class Clipboard {
+export class Clipboard {
   static isAvailable(): boolean {
     if (clipboardAvailable === undefined) {
       clipboardAvailable =

package/src/DeviceEmitter.ts

@@ -1,3 +1,3 @@
-import EventEmitter from './vendor/react-native/emitter/_EventEmitter'
+import { EventEmitter } from './vendor/react-native/emitter/_EventEmitter'
 
-export default new EventEmitter()
+export const DeviceEmitter = new EventEmitter()

package/src/DeviceInfo/index.tsx

@@ -10,9 +10,9 @@
 import { canUseDOM } from '@tamagui/react-native-web-internals'
 
 import type { DisplayMetrics } from '../Dimensions/index'
-import Dimensions from '../Dimensions/index'
+import { Dimensions } from '../Dimensions/index'
 
-const DeviceInfo = {
+export const DeviceInfo = {
   Dimensions: {
     get windowPhysicalPixels(): DisplayMetrics {
       const { width, height, fontScale, scale } = Dimensions.get('window')
@@ -53,5 +53,3 @@ const DeviceInfo = {
     return canUseDOM ? navigator.userAgent : ''
   },
 }
-
-export default DeviceInfo

package/src/Dimensions/index.tsx

@@ -73,7 +73,7 @@ function handleResize() {
   }
 }
 
-export default class Dimensions {
+export class Dimensions {
   static get(dimension: DimensionKey): DisplayMetrics {
     if (shouldInit) {
       shouldInit = false
@@ -125,3 +125,5 @@ export default class Dimensions {
 if (canUseDOM) {
   window.addEventListener('resize', handleResize, false)
 }
+
+export default Dimensions

package/src/FlatList.tsx

@@ -9,13 +9,13 @@
 import { invariant, Platform } from '@tamagui/react-native-web-internals'
 import memoizeOne from 'memoize-one'
 import React from 'react'
-import deepDiffer from './vendor/react-native/deepDiffer'
+import { deepDiffer } from './vendor/react-native/deepDiffer'
 import type { ViewabilityConfigCallbackPair } from './vendor/react-native/ViewabilityHelper'
 import type { RenderItemType } from './vendor/react-native/VirtualizedList'
-import VirtualizedList from './vendor/react-native/VirtualizedList'
+import { VirtualizedList } from './vendor/react-native/VirtualizedList'
 import type { ViewProps } from './View'
 import { keyExtractor as defaultKeyExtractor } from './vendor/react-native/VirtualizeUtils'
-import View from './View'
+import { View } from './View'
 
 type ScrollViewNativeComponent = any
 type ViewStyleProp = ViewProps['style']
@@ -327,4 +327,5 @@ const styles = {
   row: { flexDirection: 'row' },
 }
 
+export { FlatList }
 export default FlatList

package/src/I18nManager/index.tsx

@@ -18,7 +18,7 @@ type Constants = {
   isRTL: boolean
 }
 
-const I18nManager: I18nManagerStatus = {
+export const I18nManager: I18nManagerStatus = {
   allowRTL() {
     return
   },
@@ -29,5 +29,3 @@ const I18nManager: I18nManagerStatus = {
     return { isRTL: false }
   },
 }
-
-export default I18nManager

package/src/Image/index.tsx

@@ -16,9 +16,9 @@ import {
 } from '@tamagui/react-native-web-internals'
 import { ImageLoader, getAssetByID } from '@tamagui/react-native-web-internals'
 
-import createElement from '../createElement/index'
-import PixelRatio from '../PixelRatio/index'
-import View from '../View/index'
+import { createElement } from '../createElement/index'
+import { PixelRatio } from '../PixelRatio/index'
+import { View } from '../View/index'
 import type { ImageProps } from './types'
 
 export type { ImageProps }
@@ -397,4 +397,5 @@ const resizeModeStyles = StyleSheet.create({
   },
 })
 
+export { ImageWithStatics as Image }
 export default ImageWithStatics

package/src/ImageBackground/index.tsx

@@ -12,9 +12,9 @@ import { forwardRef } from 'react'
 import { StyleSheet } from '@tamagui/react-native-web-internals'
 
 import type { ImageProps } from '../Image/index'
-import Image from '../Image/index'
+import { Image } from '../Image/index'
 import type { ViewProps } from '../View/index'
-import View from '../View/index'
+import { View } from '../View/index'
 
 type ImageBackgroundProps = ImageProps & {
   imageRef?: any
@@ -62,4 +62,5 @@ const ImageBackground = forwardRef<React.ElementRef<typeof View>, ImageBackgroun
 
 ImageBackground.displayName = 'ImageBackground'
 
+export { ImageBackground }
 export default ImageBackground

package/src/InteractionManager/TaskQueue.tsx

@@ -17,7 +17,7 @@ interface QueueItem {
   popable: boolean
 }
 
-class TaskQueue {
+export class TaskQueue {
   private _queueStack: QueueItem[]
   private _onMoreTasks: () => void
 
@@ -110,5 +110,3 @@ class TaskQueue {
       })
   }
 }
-
-export default TaskQueue

package/src/InteractionManager/index.tsx

@@ -9,8 +9,8 @@
 import { invariant } from '@tamagui/react-native-web-internals'
 import EventEmitter from '../vendor/react-native/emitter/_EventEmitter'
 import type { Task } from './TaskQueue'
-import TaskQueue from './TaskQueue'
-import requestIdleCallback from '../modules/requestIdleCallback'
+import { TaskQueue } from './TaskQueue'
+import { requestIdleCallback } from '../modules/requestIdleCallback'
 
 type EventSubscription = any
 
@@ -137,4 +137,4 @@ function _processUpdate() {
   _deleteInteractionSet.clear()
 }
 
-export default InteractionManager
+export { InteractionManager }

package/src/Keyboard/index.tsx

@@ -10,7 +10,7 @@
 
 import { dismissKeyboard } from '@tamagui/react-native-web-internals'
 
-const Keyboard = {
+export const Keyboard = {
   addListener(): {
     remove: () => void
   } {
@@ -22,5 +22,3 @@ const Keyboard = {
   removeAllListeners() {},
   removeListener() {},
 }
-
-export default Keyboard

package/src/KeyboardAvoidingView/index.tsx

@@ -12,7 +12,7 @@ import * as React from 'react'
 
 import type { LayoutEvent, LayoutValue } from '../types'
 import type { ViewProps } from '../View/index'
-import View from '../View/index'
+import { View } from '../View/index'
 
 type KeyboardAvoidingViewProps = ViewProps & {
   behavior?: 'height' | 'padding' | 'position'
@@ -20,7 +20,7 @@ type KeyboardAvoidingViewProps = ViewProps & {
   keyboardVerticalOffset: number
 }
 
-class KeyboardAvoidingView extends React.Component<KeyboardAvoidingViewProps> {
+export class KeyboardAvoidingView extends React.Component<KeyboardAvoidingViewProps> {
   frame: LayoutValue | null = null
 
   relativeKeyboardHeight(keyboardFrame: Record<string, any>): number {

package/src/Linking/index.tsx

@@ -109,4 +109,5 @@ const open = (url, target) => {
   }
 }
 
-export default new Linking()
+const LinkingInstance = new Linking()
+export { LinkingInstance as Linking }

package/src/LogBox/index.tsx

@@ -7,7 +7,7 @@
  * @flow
  */
 
-const LogBox = {
+export const LogBox = {
   ignoreLogs() {},
   ignoreAllLogs() {},
   uninstall() {},

package/src/Modal/ModalAnimation.js

@@ -10,7 +10,7 @@
 import * as React from 'react'
 import { StyleSheet } from '@tamagui/react-native-web-internals'
 
-import createElement from '../createElement/index'
+import { createElement } from '../createElement/index'
 
 var ANIMATION_DURATION = 300
 
@@ -26,7 +26,7 @@ function getAnimationStyle(animationType, visible) {
   return visible ? styles.container : styles.hidden
 }
 
-function ModalAnimation(props) {
+export function ModalAnimation(props) {
   var animationType = props.animationType,
     children = props.children,
     onDismiss = props.onDismiss,
@@ -176,4 +176,3 @@ var animatedSlideInStyles = [styles.container, styles.animatedIn, styles.slideIn
 var animatedSlideOutStyles = [styles.container, styles.animatedOut, styles.slideOut]
 var animatedFadeInStyles = [styles.container, styles.animatedIn, styles.fadeIn]
 var animatedFadeOutStyles = [styles.container, styles.animatedOut, styles.fadeOut]
-export default ModalAnimation

package/src/Modal/ModalContent.js

@@ -10,9 +10,9 @@
 import * as React from 'react'
 import { StyleSheet, canUseDOM } from '@tamagui/react-native-web-internals'
 
-import View from '../View'
+import { View } from '../View'
 
-var ModalContent = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
+export const ModalContent = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
   const { active, children, onRequestClose, transparent, ...rest } = props
 
   React.useEffect(() => {
@@ -71,4 +71,3 @@ var styles = StyleSheet.create({
     flex: 1,
   },
 })
-export default ModalContent

package/src/Modal/ModalPortal.js

@@ -11,7 +11,7 @@ import * as React from 'react'
 import ReactDOM from 'react-dom'
 import { canUseDOM } from '@tamagui/react-native-web-internals'
 
-function ModalPortal(props) {
+export function ModalPortal(props) {
   var children = props.children
   var elementRef = React.useRef(null)
 
@@ -38,5 +38,3 @@ function ModalPortal(props) {
     ? /*#__PURE__*/ ReactDOM.createPortal(children, elementRef.current)
     : null
 }
-
-export default ModalPortal

package/src/Modal/index.js

@@ -1 +1 @@
-export default () => null
+export const Modal = () => null

package/src/NativeModules/index.tsx

@@ -10,8 +10,6 @@
 import { UIManager } from '@tamagui/react-native-web-internals'
 
 // NativeModules shim
-const NativeModules = {
+export const NativeModules = {
   UIManager,
 }
-
-export default NativeModules

package/src/PanResponder/Alternative.tsx

@@ -382,4 +382,4 @@ function clearInteractionHandle(
   }
 }
 
-export default PanResponder
+export { PanResponder }

package/src/PanResponder/index.tsx

@@ -1,2 +1 @@
-import PanResponder from '../vendor/react-native/PanResponder/index'
-export default PanResponder
+export { default as PanResponder } from '../vendor/react-native/PanResponder/index'

package/src/PixelRatio/index.tsx

@@ -8,12 +8,12 @@
  * @flow
  */
 
-import Dimensions from '../Dimensions/index'
+import { Dimensions } from '../Dimensions/index'
 
 /**
  * PixelRatio gives access to the device pixel density.
  */
-export default class PixelRatio {
+export class PixelRatio {
   /**
    * Returns the device pixel density.
    */

package/src/Pressable/index.tsx

@@ -17,7 +17,7 @@ import { StyleSheet } from '@tamagui/react-native-web-internals'
 import { useHover, useMergeRefs } from '@tamagui/react-native-web-internals'
 
 import type { ViewProps } from '../View/index'
-import View from '../View/index'
+import { View } from '../View/index'
 
 type HoverEventsConfig = any
 
@@ -229,7 +229,8 @@ const styles = StyleSheet.create({
   },
 })
 
-const MemoedPressable = memo(forwardRef(Pressable as any))
-MemoedPressable.displayName = 'Pressable'
+const PressableComponent = memo(forwardRef(Pressable as any))
+PressableComponent.displayName = 'Pressable'
 
-export default MemoedPressable
+export { PressableComponent as Pressable }
+export default PressableComponent

package/src/RefreshControl/index.tsx

@@ -12,7 +12,7 @@ import type { ReactNode } from 'react'
 
 import type { ColorValue } from '../types'
 import type { ViewProps } from '../View/index'
-import View from '../View/index'
+import { View } from '../View/index'
 
 type RefreshControlProps = {
   colors?: Array<ColorValue>
@@ -27,7 +27,7 @@ type RefreshControlProps = {
   titleColor?: ColorValue
 } & ViewProps
 
-function RefreshControl(props: RefreshControlProps): ReactNode {
+export function RefreshControl(props: RefreshControlProps): ReactNode {
   const {
     /* eslint-disable */
     colors,

package/src/SafeAreaView/index.tsx

@@ -12,7 +12,7 @@ import * as React from 'react'
 import { StyleSheet, canUseDOM } from '@tamagui/react-native-web-internals'
 
 import type { ViewProps } from '../View/index'
-import View from '../View/index'
+import { View } from '../View/index'
 
 const cssFunction: 'constant' | 'env' = (() => {
   if (
@@ -44,4 +44,5 @@ const styles = StyleSheet.create({
   },
 })
 
+export { SafeAreaView }
 export default SafeAreaView

package/src/ScrollView/ScrollViewBase.tsx

@@ -11,7 +11,7 @@ import { useMergeRefs } from '@tamagui/react-native-web-internals'
 import * as React from 'react'
 
 import type { ViewProps } from '../View/index'
-import View from '../View/index'
+import { View } from '../View/index'
 
 type Props = ViewProps & {
   onMomentumScrollBegin?: (e: any) => void
@@ -174,4 +174,5 @@ const styles = {
   },
 }
 
+export { ScrollViewBase }
 export default ScrollViewBase

package/src/ScrollView/index.tsx

@@ -21,9 +21,9 @@ import {
   warning,
 } from '@tamagui/react-native-web-internals'
 
-import Dimensions from '../Dimensions/index'
-import View from '../View/index'
-import ScrollViewBase from './ScrollViewBase'
+import { Dimensions } from '../Dimensions/index'
+import { View } from '../View/index'
+import { ScrollViewBase } from './ScrollViewBase'
 
 const emptyObject = {} as any
 const IS_ANIMATING_TOUCH_START_THRESHOLD_MS = 16
@@ -752,6 +752,7 @@ const ForwardedScrollView = React.forwardRef((props, forwardedRef) => {
 
 ForwardedScrollView.displayName = 'ScrollView'
 
+export { ForwardedScrollView as ScrollView }
 export default ForwardedScrollView
 
 /**

package/src/SectionList.tsx

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

package/src/Share/index.tsx

@@ -22,7 +22,7 @@ type Content =
       url?: string
     }
 
-class Share {
+export class Share {
   static share(content: Content, options: Object = {}): Promise<void> {
     invariant(
       typeof content === 'object' && content !== null,
@@ -67,5 +67,3 @@ class Share {
     return 'dismissedAction'
   }
 }
-
-export default Share

package/src/StatusBar/index.tsx

@@ -9,7 +9,7 @@
 
 const emptyFunction = () => {}
 
-function StatusBar(): null {
+export function StatusBar(): null {
   return null
 }
 

package/src/Text/index.tsx

@@ -204,4 +204,5 @@ const styles = {
   },
 }
 
+export { Text }
 export default Text

package/src/TextInput/index.tsx

@@ -449,4 +449,5 @@ const styles = StyleSheet.create({
   },
 })
 
+export { TextInput }
 export default TextInput

package/src/TouchableNativeFeedback.tsx

@@ -5,5 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import UnimplementedView from './UnimplementedView'
-export default UnimplementedView
+export { UnimplementedView as TouchableNativeFeedback } from './UnimplementedView'

package/src/TouchableOpacity.tsx

@@ -18,13 +18,13 @@ import {
   usePressEvents,
 } from '@tamagui/react-native-web-internals'
 
-import View from './View'
+import { View } from './View'
 
 /**
  * A wrapper for making views respond properly to touches.
  * On press down, the opacity of the wrapped view is decreased, dimming it.
  */
-function TouchableOpacity(props, forwardedRef) {
+function TouchableOpacityImpl(props, forwardedRef) {
   const {
     activeOpacity,
     delayPressIn,
@@ -142,11 +142,9 @@ const styles = StyleSheet.create({
   },
 })
 
-const MemoedTouchableOpacity = React.memo(React.forwardRef(TouchableOpacity))
-MemoedTouchableOpacity.displayName = 'TouchableOpacity'
+export const TouchableOpacity = React.memo(React.forwardRef(TouchableOpacityImpl))
+TouchableOpacity.displayName = 'TouchableOpacity'
 
 // compat
 // @ts-ignore
-MemoedTouchableOpacity.Mixin = {}
-
-export default MemoedTouchableOpacity
+TouchableOpacity.Mixin = {}