@legendapp/list 2.0.6 → 2.0.7

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 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
 

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,

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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "2.0.6",
+  "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,