@legendapp/list 2.0.0-next.2 → 2.0.0-next.21

package/dist/keyboard-controller.d.ts

@@ -1,261 +0,0 @@
-import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
-import * as _legendapp_list from '@legendapp/list';
-import { LegendListRef } from '@legendapp/list';
-import * as react_native from 'react-native';
-import * as React from 'react';
-
-declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly T[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    estimatedListSize?: {
-        height: number;
-        width: number;
-    };
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number | {
-        index: number;
-        viewOffset?: number | undefined;
-        viewPosition?: number | undefined;
-    };
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: T;
-    }> | undefined;
-    keyExtractor?: ((item: T, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean | _legendapp_list.MaintainScrollAtEndOptions;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: T;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    suggestEstimatedItemSize?: boolean;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-    onLoad?: (info: {
-        elapsedTimeInMs: number;
-    }) => void;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly T[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    estimatedListSize?: {
-        height: number;
-        width: number;
-    };
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number | {
-        index: number;
-        viewOffset?: number | undefined;
-        viewPosition?: number | undefined;
-    };
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: T;
-    }> | undefined;
-    keyExtractor?: ((item: T, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean | _legendapp_list.MaintainScrollAtEndOptions;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: T;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    suggestEstimatedItemSize?: boolean;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-    onLoad?: (info: {
-        elapsedTimeInMs: number;
-    }) => void;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: _legendapp_list_reanimated.AnimatedLegendListProps<ItemT_1> & {
-    ref?: React.Ref<LegendListRef>;
-}) => React.ReactElement | null) = <T>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly T[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    estimatedListSize?: {
-        height: number;
-        width: number;
-    };
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number | {
-        index: number;
-        viewOffset?: number | undefined;
-        viewPosition?: number | undefined;
-    };
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: T;
-    }> | undefined;
-    keyExtractor?: ((item: T, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean | _legendapp_list.MaintainScrollAtEndOptions;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: T;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<T>> | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    suggestEstimatedItemSize?: boolean;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-    onLoad?: (info: {
-        elapsedTimeInMs: number;
-    }) => void;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<Omit<react_native.ScrollViewProps, "scrollEventThrottle">, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices" | "removeClippedSubviews" | "children"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly ItemT[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    estimatedListSize?: {
-        height: number;
-        width: number;
-    };
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: ItemT) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number | {
-        index: number;
-        viewOffset?: number | undefined;
-        viewPosition?: number | undefined;
-    };
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: ItemT;
-    }> | undefined;
-    keyExtractor?: ((item: ItemT, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean | _legendapp_list.MaintainScrollAtEndOptions;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: ItemT;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT>) => React.ReactNode) | React.ComponentType<_legendapp_list.LegendListRenderItemProps<ItemT>> | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    suggestEstimatedItemSize?: boolean;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-    onLoad?: (info: {
-        elapsedTimeInMs: number;
-    }) => void;
-} & {
-    LegendList?: ListT;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode;
-
-export { LegendList };

package/dist/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "@legendapp/list",
-  "version": "2.0.0-next.1",
-  "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
-  "sideEffects": false,
-  "private": false,
-  "main": "./index.js",
-  "module": "./index.mjs",
-  "types": "./index.d.ts",
-  "files": [
-    "**"
-  ],
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "author": "Legend <contact@legendapp.com> (https://github.com/LegendApp)",
-  "keywords": [
-    "react",
-    "react-native",
-    "list"
-  ],
-  "repository": "github:LegendApp/legend-list",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/LegendApp/legend-list/issues"
-  },
-  "homepage": "https://github.com/LegendApp/legend-list#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "dependencies": {
-    "use-sync-external-store": "^1.5.0"
-  }
-}

package/dist/reanimated.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var list = require('@legendapp/list');
-var React = require('react');
-var Animated = require('react-native-reanimated');
-
-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
-
-// src/helpers.ts
-function isFunction(obj) {
-  return typeof obj === "function";
-}
-
-// src/useCombinedRef.ts
-var useCombinedRef = (...refs) => {
-  const callback = React.useCallback((element) => {
-    for (const ref of refs) {
-      if (!ref) {
-        continue;
-      }
-      if (isFunction(ref)) {
-        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;
-  return /* @__PURE__ */ React__default.default.createElement(
-    list.LegendList,
-    {
-      refScrollView: ref,
-      ref: (r) => {
-        refLegendList(r);
-      },
-      ...rest
-    }
-  );
-});
-var AnimatedLegendListComponent = Animated__default.default.createAnimatedComponent(LegendListForwardedRef);
-var AnimatedLegendList = React__default.default.forwardRef(function AnimatedLegendList2(props, ref) {
-  const { refScrollView, ...rest } = props;
-  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/dist/reanimated.mjs

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

package/example/README.md

@@ -1,40 +0,0 @@
-# Welcome to LegendList test application 👋
-
-This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
-This app is main development playground for testing LegendList features
-
-## Get started
-
-1. Install dependencies
-
-   ```bash
-   npm install
-   ```
-
-2. Start the app
-
-   ```bash
-    npx expo start
-   ```
-
-In the output, you'll find options to open the app in a
-
-- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
-- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
-- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
-- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
-
-You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
-
-## Testing on old arhitecture
-
-LegendList is by default ran on the react native new architecture. It's important to check compatibility with old architecture.
-
-To build version for old architecture:
-1. delete your ios and anrdoid folders
-2. build new versions 
-```
-OLD_ARCH=TRUE bun android
-OLD_ARCH=TRUE bun ios
-```
-Those applications will have separate app name list-test-oldarch and different app id, so both old and new architectures can be tested on same device.

package/example/api/data/genres.json

@@ -1,23 +0,0 @@
-{
-  "genres": [
-    {"id": 28, "name": "Action"},
-    {"id": 12, "name": "Adventure"},
-    {"id": 16, "name": "Animation"},
-    {"id": 35, "name": "Comedy"},
-    {"id": 80, "name": "Crime"},
-    {"id": 99, "name": "Documentary"},
-    {"id": 18, "name": "Drama"},
-    {"id": 10751, "name": "Family"},
-    {"id": 14, "name": "Fantasy"},
-    {"id": 36, "name": "History"},
-    {"id": 27, "name": "Horror"},
-    {"id": 10402, "name": "Music"},
-    {"id": 9648, "name": "Mystery"},
-    {"id": 10749, "name": "Romance"},
-    {"id": 878, "name": "Science Fiction"},
-    {"id": 10770, "name": "TV Movie"},
-    {"id": 53, "name": "Thriller"},
-    {"id": 10752, "name": "War"},
-    {"id": 37, "name": "Western"}
-  ]
-}