@legendapp/list 2.0.5 → 2.0.7

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 2.0.7
+- Fix: Layout not working on react-native-macos because of transform instead of position
+
+## 2.0.6
+- Fix: updateItemPositions edge case with items multiple screen heights long was breaking the loop too early
+
 ## 2.0.5
 - Perf: Change updateAllPositions to constrain processing to the scroll range
 - Fix: Crash when using snapTo in some environments

package/index.js

@@ -266,17 +266,13 @@ var PositionViewAnimated = typedMemo(function PositionView2({
   const position$ = useValue$(`containerPosition${id}`, {
     getValue: (v) => v != null ? v : POSITION_OUT_OF_VIEW
   });
-  return /* @__PURE__ */ React2__namespace.createElement(
-    reactNative.Animated.View,
-    {
-      ref: refView,
-      style: [
-        style,
-        horizontal ? { transform: [{ translateX: position$ }] } : { transform: [{ translateY: position$ }] }
-      ],
-      ...rest
-    }
-  );
+  let position;
+  if (reactNative.Platform.OS === "ios" || reactNative.Platform.OS === "android") {
+    position = horizontal ? { transform: [{ translateX: position$ }] } : { transform: [{ translateY: position$ }] };
+  } else {
+    position = horizontal ? { left: position$ } : { top: position$ };
+  }
+  return /* @__PURE__ */ React2__namespace.createElement(reactNative.Animated.View, { ref: refView, style: [style, position], ...rest });
 });
 var PositionViewSticky = typedMemo(function PositionViewSticky2({
   id,
@@ -1217,12 +1213,16 @@ function updateItemPositions(ctx, state, dataChanged, { startIndex, scrollBottom
   }
   const needsIndexByKey = dataChanged || indexByKey.size === 0;
   let didBreakEarly = false;
+  let breakAt;
   const dataLength = data.length;
   for (let i = startIndex; i < dataLength; i++) {
-    if (!dataChanged && currentRowTop > maxVisibleArea) {
+    if (breakAt && i > breakAt) {
       didBreakEarly = true;
       break;
     }
+    if (!dataChanged && currentRowTop > maxVisibleArea) {
+      breakAt = i + 10;
+    }
     const id = (_e = idCache.get(i)) != null ? _e : getId(state, i);
     const size = (_f = sizesKnown.get(id)) != null ? _f : getItemSize(state, id, i, data[i], useAverageSize);
     if (__DEV__ && needsIndexByKey) {

package/index.mjs

@@ -245,17 +245,13 @@ var PositionViewAnimated = typedMemo(function PositionView2({
   const position$ = useValue$(`containerPosition${id}`, {
     getValue: (v) => v != null ? v : POSITION_OUT_OF_VIEW
   });
-  return /* @__PURE__ */ React2.createElement(
-    Animated.View,
-    {
-      ref: refView,
-      style: [
-        style,
-        horizontal ? { transform: [{ translateX: position$ }] } : { transform: [{ translateY: position$ }] }
-      ],
-      ...rest
-    }
-  );
+  let position;
+  if (Platform.OS === "ios" || Platform.OS === "android") {
+    position = horizontal ? { transform: [{ translateX: position$ }] } : { transform: [{ translateY: position$ }] };
+  } else {
+    position = horizontal ? { left: position$ } : { top: position$ };
+  }
+  return /* @__PURE__ */ React2.createElement(Animated.View, { ref: refView, style: [style, position], ...rest });
 });
 var PositionViewSticky = typedMemo(function PositionViewSticky2({
   id,
@@ -1196,12 +1192,16 @@ function updateItemPositions(ctx, state, dataChanged, { startIndex, scrollBottom
   }
   const needsIndexByKey = dataChanged || indexByKey.size === 0;
   let didBreakEarly = false;
+  let breakAt;
   const dataLength = data.length;
   for (let i = startIndex; i < dataLength; i++) {
-    if (!dataChanged && currentRowTop > maxVisibleArea) {
+    if (breakAt && i > breakAt) {
       didBreakEarly = true;
       break;
     }
+    if (!dataChanged && currentRowTop > maxVisibleArea) {
+      breakAt = i + 10;
+    }
     const id = (_e = idCache.get(i)) != null ? _e : getId(state, i);
     const size = (_f = sizesKnown.get(id)) != null ? _f : getItemSize(state, id, i, data[i], useAverageSize);
     if (__DEV__ && needsIndexByKey) {

package/package.json

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