@legendapp/list 0.5.6 → 0.5.7

package/index.d.mts

@@ -155,7 +155,7 @@ interface ViewabilityConfig {
     /**
      * A unique ID to identify this viewability config
      */
-    id: string;
+    id?: string;
     /**
      * Minimum amount of time (in milliseconds) that an item must be physically viewable before the
      * viewability callback will be fired. A high number means that scrolling through content without

package/index.d.ts

@@ -155,7 +155,7 @@ interface ViewabilityConfig {
     /**
      * A unique ID to identify this viewability config
      */
-    id: string;
+    id?: string;
     /**
      * Minimum amount of time (in milliseconds) that an item must be physically viewable before the
      * viewability callback will be fired. A high number means that scrolling through content without

package/index.js

@@ -161,6 +161,8 @@ var Container = ({
         if (key !== void 0) {
           const size = event.nativeEvent.layout[horizontal ? "width" : "height"];
           onLayout(key, size);
+          const otherAxisSize = horizontal ? event.nativeEvent.layout.width : event.nativeEvent.layout.height;
+          set$(ctx, "otherAxisSize", Math.max(otherAxisSize, peek$(ctx, "otherAxisSize") || 0));
           const measured = peek$(ctx, `containerDidLayout${id}`);
           if (!measured) {
             requestAnimationFrame(() => {
@@ -260,6 +262,7 @@ var ListComponent = React7__namespace.memo(function ListComponent2({
   ...rest
 }) {
   const ctx = useStateContext();
+  use$("otherAxisSize") || 0;
   return /* @__PURE__ */ React7__namespace.createElement(
     $ScrollView,
     {
@@ -496,7 +499,6 @@ var LegendListInner = React7.forwardRef(function LegendListInner2(props, forward
     maintainVisibleContentPosition = false,
     onScroll: onScrollProp,
     numColumns: numColumnsProp = 1,
-    style: styleProp,
     keyExtractor,
     renderItem,
     estimatedItemSize,
@@ -506,7 +508,7 @@ var LegendListInner = React7.forwardRef(function LegendListInner2(props, forward
     ListEmptyComponent,
     ...rest
   } = props;
-  const { contentContainerStyle } = props;
+  const { style, contentContainerStyle } = props;
   const ctx = useStateContext();
   const internalRef = React7.useRef(null);
   const refScroller = internalRef;
@@ -808,18 +810,6 @@ var LegendListInner = React7.forwardRef(function LegendListInner2(props, forward
       );
     }
   }, []);
-  const style = React7.useMemo(() => {
-    const extraStyle = {};
-    if (data.length > 0) {
-      const size = getItemSize(getId(0), 0, data[0]);
-      if (horizontal) {
-        extraStyle.minHeight = size;
-      } else {
-        extraStyle.minWidth = size;
-      }
-    }
-    return reactNative.StyleSheet.compose(styleProp, extraStyle);
-  }, []);
   const doUpdatePaddingTop = () => {
     if (alignItemsAtEnd) {
       const { scrollLength, totalSize } = refState.current;

package/index.mjs

@@ -140,6 +140,8 @@ var Container = ({
         if (key !== void 0) {
           const size = event.nativeEvent.layout[horizontal ? "width" : "height"];
           onLayout(key, size);
+          const otherAxisSize = horizontal ? event.nativeEvent.layout.width : event.nativeEvent.layout.height;
+          set$(ctx, "otherAxisSize", Math.max(otherAxisSize, peek$(ctx, "otherAxisSize") || 0));
           const measured = peek$(ctx, `containerDidLayout${id}`);
           if (!measured) {
             requestAnimationFrame(() => {
@@ -239,6 +241,7 @@ var ListComponent = React7.memo(function ListComponent2({
   ...rest
 }) {
   const ctx = useStateContext();
+  use$("otherAxisSize") || 0;
   return /* @__PURE__ */ React7.createElement(
     $ScrollView,
     {
@@ -475,7 +478,6 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
     maintainVisibleContentPosition = false,
     onScroll: onScrollProp,
     numColumns: numColumnsProp = 1,
-    style: styleProp,
     keyExtractor,
     renderItem,
     estimatedItemSize,
@@ -485,7 +487,7 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
     ListEmptyComponent,
     ...rest
   } = props;
-  const { contentContainerStyle } = props;
+  const { style, contentContainerStyle } = props;
   const ctx = useStateContext();
   const internalRef = useRef(null);
   const refScroller = internalRef;
@@ -787,18 +789,6 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       );
     }
   }, []);
-  const style = useMemo(() => {
-    const extraStyle = {};
-    if (data.length > 0) {
-      const size = getItemSize(getId(0), 0, data[0]);
-      if (horizontal) {
-        extraStyle.minHeight = size;
-      } else {
-        extraStyle.minWidth = size;
-      }
-    }
-    return StyleSheet.compose(styleProp, extraStyle);
-  }, []);
   const doUpdatePaddingTop = () => {
     if (alignItemsAtEnd) {
       const { scrollLength, totalSize } = refState.current;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "legend-list",
   "sideEffects": false,
   "private": false,