@legendapp/list 1.0.0-beta.2 → 1.0.0-beta.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@legendapp/list",
-  "version": "1.0.0-beta.2",
-  "description": "legend-list",
+  "version": "1.0.0-beta.21",
+  "description": "Legend List aims to be a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,
   "main": "./index.js",
@@ -20,10 +20,7 @@
     "react-native",
     "list"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/LegendApp/legend-list.git"
-  },
+  "repository": "github:LegendApp/legend-list",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/LegendApp/legend-list/issues"

package/reanimated.d.mts

@@ -2,12 +2,15 @@ import { LegendListRef, LegendListPropsBase } from '@legendapp/list';
 import React__default, { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
 
-type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged";
+type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "ItemSeparatorComponent";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
 interface AnimatedLegendListProps<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
     refScrollView?: React__default.Ref<Animated.ScrollView>;
 }
 type OtherAnimatedLegendListProps<ItemT> = Pick<PropsBase<ItemT>, KeysToOmit>;
-declare const AnimatedLegendList: React__default.ForwardRefExoticComponent<Omit<Omit<AnimatedLegendListProps<unknown>, "refLegendList"> & OtherAnimatedLegendListProps<unknown>, "ref"> & React__default.RefAttributes<LegendListRef>>;
+type AnimatedLegendListDefinition = <ItemT>(props: Omit<AnimatedLegendListProps<ItemT>, "refLegendList"> & OtherAnimatedLegendListProps<ItemT> & {
+    ref?: React__default.Ref<LegendListRef>;
+}) => React__default.ReactElement | null;
+declare const AnimatedLegendList: AnimatedLegendListDefinition;
 
 export { AnimatedLegendList };

package/reanimated.d.ts

@@ -2,12 +2,15 @@ import { LegendListRef, LegendListPropsBase } from '@legendapp/list';
 import React__default, { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
 
-type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged";
+type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "ItemSeparatorComponent";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
 interface AnimatedLegendListProps<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
     refScrollView?: React__default.Ref<Animated.ScrollView>;
 }
 type OtherAnimatedLegendListProps<ItemT> = Pick<PropsBase<ItemT>, KeysToOmit>;
-declare const AnimatedLegendList: React__default.ForwardRefExoticComponent<Omit<Omit<AnimatedLegendListProps<unknown>, "refLegendList"> & OtherAnimatedLegendListProps<unknown>, "ref"> & React__default.RefAttributes<LegendListRef>>;
+type AnimatedLegendListDefinition = <ItemT>(props: Omit<AnimatedLegendListProps<ItemT>, "refLegendList"> & OtherAnimatedLegendListProps<ItemT> & {
+    ref?: React__default.Ref<LegendListRef>;
+}) => React__default.ReactElement | null;
+declare const AnimatedLegendList: AnimatedLegendListDefinition;
 
 export { AnimatedLegendList };

package/reanimated.js

@@ -9,6 +9,23 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var Animated__default = /*#__PURE__*/_interopDefault(Animated);
 
+// src/reanimated.tsx
+var useCombinedRef = (...refs) => {
+  const callback = React.useCallback((element) => {
+    for (const ref of refs) {
+      if (!ref) {
+        continue;
+      }
+      if (typeof ref === "function") {
+        ref(element);
+      } else {
+        ref.current = element;
+      }
+    }
+  }, refs);
+  return callback;
+};
+
 // src/reanimated.tsx
 var LegendListForwardedRef = React__default.default.forwardRef(function LegendListForwardedRef2(props, ref) {
   const { refLegendList, ...rest } = props;
@@ -26,22 +43,9 @@ var LegendListForwardedRef = React__default.default.forwardRef(function LegendLi
 var AnimatedLegendListComponent = Animated__default.default.createAnimatedComponent(LegendListForwardedRef);
 var AnimatedLegendList = React__default.default.forwardRef(function AnimatedLegendList2(props, ref) {
   const { refScrollView, ...rest } = props;
-  return /* @__PURE__ */ React__default.default.createElement(
-    AnimatedLegendListComponent,
-    {
-      refLegendList: (r) => {
-        if (ref) {
-          if (typeof ref === "function") {
-            ref(r);
-          } else {
-            ref.current = r;
-          }
-        }
-      },
-      ref: refScrollView,
-      ...rest
-    }
-  );
+  const refLegendList = React__default.default.useRef(null);
+  const combinedRef = useCombinedRef(refLegendList, ref);
+  return /* @__PURE__ */ React__default.default.createElement(AnimatedLegendListComponent, { refLegendList: combinedRef, ref: refScrollView, ...rest });
 });
 
 exports.AnimatedLegendList = AnimatedLegendList;

package/reanimated.mjs

@@ -1,7 +1,24 @@
 import { LegendList } from '@legendapp/list';
-import React from 'react';
+import React, { useCallback } from 'react';
 import Animated from 'react-native-reanimated';
 
+// src/reanimated.tsx
+var useCombinedRef = (...refs) => {
+  const callback = useCallback((element) => {
+    for (const ref of refs) {
+      if (!ref) {
+        continue;
+      }
+      if (typeof ref === "function") {
+        ref(element);
+      } else {
+        ref.current = element;
+      }
+    }
+  }, refs);
+  return callback;
+};
+
 // src/reanimated.tsx
 var LegendListForwardedRef = React.forwardRef(function LegendListForwardedRef2(props, ref) {
   const { refLegendList, ...rest } = props;
@@ -19,22 +36,9 @@ var LegendListForwardedRef = React.forwardRef(function LegendListForwardedRef2(p
 var AnimatedLegendListComponent = Animated.createAnimatedComponent(LegendListForwardedRef);
 var AnimatedLegendList = React.forwardRef(function AnimatedLegendList2(props, ref) {
   const { refScrollView, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(
-    AnimatedLegendListComponent,
-    {
-      refLegendList: (r) => {
-        if (ref) {
-          if (typeof ref === "function") {
-            ref(r);
-          } else {
-            ref.current = r;
-          }
-        }
-      },
-      ref: refScrollView,
-      ...rest
-    }
-  );
+  const refLegendList = React.useRef(null);
+  const combinedRef = useCombinedRef(refLegendList, ref);
+  return /* @__PURE__ */ React.createElement(AnimatedLegendListComponent, { refLegendList: combinedRef, ref: refScrollView, ...rest });
 });
 
 export { AnimatedLegendList };