@tamagui/react-native-web-lite 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/ScrollView/index.cjs

@@ -2,54 +2,56 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var ScrollView_exports = {};
 __export(ScrollView_exports, {
   ScrollView: () => ForwardedScrollView,
   default: () => ScrollView_default
 });
 module.exports = __toCommonJS(ScrollView_exports);
-var import_react = __toESM(require("react"), 1),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_Dimensions = require("../Dimensions/index.cjs"),
-  import_View = require("../View/index.cjs"),
-  import_ScrollViewBase = require("./ScrollViewBase.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const emptyObject = {},
-  IS_ANIMATING_TOUCH_START_THRESHOLD_MS = 16;
+var import_react = __toESM(require("react"), 1);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_Dimensions = require("../Dimensions/index.cjs");
+var import_View = require("../View/index.cjs");
+var import_ScrollViewBase = require("./ScrollViewBase.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const emptyObject = {};
+const IS_ANIMATING_TOUCH_START_THRESHOLD_MS = 16;
 class ScrollView extends import_react.default.Component {
   _scrollNodeRef;
   _innerViewRef;
   keyboardWillOpenTo = null;
   additionalScrollOffset = 0;
-  preventNegativeScrollOffset = !1;
-  isTouching = !1;
+  preventNegativeScrollOffset = false;
+  isTouching = false;
   lastMomentumScrollBeginTime = 0;
   lastMomentumScrollEndTime = 0;
   // Reset to false every time becomes responder. This is used to:
@@ -57,8 +59,8 @@ class ScrollView extends import_react.default.Component {
   // refuse to give up its responder lock.
   // - Determine if releasing should dismiss the keyboard when we are in
   // tap-to-dismiss mode (!this.props.keyboardShouldPersistTaps).
-  observedScrollSinceBecomingResponder = !1;
-  becameResponderWhileAnimating = !1;
+  observedScrollSinceBecomingResponder = false;
+  becameResponderWhileAnimating = false;
   /**
    * Returns a reference to the underlying scroll responder, which supports
    * operations like `scrollTo`. All ScrollView-like components should
@@ -94,14 +96,20 @@ class ScrollView extends import_react.default.Component {
    * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
    */
   scrollTo = (y, x, animated) => {
-    typeof y == "number" ? console.warn("`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, animated: true})` instead.") : {
-      x,
-      y,
-      animated
-    } = y || emptyObject, this.scrollResponderScrollTo({
+    if (typeof y === "number") {
+      console.warn("`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, animated: true})` instead.");
+    } else {
+      ;
+      ({
+        x,
+        y,
+        animated
+      } = y || emptyObject);
+    }
+    this.scrollResponderScrollTo({
       x: x || 0,
       y: y || 0,
-      animated: animated !== !1
+      animated: animated !== false
     });
   };
   /**
@@ -113,13 +121,13 @@ class ScrollView extends import_react.default.Component {
    * If no options are passed, `animated` defaults to true.
    */
   scrollToEnd = options => {
-    const animated = (options && options.animated) !== !1,
-      {
-        horizontal
-      } = this.props,
-      scrollResponderNode = this.getScrollableNode(),
-      x = horizontal ? scrollResponderNode.scrollWidth : 0,
-      y = horizontal ? 0 : scrollResponderNode.scrollHeight;
+    const animated = (options && options.animated) !== false;
+    const {
+      horizontal
+    } = this.props;
+    const scrollResponderNode = this.getScrollableNode();
+    const x = horizontal ? scrollResponderNode.scrollWidth : 0;
+    const y = horizontal ? 0 : scrollResponderNode.scrollHeight;
     this.scrollResponderScrollTo({
       x,
       y,
@@ -139,65 +147,105 @@ class ScrollView extends import_react.default.Component {
       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;
     if (process.env.NODE_ENV !== "production" && this.props.style) {
-      const style = import_react_native_web_internals.StyleSheet.flatten(this.props.style),
-        childLayoutProps = ["alignItems", "justifyContent"].filter(prop => style && style[prop] !== void 0);
+      const style = import_react_native_web_internals.StyleSheet.flatten(this.props.style);
+      const childLayoutProps = ["alignItems", "justifyContent"].filter(prop => style && style[prop] !== void 0);
       (0, import_react_native_web_internals.invariant)(childLayoutProps.length === 0, `ScrollView child layout (${JSON.stringify(childLayoutProps)}) must be applied through the contentContainerStyle prop.`);
     }
     let contentSizeChangeProps = {};
-    onContentSizeChange && (contentSizeChangeProps = {
-      onLayout: this._handleContentOnLayout.bind(this)
-    });
-    const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices),
-      children = hasStickyHeaderIndices || pagingEnabled ? import_react.default.Children.map(this.props.children, (child, i) => {
-        const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
-        return child != null && (isSticky || pagingEnabled) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+    if (onContentSizeChange) {
+      contentSizeChangeProps = {
+        onLayout: this._handleContentOnLayout.bind(this)
+      };
+    }
+    const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);
+    const children = hasStickyHeaderIndices || pagingEnabled ? import_react.default.Children.map(this.props.children, (child, i) => {
+      const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
+      if (child != null && (isSticky || pagingEnabled)) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
           style: import_react_native_web_internals.StyleSheet.compose(isSticky && styles.stickyHeader, pagingEnabled && styles.pagingEnabledChild),
           children: child
-        }) : child;
-      }) : this.props.children,
-      contentContainer = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
-        ...contentSizeChangeProps,
-        collapsable: !1,
-        ref: this._setInnerViewRef.bind(this),
-        style: [horizontal && styles.contentContainerHorizontal, centerContent && styles.contentContainerCenterContent, contentContainerStyle],
-        children
-      }),
-      baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical,
-      pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical,
-      props = {
-        ...other,
-        style: [baseStyle, pagingEnabled && pagingEnabledStyle, this.props.style],
-        onTouchStart: this.scrollResponderHandleTouchStart.bind(this),
-        onTouchMove: this.scrollResponderHandleTouchMove.bind(this),
-        onTouchEnd: this.scrollResponderHandleTouchEnd.bind(this),
-        onScrollBeginDrag: this.scrollResponderHandleScrollBeginDrag.bind(this),
-        onScrollEndDrag: this.scrollResponderHandleScrollEndDrag.bind(this),
-        onMomentumScrollBegin: this.scrollResponderHandleMomentumScrollBegin.bind(this),
-        onMomentumScrollEnd: this.scrollResponderHandleMomentumScrollEnd.bind(this),
-        onStartShouldSetResponder: this.scrollResponderHandleStartShouldSetResponder.bind(this),
-        onStartShouldSetResponderCapture: this.scrollResponderHandleStartShouldSetResponderCapture.bind(this),
-        onScrollShouldSetResponder: this.scrollResponderHandleScrollShouldSetResponder.bind(this),
-        onScroll: this._handleScroll.bind(this),
-        onResponderGrant: this.scrollResponderHandleResponderGrant.bind(this),
-        onResponderTerminationRequest: this.scrollResponderHandleTerminationRequest.bind(this),
-        onResponderRelease: this.scrollResponderHandleResponderRelease.bind(this),
-        onResponderReject: this.scrollResponderHandleResponderReject.bind(this),
-        onResponderTerminate: this.scrollResponderHandleTerminate.bind(this)
-      },
-      ScrollViewClass = import_ScrollViewBase.ScrollViewBase;
+        });
+      } else {
+        return child;
+      }
+    }) : this.props.children;
+    const contentContainer = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+      ...contentSizeChangeProps,
+      collapsable: false,
+      ref: this._setInnerViewRef.bind(this),
+      style: [horizontal && styles.contentContainerHorizontal, centerContent && styles.contentContainerCenterContent, contentContainerStyle],
+      children
+    });
+    const baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical;
+    const pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical;
+    const props = {
+      ...other,
+      style: [baseStyle, pagingEnabled && pagingEnabledStyle, this.props.style],
+      onTouchStart: this.scrollResponderHandleTouchStart.bind(this),
+      onTouchMove: this.scrollResponderHandleTouchMove.bind(this),
+      onTouchEnd: this.scrollResponderHandleTouchEnd.bind(this),
+      onScrollBeginDrag: this.scrollResponderHandleScrollBeginDrag.bind(this),
+      onScrollEndDrag: this.scrollResponderHandleScrollEndDrag.bind(this),
+      onMomentumScrollBegin: this.scrollResponderHandleMomentumScrollBegin.bind(this),
+      onMomentumScrollEnd: this.scrollResponderHandleMomentumScrollEnd.bind(this),
+      onStartShouldSetResponder: this.scrollResponderHandleStartShouldSetResponder.bind(this),
+      onStartShouldSetResponderCapture: this.scrollResponderHandleStartShouldSetResponderCapture.bind(this),
+      onScrollShouldSetResponder: this.scrollResponderHandleScrollShouldSetResponder.bind(this),
+      onScroll: this._handleScroll.bind(this),
+      onResponderGrant: this.scrollResponderHandleResponderGrant.bind(this),
+      onResponderTerminationRequest: this.scrollResponderHandleTerminationRequest.bind(this),
+      onResponderRelease: this.scrollResponderHandleResponderRelease.bind(this),
+      onResponderReject: this.scrollResponderHandleResponderReject.bind(this),
+      onResponderTerminate: this.scrollResponderHandleTerminate.bind(this)
+    };
+    const ScrollViewClass = import_ScrollViewBase.ScrollViewBase;
     (0, import_react_native_web_internals.invariant)(ScrollViewClass !== void 0, "ScrollViewClass must not be undefined");
     const scrollView = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ScrollViewClass, {
       ...props,
       ref: this._setScrollNodeRef.bind(this),
       children: contentContainer
     });
-    return refreshControl ? import_react.default.cloneElement(refreshControl, {
-      style: props.style
-    }, scrollView) : scrollView;
+    if (refreshControl) {
+      return import_react.default.cloneElement(refreshControl, {
+        style: props.style
+      }, scrollView);
+    }
+    return scrollView;
   }
   _handleContentOnLayout(e) {
     const {
@@ -207,13 +255,35 @@ class ScrollView extends import_react.default.Component {
     this.props.onContentSizeChange?.(width, height);
   }
   _handleScroll(e) {
-    process.env.NODE_ENV !== "production" && this.props.onScroll && this.props.scrollEventThrottle == null && console.info("You specified `onScroll` on a <ScrollView> but not `scrollEventThrottle`. You will only receive one event. Using `16` you get all the events but be aware that it may cause frame drops, use a bigger number if you don't need as much precision."), this.props.keyboardDismissMode === "on-drag" && (0, import_react_native_web_internals.dismissKeyboard)(), this.scrollResponderHandleScroll(e);
+    if (process.env.NODE_ENV !== "production") {
+      if (this.props.onScroll && this.props.scrollEventThrottle == null) {
+        console.info("You specified `onScroll` on a <ScrollView> but not `scrollEventThrottle`. You will only receive one event. Using `16` you get all the events but be aware that it may cause frame drops, use a bigger number if you don't need as much precision.");
+      }
+    }
+    if (this.props.keyboardDismissMode === "on-drag") {
+      (0, import_react_native_web_internals.dismissKeyboard)();
+    }
+    this.scrollResponderHandleScroll(e);
   }
   _setInnerViewRef(node) {
     this._innerViewRef = node;
   }
   _setScrollNodeRef(node) {
-    this._scrollNodeRef = node, node != null && (node.getScrollResponder = this.getScrollResponder, node.getInnerViewNode = this.getInnerViewNode, node.getInnerViewRef = this.getInnerViewRef, node.getNativeScrollRef = this.getNativeScrollRef, node.getScrollableNode = this.getScrollableNode, node.scrollTo = this.scrollTo, node.scrollToEnd = this.scrollToEnd, node.flashScrollIndicators = this.flashScrollIndicators, node.scrollResponderZoomTo = this.scrollResponderZoomTo, node.scrollResponderScrollNativeHandleToKeyboard = this.scrollResponderScrollNativeHandleToKeyboard), (0, import_react_native_web_internals.mergeRefs)(this.props.forwardedRef)(node);
+    this._scrollNodeRef = node;
+    if (node != null) {
+      node.getScrollResponder = this.getScrollResponder;
+      node.getInnerViewNode = this.getInnerViewNode;
+      node.getInnerViewRef = this.getInnerViewRef;
+      node.getNativeScrollRef = this.getNativeScrollRef;
+      node.getScrollableNode = this.getScrollableNode;
+      node.scrollTo = this.scrollTo;
+      node.scrollToEnd = this.scrollToEnd;
+      node.flashScrollIndicators = this.flashScrollIndicators;
+      node.scrollResponderZoomTo = this.scrollResponderZoomTo;
+      node.scrollResponderScrollNativeHandleToKeyboard = this.scrollResponderScrollNativeHandleToKeyboard;
+    }
+    const ref = (0, import_react_native_web_internals.mergeRefs)(this.props.forwardedRef);
+    ref(node);
   }
   /**
    * Invoke this from an `onScroll` event.
@@ -247,7 +317,7 @@ class ScrollView extends import_react.default.Component {
    *
    */
   scrollResponderHandleStartShouldSetResponder() {
-    return !1;
+    return false;
   }
   /**
    * There are times when the scroll view wants to become the responder
@@ -274,7 +344,7 @@ class ScrollView extends import_react.default.Component {
    * a touch has already started.
    */
   scrollResponderHandleResponderReject() {
-    (0, import_react_native_web_internals.warning)(!1, "ScrollView doesn't take rejection well - scrolls anyway");
+    (0, import_react_native_web_internals.warning)(false, "ScrollView doesn't take rejection well - scrolls anyway");
   }
   /**
    * We will allow the scroll view to give up its lock iff it acquired the lock
@@ -301,7 +371,8 @@ class ScrollView extends import_react.default.Component {
    */
   scrollResponderHandleTouchEnd(e) {
     const nativeEvent = e.nativeEvent;
-    this.isTouching = nativeEvent.touches.length !== 0, this.props.onTouchEnd && this.props.onTouchEnd(e);
+    this.isTouching = nativeEvent.touches.length !== 0;
+    this.props.onTouchEnd && this.props.onTouchEnd(e);
   }
   /**
    * Invoke this from an `onResponderRelease` event.
@@ -309,16 +380,22 @@ class ScrollView extends import_react.default.Component {
   scrollResponderHandleResponderRelease(e) {
     this.props.onResponderRelease && this.props.onResponderRelease(e);
     const currentlyFocusedTextInput = import_react_native_web_internals.TextInputState.currentlyFocusedField();
-    !this.props.keyboardShouldPersistTaps && currentlyFocusedTextInput != null && e.target !== currentlyFocusedTextInput && !this.observedScrollSinceBecomingResponder && !this.becameResponderWhileAnimating && (this.props.onScrollResponderKeyboardDismissed && this.props.onScrollResponderKeyboardDismissed(e), import_react_native_web_internals.TextInputState.blurTextInput(currentlyFocusedTextInput));
+    if (!this.props.keyboardShouldPersistTaps && currentlyFocusedTextInput != null && e.target !== currentlyFocusedTextInput && !this.observedScrollSinceBecomingResponder && !this.becameResponderWhileAnimating) {
+      this.props.onScrollResponderKeyboardDismissed && this.props.onScrollResponderKeyboardDismissed(e);
+      import_react_native_web_internals.TextInputState.blurTextInput(currentlyFocusedTextInput);
+    }
   }
   scrollResponderHandleScroll(e) {
-    this.observedScrollSinceBecomingResponder = !0, this.props.onScroll && this.props.onScroll(e);
+    this.observedScrollSinceBecomingResponder = true;
+    this.props.onScroll && this.props.onScroll(e);
   }
   /**
    * Invoke this from an `onResponderGrant` event.
    */
   scrollResponderHandleResponderGrant(e) {
-    this.observedScrollSinceBecomingResponder = !1, this.props.onResponderGrant && this.props.onResponderGrant(e), this.becameResponderWhileAnimating = this.scrollResponderIsAnimating();
+    this.observedScrollSinceBecomingResponder = false;
+    this.props.onResponderGrant && this.props.onResponderGrant(e);
+    this.becameResponderWhileAnimating = this.scrollResponderIsAnimating();
   }
   /**
    * Unfortunately, `onScrollBeginDrag` also fires when *stopping* the scroll
@@ -340,13 +417,15 @@ class ScrollView extends import_react.default.Component {
    * Invoke this from an `onMomentumScrollBegin` event.
    */
   scrollResponderHandleMomentumScrollBegin(e) {
-    this.lastMomentumScrollBeginTime = Date.now(), this.props.onMomentumScrollBegin && this.props.onMomentumScrollBegin(e);
+    this.lastMomentumScrollBeginTime = Date.now();
+    this.props.onMomentumScrollBegin && this.props.onMomentumScrollBegin(e);
   }
   /**
    * Invoke this from an `onMomentumScrollEnd` event.
    */
   scrollResponderHandleMomentumScrollEnd(e) {
-    this.lastMomentumScrollEndTime = Date.now(), this.props.onMomentumScrollEnd && this.props.onMomentumScrollEnd(e);
+    this.lastMomentumScrollEndTime = Date.now();
+    this.props.onMomentumScrollEnd && this.props.onMomentumScrollEnd(e);
   }
   /**
    * Invoke this from an `onTouchStart` event.
@@ -360,7 +439,8 @@ class ScrollView extends import_react.default.Component {
    * @param {SyntheticEvent} e Touch Start event.
    */
   scrollResponderHandleTouchStart(e) {
-    this.isTouching = !0, this.props.onTouchStart && this.props.onTouchStart(e);
+    this.isTouching = true;
+    this.props.onTouchStart && this.props.onTouchStart(e);
   }
   /**
    * Invoke this from an `onTouchMove` event.
@@ -385,7 +465,10 @@ class ScrollView extends import_react.default.Component {
    * a touch has just started or ended.
    */
   scrollResponderIsAnimating() {
-    return Date.now() - this.lastMomentumScrollEndTime < IS_ANIMATING_TOUCH_START_THRESHOLD_MS || this.lastMomentumScrollEndTime < this.lastMomentumScrollBeginTime;
+    const now = Date.now();
+    const timeSinceLastMomentumScrollEnd = now - this.lastMomentumScrollEndTime;
+    const isAnimating = timeSinceLastMomentumScrollEnd < IS_ANIMATING_TOUCH_START_THRESHOLD_MS || this.lastMomentumScrollEndTime < this.lastMomentumScrollBeginTime;
+    return isAnimating;
   }
   /**
    * A helper function to scroll to a specific point in the scrollview.
@@ -399,19 +482,31 @@ class ScrollView extends import_react.default.Component {
    * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
    */
   scrollResponderScrollTo = (x, y, animated) => {
-    typeof x == "number" ? console.warn("`scrollResponderScrollTo(x, y, animated)` is deprecated. Use `scrollResponderScrollTo({x: 5, y: 5, animated: true})` instead.") : {
-      x,
-      y,
-      animated
-    } = x || emptyObject;
-    const node = this.getScrollableNode(),
-      left = x || 0,
-      top = y || 0;
-    node != null && (typeof node.scroll == "function" ? node.scroll({
-      top,
-      left,
-      behavior: animated ? "smooth" : "auto"
-    }) : (node.scrollLeft = left, node.scrollTop = top));
+    if (typeof x === "number") {
+      console.warn("`scrollResponderScrollTo(x, y, animated)` is deprecated. Use `scrollResponderScrollTo({x: 5, y: 5, animated: true})` instead.");
+    } else {
+      ;
+      ({
+        x,
+        y,
+        animated
+      } = x || emptyObject);
+    }
+    const node = this.getScrollableNode();
+    const left = x || 0;
+    const top = y || 0;
+    if (node != null) {
+      if (typeof node.scroll === "function") {
+        node.scroll({
+          top,
+          left,
+          behavior: !animated ? "auto" : "smooth"
+        });
+      } else {
+        node.scrollLeft = left;
+        node.scrollTop = top;
+      }
+    }
   };
   /**
    * A helper function to zoom to a specific rect in the scrollview. The argument has the shape
@@ -420,7 +515,9 @@ class ScrollView extends import_react.default.Component {
    * @platform ios
    */
   scrollResponderZoomTo = (rect, animated) => {
-    import_react_native_web_internals.Platform.OS !== "ios" && (0, import_react_native_web_internals.invariant)("zoomToRect is not implemented");
+    if (import_react_native_web_internals.Platform.OS !== "ios") {
+      (0, import_react_native_web_internals.invariant)("zoomToRect is not implemented");
+    }
   };
   /**
    * Displays the scroll indicators momentarily.
@@ -437,7 +534,9 @@ class ScrollView extends import_react.default.Component {
    *        down to make it meet the keyboard's top. Default is false.
    */
   scrollResponderScrollNativeHandleToKeyboard = (nodeHandle, additionalOffset, preventNegativeScrollOffset) => {
-    this.additionalScrollOffset = additionalOffset || 0, this.preventNegativeScrollOffset = !!preventNegativeScrollOffset, import_react_native_web_internals.UIManager.measureLayout(nodeHandle, this.getInnerViewNode(), this.scrollResponderTextInputFocusError, this.scrollResponderInputMeasureAndScrollToKeyboard);
+    this.additionalScrollOffset = additionalOffset || 0;
+    this.preventNegativeScrollOffset = !!preventNegativeScrollOffset;
+    import_react_native_web_internals.UIManager.measureLayout(nodeHandle, this.getInnerViewNode(), this.scrollResponderTextInputFocusError, this.scrollResponderInputMeasureAndScrollToKeyboard);
   };
   /**
    * The calculations performed here assume the scroll view takes up the entire
@@ -451,13 +550,20 @@ class ScrollView extends import_react.default.Component {
    */
   scrollResponderInputMeasureAndScrollToKeyboard = (left, top, width, height) => {
     let keyboardScreenY = import_Dimensions.Dimensions.get("window").height;
-    this.keyboardWillOpenTo && (keyboardScreenY = this.keyboardWillOpenTo.endCoordinates.screenY);
+    if (this.keyboardWillOpenTo) {
+      keyboardScreenY = this.keyboardWillOpenTo.endCoordinates.screenY;
+    }
     let scrollOffsetY = top - keyboardScreenY + height + this.additionalScrollOffset;
-    this.preventNegativeScrollOffset && (scrollOffsetY = Math.max(0, scrollOffsetY)), this.scrollResponderScrollTo({
+    if (this.preventNegativeScrollOffset) {
+      scrollOffsetY = Math.max(0, scrollOffsetY);
+    }
+    this.scrollResponderScrollTo({
       x: 0,
       y: scrollOffsetY,
-      animated: !0
-    }), this.additionalScrollOffset = 0, this.preventNegativeScrollOffset = !1;
+      animated: true
+    });
+    this.additionalScrollOffset = 0;
+    this.preventNegativeScrollOffset = false;
   };
   scrollResponderTextInputFocusError(e) {
     console.error("Error measuring text field: ", e);
@@ -491,68 +597,76 @@ class ScrollView extends import_react.default.Component {
    * you had explicitly focused a node etc).
    */
   scrollResponderKeyboardWillShow = e => {
-    this.keyboardWillOpenTo = e, this.props.onKeyboardWillShow && this.props.onKeyboardWillShow(e);
+    this.keyboardWillOpenTo = e;
+    this.props.onKeyboardWillShow && this.props.onKeyboardWillShow(e);
   };
   scrollResponderKeyboardWillHide = e => {
-    this.keyboardWillOpenTo = null, this.props.onKeyboardWillHide && this.props.onKeyboardWillHide(e);
+    this.keyboardWillOpenTo = null;
+    this.props.onKeyboardWillHide && this.props.onKeyboardWillHide(e);
   };
   scrollResponderKeyboardDidShow = e => {
-    e && (this.keyboardWillOpenTo = e), this.props.onKeyboardDidShow && this.props.onKeyboardDidShow(e);
+    if (e) {
+      this.keyboardWillOpenTo = e;
+    }
+    this.props.onKeyboardDidShow && this.props.onKeyboardDidShow(e);
   };
   scrollResponderKeyboardDidHide = e => {
-    this.keyboardWillOpenTo = null, this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e);
+    this.keyboardWillOpenTo = null;
+    this.props.onKeyboardDidHide && this.props.onKeyboardDidHide(e);
   };
 }
 const commonStyle = {
-    flexGrow: 1,
-    flexShrink: 1,
-    // Enable hardware compositing in modern browsers.
-    // Creates a new layer with its own backing surface that can significantly
-    // improve scroll performance.
-    transform: [{
-      translateZ: 0
-    }],
-    // iOS native scrolling
-    WebkitOverflowScrolling: "touch"
+  flexGrow: 1,
+  flexShrink: 1,
+  // Enable hardware compositing in modern browsers.
+  // Creates a new layer with its own backing surface that can significantly
+  // improve scroll performance.
+  transform: [{
+    translateZ: 0
+  }],
+  // iOS native scrolling
+  WebkitOverflowScrolling: "touch"
+};
+const styles = {
+  baseVertical: {
+    ...commonStyle,
+    flexDirection: "column",
+    overflowX: "hidden",
+    overflowY: "auto"
   },
-  styles = {
-    baseVertical: {
-      ...commonStyle,
-      flexDirection: "column",
-      overflowX: "hidden",
-      overflowY: "auto"
-    },
-    baseHorizontal: {
-      ...commonStyle,
-      flexDirection: "row",
-      overflowX: "auto",
-      overflowY: "hidden"
-    },
-    contentContainerHorizontal: {
-      flexDirection: "row"
-    },
-    contentContainerCenterContent: {
-      justifyContent: "center",
-      flexGrow: 1
-    },
-    stickyHeader: {
-      position: "sticky",
-      top: 0,
-      zIndex: 10
-    },
-    pagingEnabledHorizontal: {
-      scrollSnapType: "x mandatory"
-    },
-    pagingEnabledVertical: {
-      scrollSnapType: "y mandatory"
-    },
-    pagingEnabledChild: {
-      scrollSnapAlign: "start"
-    }
+  baseHorizontal: {
+    ...commonStyle,
+    flexDirection: "row",
+    overflowX: "auto",
+    overflowY: "hidden"
+  },
+  contentContainerHorizontal: {
+    flexDirection: "row"
+  },
+  contentContainerCenterContent: {
+    justifyContent: "center",
+    flexGrow: 1
+  },
+  stickyHeader: {
+    position: "sticky",
+    top: 0,
+    zIndex: 10
   },
-  ForwardedScrollView = import_react.default.forwardRef((props, forwardedRef) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ScrollView, {
+  pagingEnabledHorizontal: {
+    scrollSnapType: "x mandatory"
+  },
+  pagingEnabledVertical: {
+    scrollSnapType: "y mandatory"
+  },
+  pagingEnabledChild: {
+    scrollSnapAlign: "start"
+  }
+};
+const ForwardedScrollView = import_react.default.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ScrollView, {
     ...props,
     forwardedRef
-  }));
+  });
+});
 ForwardedScrollView.displayName = "ScrollView";
 var ScrollView_default = ForwardedScrollView;