@legendapp/list 2.0.0-beta.5 → 2.0.0-beta.7

package/index.js

@@ -288,17 +288,17 @@ var PositionViewSticky = typedMemo(function PositionViewSticky2({
   index,
   ...rest
 }) {
-  const [position = POSITION_OUT_OF_VIEW] = useArr$([`containerPosition${id}`]);
+  const [position = POSITION_OUT_OF_VIEW, headerSize] = useArr$([`containerPosition${id}`, "headerSize"]);
   const transform = React3__namespace.useMemo(() => {
     if (animatedScrollY && stickyOffset) {
       const stickyPosition = animatedScrollY.interpolate({
         extrapolate: "clamp",
-        inputRange: [position, position + 5e3],
+        inputRange: [position + headerSize, position + 5e3 + headerSize],
         outputRange: [position, position + 5e3]
       });
       return horizontal ? [{ translateX: stickyPosition }] : [{ translateY: stickyPosition }];
     }
-  }, [position, horizontal, animatedScrollY, stickyOffset]);
+  }, [animatedScrollY, headerSize, horizontal, stickyOffset, position]);
   const viewStyle = React3__namespace.useMemo(() => [style, { zIndex: index + 1e3 }, { transform }], [style, transform]);
   return /* @__PURE__ */ React3__namespace.createElement(reactNative.Animated.View, { ref: refView, style: viewStyle, ...rest });
 });
@@ -1456,6 +1456,7 @@ function maybeUpdateViewabilityCallback(ctx, configId, containerId, viewToken) {
   const cb = ctx.mapViewabilityCallbacks.get(key);
   cb == null ? void 0 : cb(viewToken);
 }
+var batchedUpdates = reactNative.unstable_batchedUpdates || ((callback) => callback());
 
 // src/utils/checkAllSizesKnown.ts
 function checkAllSizesKnown(state) {
@@ -1799,7 +1800,7 @@ function handleStickyRecycling(ctx, state, stickyArray, scroll, scrollBuffer, pe
   }
 }
 function calculateItemsInView(ctx, state, params = {}) {
-  reactNative.unstable_batchedUpdates(() => {
+  batchedUpdates(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const {
       columns,
@@ -2030,6 +2031,7 @@ function calculateItemsInView(ctx, state, params = {}) {
             set$(ctx, `containerStickyOffset${containerIndex}`, new reactNative.Animated.Value(topPadding));
             state.stickyContainerPool.add(containerIndex);
           } else {
+            set$(ctx, `containerSticky${containerIndex}`, false);
             state.stickyContainerPool.delete(containerIndex);
           }
           if (containerIndex >= numContainers2) {

package/index.mjs

@@ -267,17 +267,17 @@ var PositionViewSticky = typedMemo(function PositionViewSticky2({
   index,
   ...rest
 }) {
-  const [position = POSITION_OUT_OF_VIEW] = useArr$([`containerPosition${id}`]);
+  const [position = POSITION_OUT_OF_VIEW, headerSize] = useArr$([`containerPosition${id}`, "headerSize"]);
   const transform = React3.useMemo(() => {
     if (animatedScrollY && stickyOffset) {
       const stickyPosition = animatedScrollY.interpolate({
         extrapolate: "clamp",
-        inputRange: [position, position + 5e3],
+        inputRange: [position + headerSize, position + 5e3 + headerSize],
         outputRange: [position, position + 5e3]
       });
       return horizontal ? [{ translateX: stickyPosition }] : [{ translateY: stickyPosition }];
     }
-  }, [position, horizontal, animatedScrollY, stickyOffset]);
+  }, [animatedScrollY, headerSize, horizontal, stickyOffset, position]);
   const viewStyle = React3.useMemo(() => [style, { zIndex: index + 1e3 }, { transform }], [style, transform]);
   return /* @__PURE__ */ React3.createElement(Animated.View, { ref: refView, style: viewStyle, ...rest });
 });
@@ -1435,6 +1435,7 @@ function maybeUpdateViewabilityCallback(ctx, configId, containerId, viewToken) {
   const cb = ctx.mapViewabilityCallbacks.get(key);
   cb == null ? void 0 : cb(viewToken);
 }
+var batchedUpdates = unstable_batchedUpdates || ((callback) => callback());
 
 // src/utils/checkAllSizesKnown.ts
 function checkAllSizesKnown(state) {
@@ -1778,7 +1779,7 @@ function handleStickyRecycling(ctx, state, stickyArray, scroll, scrollBuffer, pe
   }
 }
 function calculateItemsInView(ctx, state, params = {}) {
-  unstable_batchedUpdates(() => {
+  batchedUpdates(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const {
       columns,
@@ -2009,6 +2010,7 @@ function calculateItemsInView(ctx, state, params = {}) {
             set$(ctx, `containerStickyOffset${containerIndex}`, new Animated.Value(topPadding));
             state.stickyContainerPool.add(containerIndex);
           } else {
+            set$(ctx, `containerSticky${containerIndex}`, false);
             state.stickyContainerPool.delete(containerIndex);
           }
           if (containerIndex >= numContainers2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-beta.7",
   "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,