@hanzogui/react-native-web-lite 8.3.0 → 8.3.2

package/src/DeviceEmitter.ts

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

package/src/DeviceInfo/index.tsx

@@ -9,8 +9,8 @@
 
 import { canUseDOM } from '@hanzogui/react-native-web-internals'
 
-import type { DisplayMetrics } from '../Dimensions/index'
-import { Dimensions } from '../Dimensions/index'
+import type { DisplayMetrics } from '../Dimensions/index.tsx'
+import { Dimensions } from '../Dimensions/index.tsx'
 
 export const DeviceInfo = {
   Dimensions: {

package/src/Dimensions/__tests__/index-test.tsx

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import Dimensions from '..'
+import Dimensions from '../index.tsx'
 
 describe('apis/Dimensions/index.js', () => {
   test('get', () => {

package/src/FlatList.tsx

@@ -9,13 +9,13 @@
 import { invariant, Platform } from '@hanzogui/react-native-web-internals'
 import memoizeOne from 'memoize-one'
 import React from 'react'
-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 type { ViewProps } from './View'
-import { keyExtractor as defaultKeyExtractor } from './vendor/react-native/VirtualizeUtils'
-import { View } from './View'
+import { deepDiffer } from './vendor/react-native/deepDiffer/index.js'
+import type { ViewabilityConfigCallbackPair } from './vendor/react-native/ViewabilityHelper.ts'
+import type { RenderItemType } from './vendor/react-native/VirtualizedList/index.js'
+import { VirtualizedList } from './vendor/react-native/VirtualizedList/index.js'
+import type { ViewProps } from './View/index.tsx'
+import { keyExtractor as defaultKeyExtractor } from './vendor/react-native/VirtualizeUtils/index.js'
+import { View } from './View/index.tsx'
 
 type ScrollViewNativeComponent = any
 type ViewStyleProp = ViewProps['style']

package/src/Image/index.tsx

@@ -16,10 +16,10 @@ import {
 } from '@hanzogui/react-native-web-internals'
 import { ImageLoader, getAssetByID } from '@hanzogui/react-native-web-internals'
 
-import { createElement } from '../createElement/index'
-import { PixelRatio } from '../PixelRatio/index'
-import { View } from '../View/index'
-import type { ImageProps } from './types'
+import { createElement } from '../createElement/index.tsx'
+import { PixelRatio } from '../PixelRatio/index.tsx'
+import { View } from '../View/index.tsx'
+import type { ImageProps } from './types.tsx'
 
 export type { ImageProps }
 

package/src/Image/types.tsx

@@ -15,9 +15,9 @@ import type {
   LayoutStyles,
   ShadowStyles,
   TransformStyles,
-} from '../styleTypes'
-import type { ColorValue, GenericStyleProp } from '../types'
-import type { ViewProps } from '../View/types'
+} from '../styleTypes.ts'
+import type { ColorValue, GenericStyleProp } from '../types.ts'
+import type { ViewProps } from '../View/types.tsx'
 
 type SourceObject = {
   /**

package/src/ImageBackground/__tests__/index-test.tsx

@@ -8,8 +8,8 @@
 import { render } from '@testing-library/react'
 import React from 'react'
 
-import Text from '../../Text'
-import ImageBackground from '..'
+import Text from '../../Text/index.tsx'
+import ImageBackground from '../index.tsx'
 
 function findImage(container) {
   return container.firstChild.firstChild

package/src/ImageBackground/index.tsx

@@ -11,10 +11,10 @@ import * as React from 'react'
 import { forwardRef } from 'react'
 import { StyleSheet } from '@hanzogui/react-native-web-internals'
 
-import type { ImageProps } from '../Image/index'
-import { Image } from '../Image/index'
-import type { ViewProps } from '../View/index'
-import { View } from '../View/index'
+import type { ImageProps } from '../Image/index.tsx'
+import { Image } from '../Image/index.tsx'
+import type { ViewProps } from '../View/index.tsx'
+import { View } from '../View/index.tsx'
 
 type ImageBackgroundProps = ImageProps & {
   imageRef?: any

package/src/InteractionManager/index.tsx

@@ -7,10 +7,10 @@
  */
 
 import { invariant } from '@hanzogui/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 EventEmitter from '../vendor/react-native/emitter/_EventEmitter.js'
+import type { Task } from './TaskQueue.tsx'
+import { TaskQueue } from './TaskQueue.tsx'
+import { requestIdleCallback } from '../modules/requestIdleCallback.ts'
 
 type EventSubscription = any
 

package/src/KeyboardAvoidingView/index.tsx

@@ -10,9 +10,9 @@
 
 import * as React from 'react'
 
-import type { LayoutEvent, LayoutValue } from '../types'
-import type { ViewProps } from '../View/index'
-import { View } from '../View/index'
+import type { LayoutEvent, LayoutValue } from '../types.ts'
+import type { ViewProps } from '../View/index.tsx'
+import { View } from '../View/index.tsx'
 
 type KeyboardAvoidingViewProps = ViewProps & {
   behavior?: 'height' | 'padding' | 'position'

package/src/Linking/__tests__/index-test.tsx

@@ -1,6 +1,6 @@
 /* eslint-env jasmine, jest */
 
-import Linking from '..'
+import Linking from '../index.tsx'
 
 describe('apis/Linking', () => {
   describe('openURL', () => {

package/src/Modal/ModalAnimation.js

@@ -10,7 +10,7 @@
 import * as React from 'react'
 import { StyleSheet } from '@hanzogui/react-native-web-internals'
 
-import { createElement } from '../createElement/index'
+import { createElement } from '../createElement/index.tsx'
 
 var ANIMATION_DURATION = 300
 

package/src/Modal/ModalContent.js

@@ -10,7 +10,7 @@
 import * as React from 'react'
 import { StyleSheet, canUseDOM } from '@hanzogui/react-native-web-internals'
 
-import { View } from '../View'
+import { View } from '../View/index.tsx'
 
 export const ModalContent = /*#__PURE__*/ React.forwardRef((props, forwardedRef) => {
   const { active, children, onRequestClose, transparent, ...rest } = props

package/src/PanResponder/Alternative.tsx

@@ -53,7 +53,7 @@
 
 import { InteractionManager } from '@hanzogui/react-native-web-internals'
 
-import TouchHistoryMath from '../vendor/react-native/TouchHistoryMath/index'
+import TouchHistoryMath from '../vendor/react-native/TouchHistoryMath/index.js'
 
 type PressEvent = any
 

package/src/PanResponder/index.tsx

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

package/src/PixelRatio/index.tsx

@@ -8,7 +8,7 @@
  * @flow
  */
 
-import { Dimensions } from '../Dimensions/index'
+import { Dimensions } from '../Dimensions/index.tsx'
 
 /**
  * PixelRatio gives access to the device pixel density.

package/src/Pressable/index.tsx

@@ -16,8 +16,8 @@ import { forwardRef, memo, useMemo, useRef, useState } from 'react'
 import { StyleSheet } from '@hanzogui/react-native-web-internals'
 import { useHover, useMergeRefs } from '@hanzogui/react-native-web-internals'
 
-import type { ViewProps } from '../View/index'
-import { View } from '../View/index'
+import type { ViewProps } from '../View/index.tsx'
+import { View } from '../View/index.tsx'
 
 type HoverEventsConfig = any
 

package/src/RefreshControl/index.tsx

@@ -10,9 +10,9 @@
 
 import type { ReactNode } from 'react'
 
-import type { ColorValue } from '../types'
-import type { ViewProps } from '../View/index'
-import { View } from '../View/index'
+import type { ColorValue } from '../types.ts'
+import type { ViewProps } from '../View/index.tsx'
+import { View } from '../View/index.tsx'
 
 type RefreshControlProps = {
   colors?: Array<ColorValue>

package/src/SafeAreaView/index.tsx

@@ -11,8 +11,8 @@
 import * as React from 'react'
 import { StyleSheet, canUseDOM } from '@hanzogui/react-native-web-internals'
 
-import type { ViewProps } from '../View/index'
-import { View } from '../View/index'
+import type { ViewProps } from '../View/index.tsx'
+import { View } from '../View/index.tsx'
 
 const cssFunction: 'constant' | 'env' = (() => {
   if (

package/src/ScrollView/ScrollViewBase.tsx

@@ -10,8 +10,8 @@
 import { useMergeRefs } from '@hanzogui/react-native-web-internals'
 import * as React from 'react'
 
-import type { ViewProps } from '../View/index'
-import { View } from '../View/index'
+import type { ViewProps } from '../View/index.tsx'
+import { View } from '../View/index.tsx'
 
 type Props = ViewProps & {
   onMomentumScrollBegin?: (e: any) => void

package/src/ScrollView/index.tsx

@@ -21,9 +21,9 @@ import {
   warning,
 } from '@hanzogui/react-native-web-internals'
 
-import { Dimensions } from '../Dimensions/index'
-import { View } from '../View/index'
-import { ScrollViewBase } from './ScrollViewBase'
+import { Dimensions } from '../Dimensions/index.tsx'
+import { View } from '../View/index.tsx'
+import { ScrollViewBase } from './ScrollViewBase.tsx'
 
 const emptyObject = {} as any
 const IS_ANIMATING_TOUCH_START_THRESHOLD_MS = 16

package/src/SectionList.tsx

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

package/src/Text/index.tsx

@@ -21,9 +21,9 @@ import {
 } from '@hanzogui/react-native-web-internals'
 import * as React from 'react'
 
-import { useCreateElement } from '../createElement/index'
-import type { PlatformMethods } from '../types'
-import type { TextProps } from './types'
+import { useCreateElement } from '../createElement/index.tsx'
+import type { PlatformMethods } from '../types.ts'
+import type { TextProps } from './types.tsx'
 
 const pickProps = (props) => pick(props, forwardPropsListText)
 

package/src/Text/types.tsx

@@ -8,8 +8,8 @@
  * @flow
  */
 
-import type { ColorValue, GenericStyleProp } from '../types'
-import type { ViewProps, ViewStyle } from '../View/types'
+import type { ColorValue, GenericStyleProp } from '../types.ts'
+import type { ViewProps, ViewStyle } from '../View/types.tsx'
 
 type FontWeightValue =
   | 'normal'

package/src/TextInput/index.tsx

@@ -22,9 +22,9 @@ import {
   useResponderEvents,
 } from '@hanzogui/react-native-web-internals'
 
-import { useCreateElement } from '../createElement/index'
-import type { PlatformMethods } from '../types'
-import type { TextInputProps } from './types'
+import { useCreateElement } from '../createElement/index.tsx'
+import type { PlatformMethods } from '../types.ts'
+import type { TextInputProps } from './types.tsx'
 
 /**
  * Determines whether a 'selection' prop differs from a node's existing

package/src/TextInput/types.tsx

@@ -7,9 +7,9 @@
  * @flow
  */
 
-import type { ColorValue, GenericStyleProp } from '../types'
-import type { TextStyle } from '../Text/types'
-import type { ViewProps } from '../View/types'
+import type { ColorValue, GenericStyleProp } from '../types.ts'
+import type { TextStyle } from '../Text/types.tsx'
+import type { ViewProps } from '../View/types.tsx'
 
 export type TextInputStyle = {
   caretColor?: ColorValue

package/src/TouchableNativeFeedback.tsx

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

package/src/TouchableOpacity.tsx

@@ -18,7 +18,7 @@ import {
   usePressEvents,
 } from '@hanzogui/react-native-web-internals'
 
-import { View } from './View'
+import { View } from './View/index.tsx'
 
 /**
  * A wrapper for making views respond properly to touches.

package/src/UnimplementedView.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { View } from './View/index'
+import { View } from './View/index.tsx'
 
 export class UnimplementedView extends React.Component {
   setNativeProps = () => {}

package/src/View/index.tsx

@@ -21,9 +21,9 @@ import {
 } from '@hanzogui/react-native-web-internals'
 import * as React from 'react'
 
-import { useCreateElement } from '../createElement/index'
-import type { PlatformMethods } from '../types'
-import type { ViewProps } from './types'
+import { useCreateElement } from '../createElement/index.tsx'
+import type { PlatformMethods } from '../types.ts'
+import type { ViewProps } from './types.tsx'
 
 const pickProps = (props) => pick(props, forwardPropsListView)
 

package/src/View/types.tsx

@@ -15,8 +15,8 @@ import type {
   LayoutStyles,
   ShadowStyles,
   TransformStyles,
-} from '../styleTypes'
-import type { ColorValue, GenericStyleProp, LayoutEvent } from '../types'
+} from '../styleTypes.ts'
+import type { ColorValue, GenericStyleProp, LayoutEvent } from '../types.ts'
 
 type NumberOrString = number | string
 type OverscrollBehaviorValue = 'auto' | 'contain' | 'none'

package/src/VirtualizedList.tsx

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

package/src/createElement/__tests__/index-test.tsx

@@ -8,7 +8,7 @@
 import { render } from '@testing-library/react'
 import React from 'react'
 
-import createElement from '..'
+import createElement from '../index.tsx'
 
 function getAttribute(container, attribute) {
   return container.firstChild.getAttribute(attribute)

package/src/index.tsx

@@ -25,74 +25,74 @@ export {
   useMergeRefs,
   usePlatformMethods,
 } from '@hanzogui/react-native-web-internals'
-export { createElement as unstable_createElement } from './createElement/index'
-export { NativeModules } from './NativeModules/index'
-export { render } from './render/index'
+export { createElement as unstable_createElement } from './createElement/index.tsx'
+export { NativeModules } from './NativeModules/index.tsx'
+export { render } from './render/index.tsx'
 
 // 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'
+export { default as Animated } from './vendor/react-native/Animated/Animated.js'
+export { default as Easing } from './vendor/react-native/Animated/Easing.js'
 
 // react-native - keep default as these are vendor files
-export { default as NativeEventEmitter } from './vendor/react-native/EventEmitter/NativeEventEmitter'
+export { default as NativeEventEmitter } from './vendor/react-native/EventEmitter/NativeEventEmitter.js'
 
 // APIs
-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 { AccessibilityInfo } from './AccessibilityInfo/index.tsx'
+export { Alert } from './Alert/index.tsx'
+export { Appearance } from './Appearance/index.tsx'
+export { AppRegistry } from './AppRegistry/index.tsx'
+export { AppState } from './AppState/index.tsx'
+export { BackHandler } from './BackHandler/index.tsx'
+export { Clipboard } from './Clipboard/index.tsx'
+export { DeviceEmitter, DeviceEmitter as DeviceEventEmitter } from './DeviceEmitter.ts'
+export { DeviceInfo } from './DeviceInfo/index.tsx'
+export { Dimensions } from './Dimensions/index.tsx'
+export { I18nManager } from './I18nManager/index.tsx'
+export { Keyboard } from './Keyboard/index.tsx'
 
-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'
+export { Linking } from './Linking/index.tsx'
+export { PanResponder } from './PanResponder/index.tsx'
+export { PixelRatio } from './PixelRatio/index.tsx'
+export { Share } from './Share/index.tsx'
+export { Vibration } from './Vibration/index.tsx'
 
 // implemented components
-export { FlatList } from './FlatList'
-export { SectionList } from './SectionList'
-export { VirtualizedList } from './VirtualizedList'
-export { TouchableNativeFeedback } from './TouchableNativeFeedback'
+export { FlatList } from './FlatList.tsx'
+export { SectionList } from './SectionList.tsx'
+export { VirtualizedList } from './VirtualizedList.tsx'
+export { TouchableNativeFeedback } from './TouchableNativeFeedback.tsx'
 
 // unimplemented
 export {
   UnimplementedView as DrawerLayoutAndroid,
   UnimplementedView as Switch,
   UnimplementedView as TouchableHighlight,
-} from './UnimplementedView'
+} from './UnimplementedView.tsx'
 
-export { TouchableOpacity as Touchable, TouchableOpacity } from './TouchableOpacity'
-export { TouchableWithoutFeedback } from './TouchableWithoutFeedback'
+export { TouchableOpacity as Touchable, TouchableOpacity } from './TouchableOpacity.tsx'
+export { TouchableWithoutFeedback } from './TouchableWithoutFeedback.tsx'
 
 // components
-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 type { ScrollViewRef, ScrollViewMethods } from './ScrollView/index'
-export { StatusBar } from './StatusBar/index'
-export { Text } from './Text/index'
-export { TextInput } from './TextInput/index'
-export { View } from './View/index'
+export { ActivityIndicator } from './ActivityIndicator/index.tsx'
+export { Image } from './Image/index.tsx'
+export { ImageBackground } from './ImageBackground/index.tsx'
+export { KeyboardAvoidingView } from './KeyboardAvoidingView/index.tsx'
+export { LogBox } from './LogBox/index.tsx'
+export { Modal } from './Modal/index.js'
+export { Pressable } from './Pressable/index.tsx'
+export { RefreshControl } from './RefreshControl/index.tsx'
+export { SafeAreaView } from './SafeAreaView/index.tsx'
+export { ScrollView } from './ScrollView/index.tsx'
+export type { ScrollViewRef, ScrollViewMethods } from './ScrollView/index.tsx'
+export { StatusBar } from './StatusBar/index.tsx'
+export { Text } from './Text/index.tsx'
+export { TextInput } from './TextInput/index.tsx'
+export { View } from './View/index.tsx'
 
 // hooks
-export { useColorScheme } from './useColorScheme/index'
-export { useLocaleContext } from './useLocaleContext/index'
-export { useWindowDimensions } from './useWindowDimensions/index'
+export { useColorScheme } from './useColorScheme/index.tsx'
+export { useLocaleContext } from './useLocaleContext/index.tsx'
+export { useWindowDimensions } from './useWindowDimensions/index.tsx'
 
 export function requireNativeComponent(name: string) {
   return function FakeComponent() {

package/src/styleTypes.ts

@@ -7,7 +7,7 @@
  * @flow
  */
 
-import type { ColorValue, DimensionValue } from './types'
+import type { ColorValue, DimensionValue } from './types.ts'
 
 type NumberOrString = number | string
 

package/src/useColorScheme/index.tsx

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

package/src/useWindowDimensions/index.tsx

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

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

@@ -8,14 +8,14 @@
  */
 
 import { Platform } from '@hanzogui/react-native-web-internals'
-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'
+import { AnimatedImplementation } from './AnimatedImplementation.js'
+import { AnimatedMock } from './AnimatedMock.js'
+import { FlatList } from './components/AnimatedFlatList.js'
+import { AnimatedImage as Image } from './components/AnimatedImage.js'
+import { ScrollView } from './components/AnimatedScrollView.js'
+import { SectionList } from './components/AnimatedSectionList.js'
+import { AnimatedText as Text } from './components/AnimatedText.js'
+import { AnimatedView as View } from './components/AnimatedView.js'
 
 const Animated = Platform.isTesting ? AnimatedMock : AnimatedImplementation
 

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

@@ -10,12 +10,12 @@
 
 'use strict'
 
-import { AnimatedValue } from './nodes/AnimatedValue'
-import { NativeAnimatedHelper } from './NativeAnimatedHelper'
+import { AnimatedValue } from './nodes/AnimatedValue.js'
+import { NativeAnimatedHelper } from './NativeAnimatedHelper.js'
 
 import { invariant } from '@hanzogui/react-native-web-internals'
 
-import { shouldUseNativeDriver } from './NativeAnimatedHelper'
+import { shouldUseNativeDriver } from './NativeAnimatedHelper.js'
 
 // EventConfig interface removed