@legendapp/list 1.0.16 → 1.0.17

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 1.0.17
+- Fix: initialScrollIndex not taking header component size into account
+- Fix: PaddingAndAdjust for ListHeaderComponent
+- Fix: ignore alignItemsAtEnd when the list is empty
+
 ## 1.0.16
 - Fix: isAtEnd was going to false when overscrolling
 - Fix: refreshControl not being top padded correctly

package/index.js

@@ -691,7 +691,7 @@ var ListComponent = typedMemo(function ListComponent2({
       contentOffset: initialContentOffset ? horizontal ? { x: initialContentOffset, y: 0 } : { x: 0, y: initialContentOffset } : void 0,
       ref: refScrollView
     },
-    !ListEmptyComponent && (ENABLE_DEVMODE ? /* @__PURE__ */ React2__namespace.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React2__namespace.createElement(PaddingAndAdjust, null)),
+    ENABLE_DEVMODE ? /* @__PURE__ */ React2__namespace.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React2__namespace.createElement(PaddingAndAdjust, null),
     ListHeaderComponent && /* @__PURE__ */ React2__namespace.createElement(
       ListHeaderComponentContainer,
       {
@@ -1021,6 +1021,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     estimatedItemSize: estimatedItemSizeProp,
     getEstimatedItemSize,
     suggestEstimatedItemSize,
+    ListHeaderComponent,
     ListEmptyComponent,
     onItemSizeChanged,
     refScrollView,
@@ -1732,10 +1733,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   };
   const updateAlignItemsPaddingTop = () => {
     if (alignItemsAtEnd) {
-      const { scrollLength } = refState.current;
-      const contentSize = getContentSize(ctx);
-      const paddingTop = Math.max(0, Math.floor(scrollLength - contentSize));
-      setPaddingTop({ alignItemsPaddingTop: paddingTop });
+      const { data, scrollLength } = refState.current;
+      let alignItemsPaddingTop = 0;
+      if ((data == null ? void 0 : data.length) > 0) {
+        const contentSize = getContentSize(ctx);
+        alignItemsPaddingTop = Math.max(0, Math.floor(scrollLength - contentSize));
+      }
+      setPaddingTop({ alignItemsPaddingTop });
     }
   };
   const finishScrollTo = () => {
@@ -2086,6 +2090,18 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     refState.current.previousTotalSize = peek$(ctx, "totalSize");
     calcTotalSizesAndPositions({ forgetPositions: false });
   }
+  React2.useEffect(() => {
+    if (initialScrollIndex && ListHeaderComponent) {
+      const dispose = listen$(ctx, "headerSize", (size) => {
+        if (size > 0) {
+          scrollToIndex({ index: initialScrollIndex, animated: false });
+          dispose == null ? void 0 : dispose();
+        }
+      });
+      setTimeout(dispose, 0);
+      return dispose;
+    }
+  }, []);
   React2.useEffect(() => {
     const didAllocateContainers = doInitialAllocateContainers();
     if (!didAllocateContainers) {
@@ -2513,6 +2529,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       recycleItems,
       alignItemsAtEnd,
       ListEmptyComponent: dataProp.length === 0 ? ListEmptyComponent : void 0,
+      ListHeaderComponent,
       maintainVisibleContentPosition,
       scrollEventThrottle: reactNative.Platform.OS === "web" ? 16 : void 0,
       waitForInitialLayout,

package/index.mjs

@@ -670,7 +670,7 @@ var ListComponent = typedMemo(function ListComponent2({
       contentOffset: initialContentOffset ? horizontal ? { x: initialContentOffset, y: 0 } : { x: 0, y: initialContentOffset } : void 0,
       ref: refScrollView
     },
-    !ListEmptyComponent && (ENABLE_DEVMODE ? /* @__PURE__ */ React2.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React2.createElement(PaddingAndAdjust, null)),
+    ENABLE_DEVMODE ? /* @__PURE__ */ React2.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React2.createElement(PaddingAndAdjust, null),
     ListHeaderComponent && /* @__PURE__ */ React2.createElement(
       ListHeaderComponentContainer,
       {
@@ -1000,6 +1000,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     estimatedItemSize: estimatedItemSizeProp,
     getEstimatedItemSize,
     suggestEstimatedItemSize,
+    ListHeaderComponent,
     ListEmptyComponent,
     onItemSizeChanged,
     refScrollView,
@@ -1711,10 +1712,13 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   };
   const updateAlignItemsPaddingTop = () => {
     if (alignItemsAtEnd) {
-      const { scrollLength } = refState.current;
-      const contentSize = getContentSize(ctx);
-      const paddingTop = Math.max(0, Math.floor(scrollLength - contentSize));
-      setPaddingTop({ alignItemsPaddingTop: paddingTop });
+      const { data, scrollLength } = refState.current;
+      let alignItemsPaddingTop = 0;
+      if ((data == null ? void 0 : data.length) > 0) {
+        const contentSize = getContentSize(ctx);
+        alignItemsPaddingTop = Math.max(0, Math.floor(scrollLength - contentSize));
+      }
+      setPaddingTop({ alignItemsPaddingTop });
     }
   };
   const finishScrollTo = () => {
@@ -2065,6 +2069,18 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     refState.current.previousTotalSize = peek$(ctx, "totalSize");
     calcTotalSizesAndPositions({ forgetPositions: false });
   }
+  useEffect(() => {
+    if (initialScrollIndex && ListHeaderComponent) {
+      const dispose = listen$(ctx, "headerSize", (size) => {
+        if (size > 0) {
+          scrollToIndex({ index: initialScrollIndex, animated: false });
+          dispose == null ? void 0 : dispose();
+        }
+      });
+      setTimeout(dispose, 0);
+      return dispose;
+    }
+  }, []);
   useEffect(() => {
     const didAllocateContainers = doInitialAllocateContainers();
     if (!didAllocateContainers) {
@@ -2492,6 +2508,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       recycleItems,
       alignItemsAtEnd,
       ListEmptyComponent: dataProp.length === 0 ? ListEmptyComponent : void 0,
+      ListHeaderComponent,
       maintainVisibleContentPosition,
       scrollEventThrottle: Platform.OS === "web" ? 16 : void 0,
       waitForInitialLayout,

package/package.json

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