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

package/src/viewability.ts

@@ -1,279 +0,0 @@
-import { getId } from "./getId";
-import { type StateContext, peek$ } from "./state";
-import type {
-    InternalState,
-    LegendListProps,
-    ViewAmountToken,
-    ViewToken,
-    ViewabilityConfig,
-    ViewabilityConfigCallbackPair,
-    ViewabilityConfigCallbackPairs,
-} from "./types";
-
-const mapViewabilityConfigCallbackPairs = new Map<
-    string,
-    {
-        viewableItems: ViewToken[];
-        start: number;
-        end: number;
-        previousStart: number;
-        previousEnd: number;
-    }
->();
-
-export function setupViewability(
-    props: Pick<
-        LegendListProps<any>,
-        "viewabilityConfig" | "viewabilityConfigCallbackPairs" | "onViewableItemsChanged"
-    >,
-): ViewabilityConfigCallbackPairs | undefined {
-    let { viewabilityConfig, viewabilityConfigCallbackPairs, onViewableItemsChanged } = props;
-
-    if (viewabilityConfig || onViewableItemsChanged) {
-        viewabilityConfigCallbackPairs = [
-            ...(viewabilityConfigCallbackPairs! || []),
-            {
-                viewabilityConfig:
-                    viewabilityConfig ||
-                    ({
-                        viewAreaCoveragePercentThreshold: 0,
-                    } as any),
-                onViewableItemsChanged,
-            },
-        ];
-    }
-
-    if (viewabilityConfigCallbackPairs) {
-        for (const pair of viewabilityConfigCallbackPairs) {
-            mapViewabilityConfigCallbackPairs.set(pair.viewabilityConfig.id!, {
-                viewableItems: [],
-                start: -1,
-                end: -1,
-                previousStart: -1,
-                previousEnd: -1,
-            });
-        }
-    }
-
-    return viewabilityConfigCallbackPairs;
-}
-
-export function updateViewableItems(
-    state: InternalState,
-    ctx: StateContext,
-    viewabilityConfigCallbackPairs: ViewabilityConfigCallbackPair[],
-    scrollSize: number,
-    start: number,
-    end: number,
-) {
-    for (const viewabilityConfigCallbackPair of viewabilityConfigCallbackPairs) {
-        const viewabilityState = mapViewabilityConfigCallbackPairs.get(
-            viewabilityConfigCallbackPair.viewabilityConfig.id!,
-        )!;
-        viewabilityState.start = start;
-        viewabilityState.end = end;
-        if (viewabilityConfigCallbackPair.viewabilityConfig.minimumViewTime) {
-            const timer: any = setTimeout(() => {
-                state.timeouts.delete(timer);
-                updateViewableItemsWithConfig(state.data, viewabilityConfigCallbackPair, state, ctx, scrollSize);
-            }, viewabilityConfigCallbackPair.viewabilityConfig.minimumViewTime);
-            state.timeouts.add(timer);
-        } else {
-            updateViewableItemsWithConfig(state.data, viewabilityConfigCallbackPair, state, ctx, scrollSize);
-        }
-    }
-}
-
-function updateViewableItemsWithConfig(
-    data: readonly any[],
-    viewabilityConfigCallbackPair: ViewabilityConfigCallbackPair,
-    state: InternalState,
-    ctx: StateContext,
-    scrollSize: number,
-) {
-    const { viewabilityConfig, onViewableItemsChanged } = viewabilityConfigCallbackPair;
-    const configId = viewabilityConfig.id!;
-    const viewabilityState = mapViewabilityConfigCallbackPairs.get(configId)!;
-    const { viewableItems: previousViewableItems, start, end } = viewabilityState;
-
-    const viewabilityTokens = new Map<number, ViewAmountToken>();
-    for (const [containerId, value] of ctx.mapViewabilityAmountValues) {
-        viewabilityTokens.set(
-            containerId,
-            computeViewability(
-                state,
-                ctx,
-                viewabilityConfig,
-                containerId,
-                value.key,
-                scrollSize,
-                value.item,
-                value.index,
-            ),
-        );
-    }
-    const changed: ViewToken[] = [];
-    if (previousViewableItems) {
-        for (const viewToken of previousViewableItems) {
-            const containerId = findContainerId(ctx, viewToken.key);
-            if (
-                !isViewable(
-                    state,
-                    ctx,
-                    viewabilityConfig,
-                    containerId,
-                    viewToken.key,
-                    scrollSize,
-                    viewToken.item,
-                    viewToken.index,
-                )
-            ) {
-                viewToken.isViewable = false;
-                changed.push(viewToken);
-            }
-        }
-    }
-
-    const viewableItems: ViewToken[] = [];
-
-    for (let i = start; i <= end; i++) {
-        const item = data[i];
-        if (item) {
-            const key = getId(state, i);
-            const containerId = findContainerId(ctx, key);
-            if (isViewable(state, ctx, viewabilityConfig, containerId, key, scrollSize, item, i)) {
-                const viewToken: ViewToken = {
-                    item,
-                    key,
-                    index: i,
-                    isViewable: true,
-                    containerId,
-                };
-                viewableItems.push(viewToken);
-                if (!previousViewableItems?.find((v) => v.key === viewToken.key)) {
-                    changed.push(viewToken);
-                }
-            }
-        }
-    }
-
-    Object.assign(viewabilityState, {
-        viewableItems,
-        previousStart: start,
-        previousEnd: end,
-    });
-
-    if (changed.length > 0) {
-        viewabilityState.viewableItems = viewableItems;
-
-        for (let i = 0; i < changed.length; i++) {
-            const change = changed[i];
-            maybeUpdateViewabilityCallback(ctx, configId, change.containerId, change);
-        }
-
-        if (onViewableItemsChanged) {
-            onViewableItemsChanged({ viewableItems, changed });
-        }
-    }
-
-    for (const [containerId, value] of ctx.mapViewabilityAmountValues) {
-        if (value.sizeVisible < 0) {
-            ctx.mapViewabilityAmountValues.delete(containerId);
-        }
-    }
-}
-
-function computeViewability(
-    state: InternalState,
-    ctx: StateContext,
-    viewabilityConfig: ViewabilityConfig,
-    containerId: number,
-    key: string,
-    scrollSize: number,
-    item: any,
-    index: number,
-): ViewAmountToken {
-    const { sizes, positions, scroll: scrollState } = state;
-    const topPad = (peek$(ctx, "stylePaddingTop") || 0) + (peek$(ctx, "headerSize") || 0);
-    const { itemVisiblePercentThreshold, viewAreaCoveragePercentThreshold } = viewabilityConfig;
-    const viewAreaMode = viewAreaCoveragePercentThreshold != null;
-    const viewablePercentThreshold = viewAreaMode ? viewAreaCoveragePercentThreshold : itemVisiblePercentThreshold;
-    const scroll = scrollState - topPad;
-
-    const top = positions.get(key)! - scroll;
-    const size = sizes.get(key)! || 0;
-    const bottom = top + size;
-    const isEntirelyVisible = top >= 0 && bottom <= scrollSize && bottom > top;
-
-    const sizeVisible = isEntirelyVisible ? size : Math.min(bottom, scrollSize) - Math.max(top, 0);
-    const percentVisible = size ? (isEntirelyVisible ? 100 : 100 * (sizeVisible / size)) : 0;
-    const percentOfScroller = size ? 100 * (sizeVisible / scrollSize) : 0;
-    const percent = isEntirelyVisible ? 100 : viewAreaMode ? percentOfScroller : percentVisible;
-
-    const isViewable = percent >= viewablePercentThreshold!;
-
-    const value: ViewAmountToken = {
-        index,
-        isViewable,
-        item,
-        key,
-        percentVisible,
-        percentOfScroller,
-        sizeVisible,
-        size,
-        scrollSize,
-        containerId,
-    };
-
-    if (JSON.stringify(value) !== JSON.stringify(ctx.mapViewabilityAmountValues.get(containerId))) {
-        ctx.mapViewabilityAmountValues.set(containerId, value);
-        const cb = ctx.mapViewabilityAmountCallbacks.get(containerId);
-        if (cb) {
-            cb(value);
-        }
-    }
-
-    return value;
-}
-
-function isViewable(
-    state: InternalState,
-    ctx: StateContext,
-    viewabilityConfig: ViewabilityConfig,
-    containerId: number,
-    key: string,
-    scrollSize: number,
-    item: any,
-    index: number,
-) {
-    const value =
-        ctx.mapViewabilityAmountValues.get(containerId) ||
-        computeViewability(state, ctx, viewabilityConfig, containerId, key, scrollSize, item, index);
-
-    return value.isViewable;
-}
-
-function findContainerId(ctx: StateContext, key: string) {
-    const numContainers = peek$(ctx, "numContainers");
-    for (let i = 0; i < numContainers; i++) {
-        const itemKey = peek$(ctx, `containerItemKey${i}`);
-        if (itemKey === key) {
-            return i;
-        }
-    }
-    return -1;
-}
-
-function maybeUpdateViewabilityCallback(
-    ctx: StateContext,
-    configId: string,
-    containerId: number,
-    viewToken: ViewToken,
-) {
-    const key = containerId + configId;
-
-    ctx.mapViewabilityValues.set(key, viewToken);
-
-    const cb = ctx.mapViewabilityCallbacks.get(key);
-    cb?.(viewToken);
-}

package/tsconfig.json

@@ -1,59 +0,0 @@
-{
-    "compilerOptions": {
-        "outDir": "dist",
-        "target": "es2018",
-        "module": "ES2015",
-        "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-        ],
-        "skipLibCheck": true,
-        "strict": true,
-        "allowSyntheticDefaultImports": true,
-        "forceConsistentCasingInFileNames": true,
-        "incremental": true,
-        "tsBuildInfoFile": "./tsconfig.tsbuildinfo", // Specify the build info file
-        "esModuleInterop": true,
-        "moduleResolution": "node",
-        "isolatedModules": true,
-        "jsx": "preserve",
-        "stripInternal": true,
-        "baseUrl": ".",
-        "rootDirs": [
-            "./src",
-        ],
-        "declaration": true,
-        "declarationMap": false,
-        "sourceMap": true,
-        "paths": {
-            "react": [
-                "node_modules/react"
-            ],
-            "react-native": [
-                "node_modules/react-native"
-            ],
-            "@legendapp/list": [
-                "src/index"
-            ],
-            "@legendapp/list/animated": [
-                "src/animated"
-            ],
-            "@legendapp/list/reanimated": [
-                "src/reanimated"
-            ],
-        },
-        "resolveJsonModule": true,
-        "noEmit": true
-    },
-    "include": [
-        "**/*.ts",
-        "**/*.tsx"
-    ],
-    "exclude": [
-        "node_modules",
-        "dist",
-        "types.d.ts",
-        "src/types"
-    ],
-}

package/tsup.config.ts

@@ -1,21 +0,0 @@
-import { defineConfig } from "tsup";
-
-const external = [
-    "react",
-    "react-native",
-    "react-native-keyboard-controller",
-    "react-native-reanimated",
-    "@legendapp/list",
-    "@legendapp/list/animated",
-    "@legendapp/list/reanimated",
-];
-
-export default defineConfig({
-    entry: ["src/index.ts", "src/animated.tsx", "src/reanimated.tsx", "src/keyboard-controller.tsx"],
-    format: ["cjs", "esm"],
-    external,
-    dts: true,
-    treeshake: true,
-    splitting: false,
-    clean: true,
-});

package/{dist → integrations}/reanimated.d.mts

@@ -1,6 +1,6 @@
-import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 import React__default, { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
+import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 
 type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "ItemSeparatorComponent";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;

package/{dist → integrations}/reanimated.d.ts

@@ -1,6 +1,6 @@
-import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 import React__default, { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
+import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 
 type KeysToOmit = "getEstimatedItemSize" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "ItemSeparatorComponent";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;