@tamagui/react-native-web-lite 2.0.0-rc.3 → 2.0.0-rc.30

package/dist/esm/without-animated.mjs

@@ -49,56 +49,147 @@ import { useColorScheme } from "./useColorScheme/index.mjs";
 import { useLocaleContext } from "./useLocaleContext/index.mjs";
 import { useWindowDimensions } from "./useWindowDimensions/index.mjs";
 export * from "@tamagui/react-native-web-internals";
+import { View as _View } from "./View/index.mjs";
+import { Text as _Text } from "./Text/index.mjs";
+import { Image as _Image } from "./Image/index.mjs";
+import { ScrollView as _ScrollView } from "./ScrollView/index.mjs";
 import { unstable_batchedUpdates } from "react-dom";
 function requireNativeComponent(name) {
   return function () {
     return null;
   };
 }
-const Animated = {
-    View: "div",
-    Text: "span",
-    Image: "img",
-    ScrollView: "div",
-    FlatList: "div",
-    SectionList: "div",
-    Value: class {
-      constructor() {}
-    },
-    ValueXY: class {
-      constructor() {}
-    },
-    timing: () => ({
-      start: () => {}
-    }),
-    spring: () => ({
-      start: () => {}
-    }),
-    decay: () => ({
-      start: () => {}
-    }),
-    sequence: () => ({
-      start: () => {}
-    }),
-    parallel: () => ({
-      start: () => {}
-    }),
-    stagger: () => ({
-      start: () => {}
-    }),
-    loop: () => ({
-      start: () => {}
+class AnimatedValue {
+  _value;
+  _offset;
+  _listeners;
+  _nextId;
+  constructor(value = 0) {
+    this._value = value, this._offset = 0, this._listeners = {}, this._nextId = 0;
+  }
+  setValue(value) {
+    this._value = value, this._notifyListeners();
+  }
+  setOffset(offset) {
+    this._offset = offset;
+  }
+  flattenOffset() {
+    this._value += this._offset, this._offset = 0;
+  }
+  extractOffset() {
+    this._offset = this._value, this._value = 0;
+  }
+  addListener(callback) {
+    const id = String(this._nextId++);
+    return this._listeners[id] = callback, id;
+  }
+  removeListener(id) {
+    delete this._listeners[id];
+  }
+  removeAllListeners() {
+    this._listeners = {};
+  }
+  stopAnimation(callback) {
+    callback?.(this._value);
+  }
+  resetAnimation(callback) {
+    callback?.(this._value);
+  }
+  interpolate(config) {
+    return new AnimatedValue(this._value);
+  }
+  _notifyListeners() {
+    for (const key in this._listeners) this._listeners[key]({
+      value: this._value
+    });
+  }
+  __getValue() {
+    return this._value + this._offset;
+  }
+}
+class AnimatedValueXY {
+  x;
+  y;
+  constructor(value) {
+    this.x = new AnimatedValue(value?.x ?? 0), this.y = new AnimatedValue(value?.y ?? 0);
+  }
+  setValue(value) {
+    this.x.setValue(value.x), this.y.setValue(value.y);
+  }
+  setOffset(offset) {
+    this.x.setOffset(offset.x), this.y.setOffset(offset.y);
+  }
+  flattenOffset() {
+    this.x.flattenOffset(), this.y.flattenOffset();
+  }
+  stopAnimation(callback) {
+    callback?.({
+      x: this.x._value,
+      y: this.y._value
+    });
+  }
+  addListener(callback) {
+    const xId = this.x.addListener(() => {
+      callback({
+        x: this.x._value,
+        y: this.y._value
+      });
+    });
+    return this.y.addListener(() => {
+      callback({
+        x: this.x._value,
+        y: this.y._value
+      });
+    }), xId;
+  }
+  removeAllListeners() {
+    this.x.removeAllListeners(), this.y.removeAllListeners();
+  }
+  getLayout() {
+    return {
+      left: this.x,
+      top: this.y
+    };
+  }
+  getTranslateTransform() {
+    return [{
+      translateX: this.x
+    }, {
+      translateY: this.y
+    }];
+  }
+}
+const noopAnim = {
+    start: cb => cb?.({
+      finished: !0
     }),
+    stop: () => {},
+    reset: () => {}
+  },
+  Animated = {
+    View: _View,
+    Text: _Text,
+    Image: _Image,
+    ScrollView: _ScrollView,
+    FlatList: _View,
+    SectionList: _View,
+    Value: AnimatedValue,
+    ValueXY: AnimatedValueXY,
+    timing: () => noopAnim,
+    spring: () => noopAnim,
+    decay: () => noopAnim,
+    sequence: () => noopAnim,
+    parallel: () => noopAnim,
+    stagger: () => noopAnim,
+    loop: () => noopAnim,
     event: () => () => {},
-    add: () => new class {}(),
-    subtract: () => new class {}(),
-    multiply: () => new class {}(),
-    divide: () => new class {}(),
-    modulo: () => new class {}(),
-    diffClamp: () => new class {}(),
-    delay: () => ({
-      start: () => {}
-    }),
+    add: (a, b) => new AnimatedValue(0),
+    subtract: (a, b) => new AnimatedValue(0),
+    multiply: (a, b) => new AnimatedValue(0),
+    divide: (a, b) => new AnimatedValue(0),
+    modulo: (a, b) => new AnimatedValue(0),
+    diffClamp: (a, min, max) => new AnimatedValue(0),
+    delay: () => noopAnim,
     createAnimatedComponent: c => c
   },
   Easing = {

package/dist/esm/without-animated.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","createElement","AccessibilityUtil","canUseDOM","clickProps","createDOMProps","dismissKeyboard","flattenStyle","ImageLoader","InteractionManager","isWebColor","LocaleProvider","mergeRefs","normalizeColor","Platform","processColor","processStyle","StyleSheet","TextAncestorContext","UIManager","useEvent","useHover","useLayoutEffect","useMergeRefs","usePlatformMethods","render","NativeModules","default","default2","AccessibilityInfo","Alert","Appearance","AppRegistry","AppState","BackHandler","Clipboard","DeviceInfo","DeviceEmitter","DeviceEmitter2","Dimensions","I18nManager","Keyboard","Linking","PanResponder","PixelRatio","Share","Vibration","UnimplementedView","UnimplementedView2","UnimplementedView3","UnimplementedView4","UnimplementedView5","UnimplementedView6","UnimplementedView7","TouchableOpacity","TouchableOpacity2","TouchableWithoutFeedback","ActivityIndicator","Image","ImageBackground","KeyboardAvoidingView","Modal","Pressable","RefreshControl","SafeAreaView","ScrollView","StatusBar","Text","TextInput","View","LogBox","useColorScheme","useLocaleContext","useWindowDimensions","unstable_batchedUpdates","requireNativeComponent","name","Animated","FlatList","SectionList","Value","constructor","ValueXY","timing","start","spring","decay","sequence","parallel","stagger","loop","event","add","subtract","multiply","divide","modulo","diffClamp","delay","createAnimatedComponent","c","Easing","step0","step1","linear","t","ease","quad","cubic","poly","sin","circle","exp","elastic","back","bounce","bezier","in","fn","out","inOut","findNodeHandle","component","Error","RootTagContext"],"sources":["../../src/without-animated.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","createElement","AccessibilityUtil","canUseDOM","clickProps","createDOMProps","dismissKeyboard","flattenStyle","ImageLoader","InteractionManager","isWebColor","LocaleProvider","mergeRefs","normalizeColor","Platform","processColor","processStyle","StyleSheet","TextAncestorContext","UIManager","useEvent","useHover","useLayoutEffect","useMergeRefs","usePlatformMethods","render","NativeModules","default","default2","AccessibilityInfo","Alert","Appearance","AppRegistry","AppState","BackHandler","Clipboard","DeviceInfo","DeviceEmitter","DeviceEmitter2","Dimensions","I18nManager","Keyboard","Linking","PanResponder","PixelRatio","Share","Vibration","UnimplementedView","UnimplementedView2","UnimplementedView3","UnimplementedView4","UnimplementedView5","UnimplementedView6","UnimplementedView7","TouchableOpacity","TouchableOpacity2","TouchableWithoutFeedback","ActivityIndicator","Image","ImageBackground","KeyboardAvoidingView","Modal","Pressable","RefreshControl","SafeAreaView","ScrollView","StatusBar","Text","TextInput","View","LogBox","useColorScheme","useLocaleContext","useWindowDimensions","_View","_Text","_Image","_ScrollView","unstable_batchedUpdates","requireNativeComponent","name","AnimatedValue","_value","_offset","_listeners","_nextId","constructor","value","setValue","_notifyListeners","setOffset","offset","flattenOffset","extractOffset","addListener","callback","id","String","removeListener","removeAllListeners","stopAnimation","resetAnimation","interpolate","config","key","__getValue","AnimatedValueXY","x","y","xId","getLayout","left","top","getTranslateTransform","translateX","translateY","noopAnim","start","cb","finished","stop","reset","Animated","FlatList","SectionList","Value","ValueXY","timing","spring","decay","sequence","parallel","stagger","loop","event","add","a","b","subtract","multiply","divide","modulo","diffClamp","min","max","delay","createAnimatedComponent","c","Easing","step0","step1","linear","t","ease","quad","cubic","poly","sin","circle","exp","elastic","back","bounce","bezier","in","fn","out","inOut","findNodeHandle","component","Error","RootTagContext"],"sources":["../../src/without-animated.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/react-native-web-lite",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.30",
   "description": "React Native for Web",
   "keywords": [
     "react",
@@ -28,42 +28,68 @@
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.native.js"
+      "default": "./dist/esm/index.mjs"
     },
     "./without-animated": {
+      "browser": "./dist/esm/without-animated.mjs",
       "module": "./dist/esm/without-animated.mjs",
       "import": "./dist/esm/without-animated.mjs",
       "require": "./dist/cjs/without-animated.cjs"
     },
+    "./Libraries/Pressability/Pressability": {
+      "browser": "./dist/esm/Libraries/Pressability/Pressability.mjs",
+      "module": "./dist/esm/Libraries/Pressability/Pressability.mjs",
+      "import": "./dist/esm/Libraries/Pressability/Pressability.mjs",
+      "require": "./dist/cjs/Libraries/Pressability/Pressability.cjs"
+    },
+    "./Libraries/Pressability/usePressability": {
+      "browser": "./dist/esm/Libraries/Pressability/usePressability.mjs",
+      "module": "./dist/esm/Libraries/Pressability/usePressability.mjs",
+      "import": "./dist/esm/Libraries/Pressability/usePressability.mjs",
+      "require": "./dist/cjs/Libraries/Pressability/usePressability.cjs"
+    },
     "./Libraries/Utilities/codegenNativeComponent": {
+      "browser": "./dist/esm/codegenNativeComponent.mjs",
       "module": "./dist/esm/codegenNativeComponent.mjs",
       "import": "./dist/esm/codegenNativeComponent.mjs",
       "require": "./dist/cjs/codegenNativeComponent.cjs"
     },
     "./Libraries/Utilities/codegenNativeCommand": {
+      "browser": "./dist/esm/codegenNativeCommand.mjs",
       "module": "./dist/esm/codegenNativeCommand.mjs",
       "import": "./dist/esm/codegenNativeCommand.mjs",
       "require": "./dist/cjs/codegenNativeCommand.cjs"
     },
     "./dist/exports/StyleSheet/compiler/createReactDOMStyle": {
+      "browser": "./dist/esm/createReactDOMStyle.mjs",
       "module": "./dist/esm/createReactDOMStyle.mjs",
       "import": "./dist/esm/createReactDOMStyle.mjs",
       "require": "./dist/cjs/createReactDOMStyle.cjs"
     },
+    "./dist/exports/StyleSheet/preprocess": {
+      "browser": "./dist/esm/preprocess.mjs",
+      "module": "./dist/esm/preprocess.mjs",
+      "import": "./dist/esm/preprocess.mjs",
+      "require": "./dist/cjs/preprocess.cjs"
+    },
     "./dist/modules/*": {
+      "browser": "./dist/esm/modules/*/index.mjs",
       "module": "./dist/esm/modules/*/index.mjs",
       "import": "./dist/esm/modules/*/index.mjs",
       "require": "./dist/cjs/modules/*/index.cjs"
     },
     "./dist/exports/*": {
+      "browser": "./dist/esm/exports/*/index.mjs",
       "module": "./dist/esm/exports/*/index.mjs",
       "import": "./dist/esm/exports/*/index.mjs",
       "require": "./dist/cjs/exports/*/index.cjs"
     },
     "./dist/*": {
+      "browser": "./dist/esm/*/index.mjs",
       "module": "./dist/esm/*/index.mjs",
       "import": "./dist/esm/*/index.mjs",
       "require": "./dist/cjs/*/index.cjs"
@@ -76,16 +102,16 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/normalize-css-color": "2.0.0-rc.3",
-    "@tamagui/react-native-use-pressable": "2.0.0-rc.3",
-    "@tamagui/react-native-use-responder-events": "2.0.0-rc.3",
-    "@tamagui/react-native-web-internals": "2.0.0-rc.3",
-    "@tamagui/web": "2.0.0-rc.3",
+    "@tamagui/normalize-css-color": "2.0.0-rc.30",
+    "@tamagui/react-native-use-pressable": "2.0.0-rc.30",
+    "@tamagui/react-native-use-responder-events": "2.0.0-rc.30",
+    "@tamagui/react-native-web-internals": "2.0.0-rc.30",
+    "@tamagui/web": "2.0.0-rc.30",
     "invariant": "^2.2.4",
     "memoize-one": "^6.0.0"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.3",
+    "@tamagui/build": "2.0.0-rc.30",
     "react": ">=19",
     "react-dom": "*"
   },

package/src/Libraries/Pressability/Pressability.ts

@@ -0,0 +1,2 @@
+// shim for react-native/Libraries/Pressability/Pressability
+export default {} as any

package/src/Libraries/Pressability/usePressability.ts

@@ -0,0 +1,2 @@
+// shim for react-native/Libraries/Pressability/usePressability
+export default (config: any) => ({})

package/src/ScrollView/ScrollViewBase.tsx

@@ -77,6 +77,11 @@ const ScrollViewBase = React.forwardRef((props: Props, forwardedRef) => {
     showsHorizontalScrollIndicator,
     showsVerticalScrollIndicator,
     style,
+    // strip RN-only props that shouldn't reach the DOM
+    onMomentumScrollBegin,
+    onMomentumScrollEnd,
+    onScrollBeginDrag,
+    onScrollEndDrag,
     ...rest
   } = props
 
@@ -139,12 +144,17 @@ const ScrollViewBase = React.forwardRef((props: Props, forwardedRef) => {
     }
   }
 
-  const hideScrollbar =
-    showsHorizontalScrollIndicator === false || showsVerticalScrollIndicator === false
+  const hideHorizontalScrollbar = showsHorizontalScrollIndicator === false
+  const hideVerticalScrollbar = showsVerticalScrollIndicator === false
 
   return (
     <View
       {...rest}
+      className={
+        '_dsp_contents' +
+        (hideHorizontalScrollbar ? ' _hsb-x' : '') +
+        (hideVerticalScrollbar ? ' _hsb-y' : '')
+      }
       onScroll={handleScroll}
       onTouchMove={createPreventableScrollHandler(onTouchMove as any)}
       onWheel={createPreventableScrollHandler(onWheel as any)}
@@ -153,8 +163,6 @@ const ScrollViewBase = React.forwardRef((props: Props, forwardedRef) => {
         style,
         // @ts-ignore
         !scrollEnabled && styles.scrollDisabled,
-        // @ts-ignore
-        hideScrollbar && styles.hideScrollbar,
       ]}
     />
   )
@@ -169,9 +177,6 @@ const styles = {
     overflowY: 'hidden',
     touchAction: 'none',
   },
-  hideScrollbar: {
-    scrollbarWidth: 'none',
-  },
 }
 
 export { ScrollViewBase }

package/src/ScrollView/index.tsx

@@ -140,6 +140,37 @@ class ScrollView extends React.Component<any> {
       keyboardDismissMode,
       onScroll,
       centerContent,
+      // strip RN-only props that shouldn't reach the DOM
+      contentOffset,
+      contentInset,
+      contentInsetAdjustmentBehavior,
+      decelerationRate,
+      directionalLockEnabled,
+      disableIntervalMomentum,
+      disableScrollViewPanResponder,
+      endFillColor,
+      fadingEdgeLength,
+      indicatorStyle,
+      invertStickyHeaders,
+      keyboardShouldPersistTaps,
+      maintainVisibleContentPosition,
+      maximumZoomScale,
+      minimumZoomScale,
+      nestedScrollEnabled,
+      onScrollToTop,
+      overScrollMode,
+      pinchGestureEnabled,
+      removeClippedSubviews,
+      scrollIndicatorInsets,
+      scrollPerfTag,
+      scrollToOverflowEnabled,
+      snapToAlignment,
+      snapToEnd,
+      snapToInterval,
+      snapToOffsets,
+      snapToStart,
+      StickyHeaderComponent,
+      ScrollComponent,
       /* eslint-enable */
       ...other
     } = this.props

package/src/createReactDOMStyle.ts

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

package/src/preprocess.ts

@@ -3,4 +3,5 @@ export {
   processStyle,
   createBoxShadowValue,
   createTextShadowValue,
+  createTransformValue,
 } from '@tamagui/react-native-web-internals'

package/src/without-animated.tsx

@@ -96,35 +96,164 @@ export function requireNativeComponent(name: string) {
   }
 }
 
-// minimal stub for Animated - satisfies imports but does nothing
+import { View as _View } from './View/index'
+import { Text as _Text } from './Text/index'
+import { Image as _Image } from './Image/index'
+import { ScrollView as _ScrollView } from './ScrollView/index'
+
+// minimal stub for Animated.Value that holds a number and supports listeners
+class AnimatedValue {
+  _value: number
+  _offset: number
+  _listeners: Record<string, (state: { value: number }) => void>
+  _nextId: number
+
+  constructor(value: number = 0) {
+    this._value = value
+    this._offset = 0
+    this._listeners = {}
+    this._nextId = 0
+  }
+
+  setValue(value: number) {
+    this._value = value
+    this._notifyListeners()
+  }
+
+  setOffset(offset: number) {
+    this._offset = offset
+  }
+
+  flattenOffset() {
+    this._value += this._offset
+    this._offset = 0
+  }
+
+  extractOffset() {
+    this._offset = this._value
+    this._value = 0
+  }
+
+  addListener(callback: (state: { value: number }) => void): string {
+    const id = String(this._nextId++)
+    this._listeners[id] = callback
+    return id
+  }
+
+  removeListener(id: string) {
+    delete this._listeners[id]
+  }
+
+  removeAllListeners() {
+    this._listeners = {}
+  }
+
+  stopAnimation(callback?: (value: number) => void) {
+    callback?.(this._value)
+  }
+
+  resetAnimation(callback?: (value: number) => void) {
+    callback?.(this._value)
+  }
+
+  interpolate(config: any) {
+    return new AnimatedValue(this._value)
+  }
+
+  _notifyListeners() {
+    for (const key in this._listeners) {
+      this._listeners[key]({ value: this._value })
+    }
+  }
+
+  __getValue() {
+    return this._value + this._offset
+  }
+}
+
+class AnimatedValueXY {
+  x: AnimatedValue
+  y: AnimatedValue
+
+  constructor(value?: { x?: number; y?: number }) {
+    this.x = new AnimatedValue(value?.x ?? 0)
+    this.y = new AnimatedValue(value?.y ?? 0)
+  }
+
+  setValue(value: { x: number; y: number }) {
+    this.x.setValue(value.x)
+    this.y.setValue(value.y)
+  }
+
+  setOffset(offset: { x: number; y: number }) {
+    this.x.setOffset(offset.x)
+    this.y.setOffset(offset.y)
+  }
+
+  flattenOffset() {
+    this.x.flattenOffset()
+    this.y.flattenOffset()
+  }
+
+  stopAnimation(callback?: (value: { x: number; y: number }) => void) {
+    callback?.({ x: this.x._value, y: this.y._value })
+  }
+
+  addListener(callback: (value: { x: number; y: number }) => void): string {
+    const xId = this.x.addListener(() => {
+      callback({ x: this.x._value, y: this.y._value })
+    })
+    this.y.addListener(() => {
+      callback({ x: this.x._value, y: this.y._value })
+    })
+    return xId
+  }
+
+  removeAllListeners() {
+    this.x.removeAllListeners()
+    this.y.removeAllListeners()
+  }
+
+  getLayout() {
+    return { left: this.x, top: this.y }
+  }
+
+  getTranslateTransform() {
+    return [{ translateX: this.x }, { translateY: this.y }]
+  }
+}
+
+const noopAnim = {
+  start: (cb?: any) => cb?.({ finished: true }),
+  stop: () => {},
+  reset: () => {},
+}
+
+// minimal stub for Animated - uses real components so props get filtered
 export const Animated = {
-  View: 'div',
-  Text: 'span',
-  Image: 'img',
-  ScrollView: 'div',
-  FlatList: 'div',
-  SectionList: 'div',
-  Value: class {
-    constructor() {}
-  },
-  ValueXY: class {
-    constructor() {}
-  },
-  timing: () => ({ start: () => {} }),
-  spring: () => ({ start: () => {} }),
-  decay: () => ({ start: () => {} }),
-  sequence: () => ({ start: () => {} }),
-  parallel: () => ({ start: () => {} }),
-  stagger: () => ({ start: () => {} }),
-  loop: () => ({ start: () => {} }),
+  View: _View,
+  Text: _Text,
+  Image: _Image,
+  ScrollView: _ScrollView,
+  FlatList: _View,
+  SectionList: _View,
+  Value: AnimatedValue,
+  ValueXY: AnimatedValueXY,
+  timing: () => noopAnim,
+  spring: () => noopAnim,
+  decay: () => noopAnim,
+  sequence: () => noopAnim,
+  parallel: () => noopAnim,
+  stagger: () => noopAnim,
+  loop: () => noopAnim,
   event: () => () => {},
-  add: () => new (class {})(),
-  subtract: () => new (class {})(),
-  multiply: () => new (class {})(),
-  divide: () => new (class {})(),
-  modulo: () => new (class {})(),
-  diffClamp: () => new (class {})(),
-  delay: () => ({ start: () => {} }),
+  add: (a: any, b: any) => new AnimatedValue(0),
+  subtract: (a: any, b: any) => new AnimatedValue(0),
+  multiply: (a: any, b: any) => new AnimatedValue(0),
+  divide: (a: any, b: any) => new AnimatedValue(0),
+  modulo: (a: any, b: any) => new AnimatedValue(0),
+  diffClamp: (a: any, min: number, max: number) => new AnimatedValue(0),
+  delay: () => noopAnim,
   createAnimatedComponent: (c: any) => c,
 }