@legendapp/list 0.5.8 → 0.5.9

package/index.d.mts

@@ -77,6 +77,7 @@ interface InternalState {
         scroll: number;
         time: number;
     }>;
+    scrollTimer: Timer | undefined;
 }
 interface ViewableRange<T> {
     startBuffered: number;

package/index.d.ts

@@ -77,6 +77,7 @@ interface InternalState {
         scroll: number;
         time: number;
     }>;
+    scrollTimer: Timer | undefined;
 }
 interface ViewableRange<T> {
     startBuffered: number;

package/index.js

@@ -42,11 +42,11 @@ function useStateContext() {
 }
 function use$(signalName) {
   const ctx = React5__namespace.useContext(ContextState);
-  const [, forceUpdate] = React5__namespace.useReducer((x) => x + 1, 0);
-  React5.useMemo(() => {
-    listen$(ctx, signalName, forceUpdate);
-  }, []);
-  return ctx.values.get(signalName);
+  const value = React5.useSyncExternalStore(
+    (onStoreChange) => listen$(ctx, signalName, onStoreChange),
+    () => ctx.values.get(signalName)
+  );
+  return value;
 }
 function listen$(ctx, signalName, cb) {
   const { listeners } = ctx;
@@ -148,10 +148,13 @@ var Container = ({
     /* @__PURE__ */ React5__namespace.default.createElement(React5__namespace.default.Fragment, { key: recycleItems ? void 0 : itemKey }, renderedItem, renderedItem && ItemSeparatorComponent && itemKey !== lastItemKey && ItemSeparatorComponent)
   );
 };
+var useAnimatedValue = reactNative.useAnimatedValue || ((initialValue) => {
+  return React5.useRef(new reactNative.Animated.Value(initialValue)).current;
+});
 function useValue$(key, getValue, key2) {
   var _a;
   const ctx = useStateContext();
-  const animValue = reactNative.useAnimatedValue((_a = getValue ? getValue(peek$(ctx, key)) : peek$(ctx, key)) != null ? _a : 0);
+  const animValue = useAnimatedValue((_a = getValue ? getValue(peek$(ctx, key)) : peek$(ctx, key)) != null ? _a : 0);
   React5.useMemo(() => {
     listen$(ctx, key, (v) => animValue.setValue(getValue ? getValue(v) : v));
   }, []);
@@ -548,7 +551,8 @@ var LegendListInner = React5.forwardRef(function LegendListInner2(props, forward
       scrollVelocity: 0,
       contentSize: { width: 0, height: 0 },
       sizesLaidOut: __DEV__ ? /* @__PURE__ */ new Map() : void 0,
-      timeoutSizeMessage: 0
+      timeoutSizeMessage: 0,
+      scrollTimer: void 0
     };
     refState.current.idsInFirstRender = new Set(data.map((_, i) => getId(i)));
     set$(ctx, "scrollAdjust", refState.current.scrollAdjustPending);
@@ -1128,10 +1132,18 @@ var LegendListInner = React5.forwardRef(function LegendListInner2(props, forward
       state.contentSize = event.nativeEvent.contentSize;
       const currentTime = performance.now();
       const newScroll = event.nativeEvent.contentOffset[horizontal ? "x" : "y"];
-      state.scrollHistory.push({ scroll: newScroll, time: currentTime });
+      if (!(state.scrollHistory.length === 0 && newScroll === initialContentOffset)) {
+        state.scrollHistory.push({ scroll: newScroll, time: currentTime });
+      }
       if (state.scrollHistory.length > 5) {
         state.scrollHistory.shift();
       }
+      if (state.scrollTimer !== void 0) {
+        clearTimeout(state.scrollTimer);
+      }
+      state.scrollTimer = setTimeout(() => {
+        state.scrollVelocity = 0;
+      }, 500);
       let velocity = 0;
       if (state.scrollHistory.length >= 2) {
         const newest = state.scrollHistory[state.scrollHistory.length - 1];

package/index.mjs

@@ -1,6 +1,6 @@
 import * as React5 from 'react';
-import React5__default, { forwardRef, useRef, useMemo, useCallback, useImperativeHandle, useEffect, useState } from 'react';
-import { Platform, StyleSheet, ScrollView, Animated, View, Dimensions, useAnimatedValue } from 'react-native';
+import React5__default, { forwardRef, useRef, useMemo, useCallback, useImperativeHandle, useSyncExternalStore, useEffect, useState } from 'react';
+import { Platform, StyleSheet, ScrollView, Animated, View, Dimensions, useAnimatedValue as useAnimatedValue$1 } from 'react-native';
 
 // src/LegendList.tsx
 var USE_CONTENT_INSET = Platform.OS === "ios";
@@ -21,11 +21,11 @@ function useStateContext() {
 }
 function use$(signalName) {
   const ctx = React5.useContext(ContextState);
-  const [, forceUpdate] = React5.useReducer((x) => x + 1, 0);
-  useMemo(() => {
-    listen$(ctx, signalName, forceUpdate);
-  }, []);
-  return ctx.values.get(signalName);
+  const value = useSyncExternalStore(
+    (onStoreChange) => listen$(ctx, signalName, onStoreChange),
+    () => ctx.values.get(signalName)
+  );
+  return value;
 }
 function listen$(ctx, signalName, cb) {
   const { listeners } = ctx;
@@ -127,6 +127,9 @@ var Container = ({
     /* @__PURE__ */ React5__default.createElement(React5__default.Fragment, { key: recycleItems ? void 0 : itemKey }, renderedItem, renderedItem && ItemSeparatorComponent && itemKey !== lastItemKey && ItemSeparatorComponent)
   );
 };
+var useAnimatedValue = useAnimatedValue$1 || ((initialValue) => {
+  return useRef(new Animated.Value(initialValue)).current;
+});
 function useValue$(key, getValue, key2) {
   var _a;
   const ctx = useStateContext();
@@ -527,7 +530,8 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       scrollVelocity: 0,
       contentSize: { width: 0, height: 0 },
       sizesLaidOut: __DEV__ ? /* @__PURE__ */ new Map() : void 0,
-      timeoutSizeMessage: 0
+      timeoutSizeMessage: 0,
+      scrollTimer: void 0
     };
     refState.current.idsInFirstRender = new Set(data.map((_, i) => getId(i)));
     set$(ctx, "scrollAdjust", refState.current.scrollAdjustPending);
@@ -1107,10 +1111,18 @@ var LegendListInner = forwardRef(function LegendListInner2(props, forwardedRef)
       state.contentSize = event.nativeEvent.contentSize;
       const currentTime = performance.now();
       const newScroll = event.nativeEvent.contentOffset[horizontal ? "x" : "y"];
-      state.scrollHistory.push({ scroll: newScroll, time: currentTime });
+      if (!(state.scrollHistory.length === 0 && newScroll === initialContentOffset)) {
+        state.scrollHistory.push({ scroll: newScroll, time: currentTime });
+      }
       if (state.scrollHistory.length > 5) {
         state.scrollHistory.shift();
       }
+      if (state.scrollTimer !== void 0) {
+        clearTimeout(state.scrollTimer);
+      }
+      state.scrollTimer = setTimeout(() => {
+        state.scrollVelocity = 0;
+      }, 500);
       let velocity = 0;
       if (state.scrollHistory.length >= 2) {
         const newest = state.scrollHistory[state.scrollHistory.length - 1];

package/package.json

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