UNPKG

@tamagui/react-native-web-lite

Version:
254 lines (253 loc) 10.4 kB
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 __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); 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); var VirtualizedList_exports = {}; __export(VirtualizedList_exports, { default: () => VirtualizedList_default }); module.exports = __toCommonJS(VirtualizedList_exports); var import_react_native_web_internals = require("@tamagui/react-native-web-internals"), import_ScrollView = __toESM(require("../../../ScrollView")), import_RefreshControl = __toESM(require("../../../RefreshControl")), import_Batchinator = __toESM(require("../Batchinator")), import_ChildListCollection = __toESM(require("./ChildListCollection")), import_FillRateHelper = __toESM(require("../FillRateHelper")), import_StateSafePureComponent = __toESM(require("./StateSafePureComponent")), import_ViewabilityHelper = __toESM(require("../ViewabilityHelper")), import_VirtualizedListCellRenderer = __toESM(require("./VirtualizedListCellRenderer")), import_VirtualizedListContext = require("./VirtualizedListContext"), import_jsx_runtime = require("react/jsx-runtime"); const __DEV__ = process.env.NODE_ENV !== "production"; function horizontalOrDefault(horizontal) { return horizontal ?? !1; } function scrollEventThrottleOrDefault(scrollEventThrottle) { return scrollEventThrottle ?? 50; } class VirtualizedList extends import_StateSafePureComponent.default { static contextType = import_VirtualizedListContext.VirtualizedListContext; constructor(props) { super(props), this._nestedChildLists = new import_ChildListCollection.default(), this._viewabilityTuples = [], this._scrollMetrics = { contentLength: 0, dOffset: 0, dt: 10, offset: 0, timestamp: 0, velocity: 0, visibleLength: 0 }, this._highestMeasuredFrameIndex = 0, this._headerLength = 0, this._footerLength = 0, this._averageCellLength = 0, this._hasWarned = {}, this._fillRateHelper = new import_FillRateHelper.default(this._getFrameMetrics), this._updateCellsToRenderBatcher = new import_Batchinator.default( this._updateCellsToRender, this.props.updateCellsBatchingPeriod ?? 50 ), this.props.viewabilityConfig && this.props.onViewableItemsChanged && this._viewabilityTuples.push({ viewabilityHelper: new import_ViewabilityHelper.default(this.props.viewabilityConfig), onViewableItemsChanged: this.props.onViewableItemsChanged }); } scrollToEnd(params) { const animated = params ? params.animated : !0, veryLast = this.props.getItemCount(this.props.data) - 1; if (veryLast < 0) return; const frame = this.__getFrameMetricsApprox(veryLast, this.props), offset = Math.max( 0, frame.offset + frame.length + this._footerLength - this._scrollMetrics.visibleLength ); if (this._scrollRef != null) { if (this._scrollRef.scrollTo == null) { console.warn( "No scrollTo method provided. This may be because you have two nested VirtualizedLists with the same orientation, or because you are using a custom component that does not implement scrollTo." ); return; } this._scrollRef.scrollTo( horizontalOrDefault(this.props.horizontal) ? { x: offset, animated } : { y: offset, animated } ); } } scrollToIndex(params) { const { data, horizontal, getItemCount, getItemLayout, onScrollToIndexFailed } = this.props, { animated, index, viewOffset, viewPosition } = params; if ((0, import_react_native_web_internals.invariant)( index >= 0, `scrollToIndex out of range: requested index ${index} but minimum is 0` ), (0, import_react_native_web_internals.invariant)( getItemCount(data) >= 1, `scrollToIndex out of range: item length ${getItemCount( data )} but minimum is 1` ), (0, import_react_native_web_internals.invariant)( index < getItemCount(data), `scrollToIndex out of range: requested index ${index} is out of 0 to ${getItemCount(data) - 1}` ), !getItemLayout && index > this._highestMeasuredFrameIndex) { (0, import_react_native_web_internals.invariant)( !!onScrollToIndexFailed, "scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed, otherwise there is no way to know the location of offscreen indices or handle failures." ), onScrollToIndexFailed({ averageItemLength: this._averageCellLength, highestMeasuredFrameIndex: this._highestMeasuredFrameIndex, index }); return; } const frame = this.__getFrameMetricsApprox(Math.floor(index), this.props), offset = Math.max( 0, this._getOffsetApprox(index, this.props) - (viewPosition || 0) * (this._scrollMetrics.visibleLength - frame.length) ) - (viewOffset || 0); this._scrollRef != null && this._scrollRef.scrollTo( horizontalOrDefault(horizontal) ? { x: offset, animated } : { y: offset, animated } ); } scrollToItem(params) { const { data, getItem, getItemCount, horizontal, onScrollToIndexFailed } = this.props, { animated, item, viewPosition, viewOffset } = params, index = this.props.data.indexOf(item); if (index !== -1) this.scrollToIndex({ animated, index, viewOffset, viewPosition }); else { const itemCount = getItemCount(data); for (let i = 0; i < itemCount; i++) if (getItem(data, i) === item) { this.scrollToIndex({ animated, index: i, viewOffset, viewPosition }); break; } } } scrollToOffset(params) { const { animated, offset } = params; this._scrollRef != null && this._scrollRef.scrollTo( horizontalOrDefault(this.props.horizontal) ? { x: offset, animated } : { y: offset, animated } ); } recordInteraction() { this._nestedChildLists.forEach((childList) => { childList.recordInteraction(); }), this._viewabilityTuples.forEach((viewabilityTuple) => { viewabilityTuple.viewabilityHelper.recordInteraction(); }); } flashScrollIndicators() { this._scrollRef && this._scrollRef.flashScrollIndicators && this._scrollRef.flashScrollIndicators(); } getScrollResponder() { if (this._scrollRef && this._scrollRef.getScrollResponder) return this._scrollRef.getScrollResponder(); } getScrollableNode() { if (this._scrollRef && this._scrollRef.getScrollableNode) return this._scrollRef.getScrollableNode(); } getScrollRef() { return this._scrollRef; } setNativeProps(props) { this._scrollRef && this._scrollRef.setNativeProps(props); } render() { const { ListEmptyComponent, ListFooterComponent, ListHeaderComponent, data, debug, disableVirtualization, getItem, getItemCount, getItemLayout, horizontal, keyExtractor, numColumns, onEndReached, onEndReachedThreshold, onLayout, onRefresh, onScroll, onScrollBeginDrag, onScrollEndDrag, onMomentumScrollBegin, onMomentumScrollEnd, onStartReached, onStartReachedThreshold, onViewableItemsChanged, refreshing, removeClippedSubviews, renderItem, viewabilityConfig, viewabilityConfigCallbackPairs, ...restProps } = this.props; return getItemCount(data) === 0 ? ListEmptyComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListEmptyComponent, {}) : null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)( import_ScrollView.default, { ...restProps, ref: this._captureRef, onContentSizeChange: this._onContentSizeChange, onLayout: this._onLayout, onScroll: this._onScroll, refreshControl: onRefresh && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RefreshControl.default, { refreshing, onRefresh }), scrollEventThrottle: scrollEventThrottleOrDefault(this.props.scrollEventThrottle), removeClippedSubviews, children: this._renderChildren() } ); } _renderChildren() { const { data, getItem, getItemCount, renderItem } = this.props, items = []; for (let i = 0; i < getItemCount(data); i++) { const item = getItem(data, i); items.push( /* @__PURE__ */ (0, import_jsx_runtime.jsx)( import_VirtualizedListCellRenderer.default, { cellKey: String(i), index: i, item, renderItem }, this.props.keyExtractor ? this.props.keyExtractor(item, i) : i ) ); } return items; } _captureRef = (ref) => { this._scrollRef = ref; }; _onContentSizeChange = (width, height) => { }; _onLayout = (event) => { }; _onScroll = (event) => { }; __getFrameMetricsApprox(index, props) { return { length: this._averageCellLength, offset: this._averageCellLength * index }; } _getOffsetApprox(index, props) { return this.__getFrameMetricsApprox(index, props).offset; } } var VirtualizedList_default = VirtualizedList; //# sourceMappingURL=index.js.map