@tamagui/scroll-view 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/WebScrollView.native.cjs

@@ -0,0 +1,346 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WebScrollView_exports = {};
+__export(WebScrollView_exports, { WebScrollView: () => WebScrollView });
+module.exports = __toCommonJS(WebScrollView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"), 1);
+var View = import_web.View;
+function mergeRefs() {
+	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+		refs[_key] = arguments[_key];
+	}
+	return function(node) {
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var ref = _step.value;
+				if (!ref) continue;
+				if (typeof ref === "function") ref(node);
+				else ref.current = node;
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	};
+}
+function normalizeScrollEvent(e) {
+	var target = e.target;
+	return {
+		nativeEvent: {
+			contentOffset: {
+				get x() {
+					return target.scrollLeft;
+				},
+				get y() {
+					return target.scrollTop;
+				}
+			},
+			contentSize: {
+				get height() {
+					return target.scrollHeight;
+				},
+				get width() {
+					return target.scrollWidth;
+				}
+			},
+			layoutMeasurement: {
+				get height() {
+					return target.offsetHeight;
+				},
+				get width() {
+					return target.offsetWidth;
+				}
+			}
+		},
+		timeStamp: Date.now()
+	};
+}
+function shouldEmitScrollEvent(lastTick, eventThrottle) {
+	var timeSinceLastTick = Date.now() - lastTick;
+	return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;
+}
+function resolveStyles() {
+	for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
+		inputs[_key] = arguments[_key];
+	}
+	var style = {};
+	var classNames = [];
+	var walk = function(s) {
+		if (!s) return;
+		if (Array.isArray(s)) {
+			var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+			try {
+				for (var _iterator2 = s[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+					var item = _step2.value;
+					walk(item);
+				}
+			} catch (err) {
+				_didIteratorError2 = true;
+				_iteratorError2 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+						_iterator2.return();
+					}
+				} finally {
+					if (_didIteratorError2) {
+						throw _iteratorError2;
+					}
+				}
+			}
+			return;
+		}
+		if (s.$$css) {
+			for (var k in s) {
+				if (k !== "$$css") classNames.push(s[k]);
+			}
+		} else {
+			Object.assign(style, s);
+		}
+	};
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = inputs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var input = _step.value;
+			walk(input);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return {
+		style,
+		className: classNames.join(" ")
+	};
+}
+function joinClassNames() {
+	for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
+		parts[_key] = arguments[_key];
+	}
+	var joined = parts.filter(Boolean).join(" ").trim();
+	return joined || void 0;
+}
+var commonStyle = {
+	flexGrow: 1,
+	flexShrink: 1
+};
+var 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" },
+	scrollDisabled: {
+		overflowX: "hidden",
+		overflowY: "hidden",
+		touchAction: "none"
+	}
+};
+var WebScrollView = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+	var { children, contentContainerStyle, horizontal, onContentSizeChange, onScroll, refreshControl, stickyHeaderIndices, pagingEnabled, centerContent, scrollEnabled = true, scrollEventThrottle = 0, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, keyboardShouldPersistTaps, keyboardDismissMode, contentOffset, contentInset, contentInsetAdjustmentBehavior, decelerationRate, directionalLockEnabled, disableIntervalMomentum, disableScrollViewPanResponder, endFillColor, fadingEdgeLength, indicatorStyle, invertStickyHeaders, maintainVisibleContentPosition, maximumZoomScale, minimumZoomScale, nestedScrollEnabled, onScrollToTop, overScrollMode, pinchGestureEnabled, removeClippedSubviews, scrollIndicatorInsets, scrollPerfTag, scrollToOverflowEnabled, snapToAlignment, snapToEnd, snapToInterval, snapToOffsets, snapToStart, bounces, ...rest } = props;
+	var { dataSet, ...domRest } = rest;
+	var dataAttrs = {};
+	if (dataSet) {
+		for (var key in dataSet) {
+			dataAttrs[`data-${key}`] = dataSet[key];
+		}
+	}
+	var scrollNodeRef = React.useRef(null);
+	var innerViewRef = React.useRef(null);
+	var scrollState = React.useRef({
+		isScrolling: false,
+		scrollLastTick: 0
+	});
+	var scrollTimeout = React.useRef(null);
+	var scrollTo = function(options) {
+		var node = scrollNodeRef.current;
+		if (node == null) return;
+		var { x = 0, y = 0, animated = true } = options || {};
+		if (typeof node.scroll === "function") {
+			node.scroll({
+				top: y,
+				left: x,
+				behavior: animated ? "smooth" : "auto"
+			});
+		} else {
+			node.scrollLeft = x;
+			node.scrollTop = y;
+		}
+	};
+	var scrollToEnd = function(options) {
+		var node = scrollNodeRef.current;
+		if (node == null) return;
+		var animated = (options && options.animated) !== false;
+		var x = horizontal ? node.scrollWidth : 0;
+		var y = horizontal ? 0 : node.scrollHeight;
+		scrollTo({
+			x,
+			y,
+			animated
+		});
+	};
+	var setScrollNodeRef = React.useCallback(function(node) {
+		scrollNodeRef.current = node;
+		if (node != null) {
+			node.getScrollResponder = function() {
+				return node;
+			};
+			node.getScrollableNode = function() {
+				return node;
+			};
+			node.getInnerViewNode = function() {
+				return innerViewRef.current;
+			};
+			node.getInnerViewRef = function() {
+				return innerViewRef.current;
+			};
+			node.getNativeScrollRef = function() {
+				return node;
+			};
+			node.scrollTo = scrollTo;
+			node.scrollToEnd = scrollToEnd;
+			node.flashScrollIndicators = function() {};
+		}
+		mergeRefs(forwardedRef)(node);
+	}, [forwardedRef, horizontal]);
+	function handleScroll(e) {
+		e.stopPropagation();
+		if (e.target !== scrollNodeRef.current) return;
+		if (scrollTimeout.current != null) {
+			clearTimeout(scrollTimeout.current);
+		}
+		scrollTimeout.current = setTimeout(function() {
+			scrollState.current.isScrolling = false;
+			onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+		}, 100);
+		if (scrollState.current.isScrolling) {
+			if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {
+				scrollState.current.scrollLastTick = Date.now();
+				onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+			}
+		} else {
+			scrollState.current.isScrolling = true;
+			scrollState.current.scrollLastTick = Date.now();
+			onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+		}
+	}
+	var handleContentLayout = onContentSizeChange ? function(e) {
+		var { width, height } = e.nativeEvent.layout;
+		onContentSizeChange(width, height);
+	} : void 0;
+	var hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);
+	var renderedChildren = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(children, function(child, i) {
+		var isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
+		if (child != null && (isSticky || pagingEnabled)) {
+			var resolved = resolveStyles(isSticky && styles.stickyHeader, pagingEnabled && styles.pagingEnabledChild);
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(View, {
+				style: resolved.style,
+				className: joinClassNames(resolved.className),
+				children: child
+			});
+		}
+		return child;
+	}) : children;
+	var contentResolved = resolveStyles(horizontal && styles.contentContainerHorizontal, centerContent && styles.contentContainerCenterContent, contentContainerStyle);
+	var contentContainer = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(View, {
+		ref: innerViewRef,
+		onLayout: handleContentLayout,
+		style: contentResolved.style,
+		className: joinClassNames(contentResolved.className),
+		children: renderedChildren
+	});
+	var baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical;
+	var pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical;
+	var hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;
+	var hideVerticalScrollbar = showsVerticalScrollIndicator === false;
+	var extraClassName = (hideHorizontalScrollbar ? " _hsb-x" : "") + (hideVerticalScrollbar ? " _hsb-y" : "");
+	var scrollResolved = resolveStyles(baseStyle, pagingEnabled && pagingEnabledStyle, style, !scrollEnabled && styles.scrollDisabled);
+	var scrollView = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(View, {
+		...domRest,
+		...dataAttrs,
+		className: joinClassNames(domRest.className, scrollResolved.className, extraClassName),
+		ref: setScrollNodeRef,
+		onScroll: handleScroll,
+		style: scrollResolved.style,
+		children: contentContainer
+	});
+	if (refreshControl) {
+		var refreshResolved = resolveStyles(baseStyle, style);
+		return /* @__PURE__ */ React.cloneElement(refreshControl, {
+			style: refreshResolved.style,
+			className: joinClassNames(refreshResolved.className)
+		}, scrollView);
+	}
+	return scrollView;
+});
+WebScrollView.displayName = "ScrollView";

package/dist/cjs/WebScrollView.native.js

@@ -0,0 +1,348 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WebScrollView_exports = {};
+__export(WebScrollView_exports, { WebScrollView: () => WebScrollView });
+module.exports = __toCommonJS(WebScrollView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"), 1);
+var View = import_web.View;
+function mergeRefs() {
+	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+		refs[_key] = arguments[_key];
+	}
+	return function(node) {
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var ref = _step.value;
+				if (!ref) continue;
+				if (typeof ref === "function") ref(node);
+				else ref.current = node;
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	};
+}
+function normalizeScrollEvent(e) {
+	var target = e.target;
+	return {
+		nativeEvent: {
+			contentOffset: {
+				get x() {
+					return target.scrollLeft;
+				},
+				get y() {
+					return target.scrollTop;
+				}
+			},
+			contentSize: {
+				get height() {
+					return target.scrollHeight;
+				},
+				get width() {
+					return target.scrollWidth;
+				}
+			},
+			layoutMeasurement: {
+				get height() {
+					return target.offsetHeight;
+				},
+				get width() {
+					return target.offsetWidth;
+				}
+			}
+		},
+		timeStamp: Date.now()
+	};
+}
+function shouldEmitScrollEvent(lastTick, eventThrottle) {
+	var timeSinceLastTick = Date.now() - lastTick;
+	return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;
+}
+function resolveStyles() {
+	for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
+		inputs[_key] = arguments[_key];
+	}
+	var style = {};
+	var classNames = [];
+	var walk = function(s) {
+		if (!s) return;
+		if (Array.isArray(s)) {
+			var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+			try {
+				for (var _iterator2 = s[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+					var item = _step2.value;
+					walk(item);
+				}
+			} catch (err) {
+				_didIteratorError2 = true;
+				_iteratorError2 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+						_iterator2.return();
+					}
+				} finally {
+					if (_didIteratorError2) {
+						throw _iteratorError2;
+					}
+				}
+			}
+			return;
+		}
+		if (s.$$css) {
+			for (var k in s) {
+				if (k !== "$$css") classNames.push(s[k]);
+			}
+		} else {
+			Object.assign(style, s);
+		}
+	};
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = inputs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var input = _step.value;
+			walk(input);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return {
+		style,
+		className: classNames.join(" ")
+	};
+}
+function joinClassNames() {
+	for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
+		parts[_key] = arguments[_key];
+	}
+	var joined = parts.filter(Boolean).join(" ").trim();
+	return joined || void 0;
+}
+var commonStyle = {
+	flexGrow: 1,
+	flexShrink: 1
+};
+var 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" },
+	scrollDisabled: {
+		overflowX: "hidden",
+		overflowY: "hidden",
+		touchAction: "none"
+	}
+};
+var WebScrollView = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+	var { children, contentContainerStyle, horizontal, onContentSizeChange, onScroll, refreshControl, stickyHeaderIndices, pagingEnabled, centerContent, scrollEnabled = true, scrollEventThrottle = 0, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, keyboardShouldPersistTaps, keyboardDismissMode, contentOffset, contentInset, contentInsetAdjustmentBehavior, decelerationRate, directionalLockEnabled, disableIntervalMomentum, disableScrollViewPanResponder, endFillColor, fadingEdgeLength, indicatorStyle, invertStickyHeaders, maintainVisibleContentPosition, maximumZoomScale, minimumZoomScale, nestedScrollEnabled, onScrollToTop, overScrollMode, pinchGestureEnabled, removeClippedSubviews, scrollIndicatorInsets, scrollPerfTag, scrollToOverflowEnabled, snapToAlignment, snapToEnd, snapToInterval, snapToOffsets, snapToStart, bounces, ...rest } = props;
+	var { dataSet, ...domRest } = rest;
+	var dataAttrs = {};
+	if (dataSet) {
+		for (var key in dataSet) {
+			dataAttrs[`data-${key}`] = dataSet[key];
+		}
+	}
+	var scrollNodeRef = React.useRef(null);
+	var innerViewRef = React.useRef(null);
+	var scrollState = React.useRef({
+		isScrolling: false,
+		scrollLastTick: 0
+	});
+	var scrollTimeout = React.useRef(null);
+	var scrollTo = function(options) {
+		var node = scrollNodeRef.current;
+		if (node == null) return;
+		var { x = 0, y = 0, animated = true } = options || {};
+		if (typeof node.scroll === "function") {
+			node.scroll({
+				top: y,
+				left: x,
+				behavior: animated ? "smooth" : "auto"
+			});
+		} else {
+			node.scrollLeft = x;
+			node.scrollTop = y;
+		}
+	};
+	var scrollToEnd = function(options) {
+		var node = scrollNodeRef.current;
+		if (node == null) return;
+		var animated = (options && options.animated) !== false;
+		var x = horizontal ? node.scrollWidth : 0;
+		var y = horizontal ? 0 : node.scrollHeight;
+		scrollTo({
+			x,
+			y,
+			animated
+		});
+	};
+	var setScrollNodeRef = React.useCallback(function(node) {
+		scrollNodeRef.current = node;
+		if (node != null) {
+			node.getScrollResponder = function() {
+				return node;
+			};
+			node.getScrollableNode = function() {
+				return node;
+			};
+			node.getInnerViewNode = function() {
+				return innerViewRef.current;
+			};
+			node.getInnerViewRef = function() {
+				return innerViewRef.current;
+			};
+			node.getNativeScrollRef = function() {
+				return node;
+			};
+			node.scrollTo = scrollTo;
+			node.scrollToEnd = scrollToEnd;
+			node.flashScrollIndicators = function() {};
+		}
+		mergeRefs(forwardedRef)(node);
+	}, [forwardedRef, horizontal]);
+	function handleScroll(e) {
+		e.stopPropagation();
+		if (e.target !== scrollNodeRef.current) return;
+		if (scrollTimeout.current != null) {
+			clearTimeout(scrollTimeout.current);
+		}
+		scrollTimeout.current = setTimeout(function() {
+			scrollState.current.isScrolling = false;
+			onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+		}, 100);
+		if (scrollState.current.isScrolling) {
+			if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {
+				scrollState.current.scrollLastTick = Date.now();
+				onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+			}
+		} else {
+			scrollState.current.isScrolling = true;
+			scrollState.current.scrollLastTick = Date.now();
+			onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+		}
+	}
+	var handleContentLayout = onContentSizeChange ? function(e) {
+		var { width, height } = e.nativeEvent.layout;
+		onContentSizeChange(width, height);
+	} : void 0;
+	var hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);
+	var renderedChildren = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(children, function(child, i) {
+		var isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
+		if (child != null && (isSticky || pagingEnabled)) {
+			var resolved = resolveStyles(isSticky && styles.stickyHeader, pagingEnabled && styles.pagingEnabledChild);
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(View, {
+				style: resolved.style,
+				className: joinClassNames(resolved.className),
+				children: child
+			});
+		}
+		return child;
+	}) : children;
+	var contentResolved = resolveStyles(horizontal && styles.contentContainerHorizontal, centerContent && styles.contentContainerCenterContent, contentContainerStyle);
+	var contentContainer = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(View, {
+		ref: innerViewRef,
+		onLayout: handleContentLayout,
+		style: contentResolved.style,
+		className: joinClassNames(contentResolved.className),
+		children: renderedChildren
+	});
+	var baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical;
+	var pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical;
+	var hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;
+	var hideVerticalScrollbar = showsVerticalScrollIndicator === false;
+	var extraClassName = (hideHorizontalScrollbar ? " _hsb-x" : "") + (hideVerticalScrollbar ? " _hsb-y" : "");
+	var scrollResolved = resolveStyles(baseStyle, pagingEnabled && pagingEnabledStyle, style, !scrollEnabled && styles.scrollDisabled);
+	var scrollView = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(View, {
+		...domRest,
+		...dataAttrs,
+		className: joinClassNames(domRest.className, scrollResolved.className, extraClassName),
+		ref: setScrollNodeRef,
+		onScroll: handleScroll,
+		style: scrollResolved.style,
+		children: contentContainer
+	});
+	if (refreshControl) {
+		var refreshResolved = resolveStyles(baseStyle, style);
+		return /* @__PURE__ */ React.cloneElement(refreshControl, {
+			style: refreshResolved.style,
+			className: joinClassNames(refreshResolved.className)
+		}, scrollView);
+	}
+	return scrollView;
+});
+WebScrollView.displayName = "ScrollView";
+
+//# sourceMappingURL=WebScrollView.native.js.map