@tamagui/react-native-web-lite 1.112.5

package/src/findNodeHandle.tsx

@@ -0,0 +1,11 @@
+import type React from 'react'
+import { findDOMNode } from 'react-dom'
+
+export const findNodeHandle = (host?: React.ReactInstance | Element | Text) => {
+  let node
+  try {
+    // @ts-ignore
+    node = findDOMNode(host)
+  } catch {}
+  return node
+}

package/src/index.tsx

@@ -0,0 +1,98 @@
+export { default as unstable_createElement } from './createElement/index'
+export {
+  processColor,
+  Platform,
+  UIManager,
+  canUseDOM,
+  dismissKeyboard,
+  isWebColor,
+  mergeRefs,
+  useMergeRefs,
+  useEvent,
+  useHover,
+  ImageLoader,
+  AccessibilityUtil,
+  InteractionManager,
+  LocaleProvider,
+  createDOMProps,
+  normalizeColor,
+  usePlatformMethods,
+  useLayoutEffect,
+  processStyle,
+  StyleSheet,
+  clickProps,
+  TextAncestorContext,
+  flattenStyle,
+} from '@tamagui/react-native-web-internals'
+export { default as render } from './render/index'
+export { unmountComponentAtNode } from 'react-dom'
+export { default as NativeModules } from './NativeModules/index'
+export { findNodeHandle } from './findNodeHandle'
+
+// animated
+export { default as Easing } from './vendor/react-native/Animated/Easing'
+export { default as Animated } from './vendor/react-native/Animated/Animated'
+
+// react-native
+export { default as NativeEventEmitter } from './vendor/react-native/NativeEventEmitter/index'
+
+// 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 DeviceInfo } from './DeviceInfo/index'
+export { default as DeviceEmitter } from './DeviceEmitter'
+export { default as DeviceEventEmitter } from './DeviceEmitter'
+export { default as Dimensions } from './Dimensions/index'
+export { default as I18nManager } from './I18nManager/index'
+export { default as 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'
+
+// unimplemented
+export { default as DrawerLayoutAndroid } from './UnimplementedView'
+export { default as Switch } from './UnimplementedView'
+export { default as VirtualizedList } from './UnimplementedView'
+export { default as FlatList } from './UnimplementedView'
+export { default as TouchableHighlight } from './UnimplementedView'
+export { default as TouchableNativeFeedback } from './UnimplementedView'
+export { default as SectionList } from './UnimplementedView'
+
+export { default as Touchable } from './TouchableOpacity'
+export { default as TouchableOpacity } from './TouchableOpacity'
+export { default as 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 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 { default as LogBox } from './LogBox/index'
+
+// hooks
+export { default as useColorScheme } from './useColorScheme/index'
+export { useLocaleContext } from './useLocaleContext/index'
+export { default as useWindowDimensions } from './useWindowDimensions/index'
+
+export function requireNativeComponent(name: string) {
+  return function FakeComponent() {
+    return null
+  }
+}

package/src/render/index.tsx

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+
+import {
+  hydrate as domLegacyHydrate,
+  render as domLegacyRender,
+  unmountComponentAtNode,
+} from 'react-dom'
+import {
+  createRoot as domCreateRoot,
+  hydrateRoot as domHydrateRoot,
+} from 'react-dom/client'
+
+export function hydrate(element, root) {
+  return domHydrateRoot(root, element)
+}
+
+export function render(element, root) {
+  const reactRoot = domCreateRoot(root)
+  reactRoot.render(element)
+  return reactRoot
+}
+
+export function hydrateLegacy(element, root, callback) {
+  domLegacyHydrate(element, root, callback)
+  return {
+    unmount: function () {
+      return unmountComponentAtNode(root)
+    },
+  }
+}
+
+export default function renderLegacy(element, root, callback) {
+  domLegacyRender(element, root, callback)
+  return {
+    unmount: function () {
+      return unmountComponentAtNode(root)
+    },
+  }
+}

package/src/styleTypes.ts

@@ -0,0 +1,321 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type { ColorValue, DimensionValue } from './types'
+
+type NumberOrString = number | string
+
+/**
+ * Animations and transitions
+ */
+
+type AnimationDirection = 'alternate' | 'alternate-reverse' | 'normal' | 'reverse'
+
+type AnimationFillMode = 'none' | 'forwards' | 'backwards' | 'both'
+type AnimationIterationCount = number | 'infinite'
+type AnimationKeyframes = string | Object
+type AnimationPlayState = 'paused' | 'running'
+
+export type AnimationStyles = {
+  animationDelay?: string | Array<string> | null
+  animationDirection?: AnimationDirection | Array<AnimationDirection> | null
+  animationDuration?: string | Array<string> | null
+  animationFillMode?: AnimationFillMode | Array<AnimationFillMode> | null
+  animationIterationCount?:
+    | AnimationIterationCount
+    | Array<AnimationIterationCount>
+    | null
+  animationKeyframes?: AnimationKeyframes | Array<AnimationKeyframes> | null
+  animationPlayState?: AnimationPlayState | Array<AnimationPlayState> | null
+  animationTimingFunction?: string | Array<string> | null
+  transitionDelay?: string | Array<string> | null
+  transitionDuration?: string | Array<string> | null
+  transitionProperty?: string | Array<string> | null
+  transitionTimingFunction?: string | Array<string> | null
+}
+
+/**
+ * Border
+ */
+
+type BorderRadiusValue = number | string
+
+type BorderStyleValue = 'solid' | 'dotted' | 'dashed'
+
+export type BorderStyles = {
+  borderColor?: ColorValue | null
+  borderBottomColor?: ColorValue | null
+  borderEndColor?: ColorValue | null
+  borderLeftColor?: ColorValue | null
+  borderRightColor?: ColorValue | null
+  borderStartColor?: ColorValue | null
+  borderTopColor?: ColorValue | null
+  borderRadius?: BorderRadiusValue | null
+  borderBottomEndRadius?: BorderRadiusValue | null
+  borderBottomLeftRadius?: BorderRadiusValue | null
+  borderBottomRightRadius?: BorderRadiusValue | null
+  borderBottomStartRadius?: BorderRadiusValue | null
+  borderTopEndRadius?: BorderRadiusValue | null
+  borderTopLeftRadius?: BorderRadiusValue | null
+  borderTopRightRadius?: BorderRadiusValue | null
+  borderTopStartRadius?: BorderRadiusValue | null
+  borderStyle?: BorderStyleValue | null
+  borderBottomStyle?: BorderStyleValue | null
+  borderEndStyle?: BorderStyleValue | null
+  borderLeftStyle?: BorderStyleValue | null
+  borderRightStyle?: BorderStyleValue | null
+  borderStartStyle?: BorderStyleValue | null
+  borderTopStyle?: BorderStyleValue | null
+}
+
+/**
+ * Interactions
+ */
+
+type CursorValue =
+  | 'alias'
+  | 'all-scroll'
+  | 'auto'
+  | 'cell'
+  | 'context-menu'
+  | 'copy'
+  | 'crosshair'
+  | 'default'
+  | 'grab'
+  | 'grabbing'
+  | 'help'
+  | 'pointer'
+  | 'progress'
+  | 'wait'
+  | 'text'
+  | 'vertical-text'
+  | 'move'
+  | 'none'
+  | 'no-drop'
+  | 'not-allowed'
+  | 'zoom-in' // resize
+  | 'zoom-out'
+  | 'col-resize'
+  | 'e-resize'
+  | 'ew-resize'
+  | 'n-resize'
+  | 'ne-resize'
+  | 'ns-resize'
+  | 'nw-resize'
+  | 'row-resize'
+  | 's-resize'
+  | 'se-resize'
+  | 'sw-resize'
+  | 'w-resize'
+  | 'nesw-resize'
+  | 'nwse-resize'
+
+type TouchActionValue =
+  | 'auto'
+  | 'inherit'
+  | 'manipulation'
+  | 'none'
+  | 'pan-down'
+  | 'pan-left'
+  | 'pan-right'
+  | 'pan-up'
+  | 'pan-x'
+  | 'pan-y'
+  | 'pinch-zoom'
+type UserSelect = 'all' | 'auto' | 'contain' | 'none' | 'text'
+
+export type InteractionStyles = {
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/cursor#Formal_syntax
+  cursor?: CursorValue | null
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action#Formal_syntax
+  touchAction?: TouchActionValue | null
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#Formal_syntax_2
+  userSelect?: UserSelect | null
+  willChange?: string | null
+}
+
+/**
+ * Layout
+ */
+
+type OverflowValue = 'auto' | 'hidden' | 'scroll' | 'visible'
+
+type VisiblilityValue = 'hidden' | 'visible'
+
+export type LayoutStyles = {
+  alignContent?:
+    | 'center'
+    | 'flex-end'
+    | 'flex-start'
+    | 'space-around'
+    | 'space-between'
+    | 'stretch'
+  alignItems?: 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch' | null
+  alignSelf?:
+    | 'auto'
+    | 'baseline'
+    | 'center'
+    | 'flex-end'
+    | 'flex-start'
+    | 'stretch'
+    | null
+  aspectRatio?: number | null
+  backfaceVisibility?: VisiblilityValue | null
+  borderWidth?: DimensionValue | null
+  borderBottomWidth?: DimensionValue | null
+  borderEndWidth?: DimensionValue | null
+  borderLeftWidth?: DimensionValue | null
+  borderRightWidth?: DimensionValue | null
+  borderStartWidth?: DimensionValue | null
+  borderTopWidth?: DimensionValue | null
+  bottom?: DimensionValue | null
+  boxSizing?: 'border-box' | 'content-box' | 'padding-box' | null
+  direction?: 'inherit' | 'ltr' | 'rtl' | null
+  display?: string | null
+  end?: DimensionValue | null
+  flex?: number | null
+  flexBasis?: DimensionValue | null
+  flexDirection?: 'column' | 'column-reverse' | 'row' | 'row-reverse' | null
+  flexGrow?: number | null
+  flexShrink?: number | null
+  flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse' | null
+  height?: DimensionValue | null
+  justifyContent?:
+    | 'center'
+    | 'flex-end'
+    | 'flex-start'
+    | 'space-around'
+    | 'space-between'
+    | 'space-evenly'
+    | null
+  left?: DimensionValue | null
+  margin?: DimensionValue | null
+  marginBottom?: DimensionValue | null
+  marginHorizontal?: DimensionValue | null
+  marginEnd?: DimensionValue | null
+  marginLeft?: DimensionValue | null
+  marginRight?: DimensionValue | null
+  marginStart?: DimensionValue | null
+  marginTop?: DimensionValue | null
+  marginVertical?: DimensionValue | null
+  maxHeight?: DimensionValue | null
+  maxWidth?: DimensionValue | null
+  minHeight?: DimensionValue | null
+  minWidth?: DimensionValue | null
+  order?: number | null
+  overflow?: OverflowValue | null
+  overflowX?: OverflowValue | null
+  overflowY?: OverflowValue | null
+  padding?: DimensionValue | null
+  paddingBottom?: DimensionValue | null
+  paddingHorizontal?: DimensionValue | null
+  paddingEnd?: DimensionValue | null
+  paddingLeft?: DimensionValue | null
+  paddingRight?: DimensionValue | null
+  paddingStart?: DimensionValue | null
+  paddingTop?: DimensionValue | null
+  paddingVertical?: DimensionValue | null
+  position?: 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky' | null
+  right?: DimensionValue | null
+  start?: DimensionValue | null
+  top?: DimensionValue | null
+  visibility?: VisiblilityValue | null
+  width?: DimensionValue | null
+  zIndex?: number | null
+  /**
+   * @platform web
+   */
+  gridAutoColumns?: string | null
+  gridAutoFlow?: string | null
+  gridAutoRows?: string | null
+  gridColumnEnd?: string | null
+  gridColumnGap?: string | null
+  gridColumnStart?: string | null
+  gridRowEnd?: string | null
+  gridRowGap?: string | null
+  gridRowStart?: string | null
+  gridTemplateColumns?: string | null
+  gridTemplateRows?: string | null
+  gridTemplateAreas?: string | null
+}
+
+/**
+ * Shadows
+ */
+
+export type ShadowStyles = {
+  shadowColor?: ColorValue | null
+  shadowOffset?: {
+    width?: DimensionValue
+    height?: DimensionValue
+  }
+  shadowOpacity?: number | null
+  shadowRadius?: DimensionValue | null
+}
+
+/**
+ * Transforms
+ */
+
+export type TransformStyles = {
+  perspective?: NumberOrString | null
+  perspectiveOrigin?: string | null
+  transform?: Array<
+    | {
+        readonly perspective: NumberOrString
+      }
+    | {
+        readonly rotate: string
+      }
+    | {
+        readonly rotateX: string
+      }
+    | {
+        readonly rotateY: string
+      }
+    | {
+        readonly rotateZ: string
+      }
+    | {
+        readonly scale: number
+      }
+    | {
+        readonly scaleX: number
+      }
+    | {
+        readonly scaleY: number
+      }
+    | {
+        readonly scaleZ: number
+      }
+    | {
+        readonly scale3d: string
+      }
+    | {
+        readonly skewX: string
+      }
+    | {
+        readonly skewY: string
+      }
+    | {
+        readonly translateX: NumberOrString
+      }
+    | {
+        readonly translateY: NumberOrString
+      }
+    | {
+        readonly translateZ: NumberOrString
+      }
+    | {
+        readonly translate3d: string
+      }
+  >
+  transformOrigin?: string | null
+  transformStyle?: 'flat' | 'preserve-3d' | null
+}

package/src/types.ts

@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export type ColorValue = null | string
+
+export type DimensionValue = null | number | string
+
+export type EdgeInsetsValue = {
+  top: number
+  left: number
+  right: number
+  bottom: number
+}
+
+export type GenericStyleProp<T> =
+  | null
+  | void
+  | T
+  | false
+  | ''
+  | ReadonlyArray<GenericStyleProp<T>>
+
+export type LayoutValue = {
+  x: number
+  y: number
+  width: number
+  height: number
+}
+
+export type LayoutEvent = {
+  nativeEvent: {
+    layout: LayoutValue
+    target: any
+  }
+  timeStamp: number
+}
+
+export type PointValue = {
+  x: number
+  y: number
+}
+
+type LayoutCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  left: number,
+  top: number
+) => void
+
+type MeasureInWindowCallback = (
+  left: number,
+  top: number,
+  width: number,
+  height: number
+) => void
+
+// Mixin to HTMLElement that represents additions from the `usePlatformMethods` hook
+export interface PlatformMethods {
+  blur: () => void
+  focus: () => void
+  measure: (callback: LayoutCallback) => void
+  measureInWindow: (callback: MeasureInWindowCallback) => void
+  measureLayout: (
+    relativeToNativeNode: {},
+    onSuccess: LayoutCallback,
+    onFail: () => void
+  ) => void
+  setNativeProps: (nativeProps: {}) => void
+}

package/src/useColorScheme/index.tsx

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react'
+
+import type { ColorSchemeName } from '../Appearance/index'
+import Appearance from '../Appearance/index'
+
+export default function useColorScheme(): ColorSchemeName {
+  const [colorScheme, setColorScheme] = React.useState(Appearance.getColorScheme())
+
+  React.useEffect(() => {
+    function listener(appearance) {
+      setColorScheme(appearance.colorScheme)
+    }
+    const { remove } = Appearance.addChangeListener(listener)
+    return remove
+  })
+
+  return colorScheme
+}

package/src/useLocaleContext/index.tsx

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+export { useLocaleContext } from '@tamagui/react-native-web-internals'

package/src/useWindowDimensions/index.tsx

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';import React from "react";
+
+
+
+import type { DisplayMetrics } from '../Dimensions/index';
+import Dimensions from '../Dimensions/index';
+
+export default function useWindowDimensions(): DisplayMetrics {
+  const [dims, setDims] = React.useState(() => Dimensions.get('window'));
+  React.useEffect(() => {
+    function handleChange({ window }) {
+      if (window != null) {
+        setDims(window);
+      }
+    }
+    Dimensions.addEventListener('change', handleChange);
+    // We might have missed an update between calling `get` in render and
+    // `addEventListener` in this handler, so we set it here. If there was
+    // no change, React will filter out this update as a no-op.
+    setDims(Dimensions.get('window'));
+    return () => {
+      Dimensions.removeEventListener('change', handleChange);
+    };
+  }, []);
+  return dims;
+}

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

@@ -0,0 +1,28 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2'
+import { Platform } from '@tamagui/react-native-web-internals'
+
+import * as AnimatedImplementation from './AnimatedImplementation'
+import * as AnimatedMock from './AnimatedMock'
+import Image from './components/AnimatedImage'
+import ScrollView from './components/AnimatedScrollView'
+import Text from './components/AnimatedText'
+import View from './components/AnimatedView'
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ * @format
+ */
+
+var Animated = Platform.isTesting ? AnimatedMock : AnimatedImplementation
+export default {
+  Image,
+  ScrollView,
+  Text,
+  View,
+  ...Animated.default,
+}