@legendapp/list 2.1.0-next.1 → 3.0.0-beta.0

package/package.json

@@ -1,18 +1,26 @@
 {
   "name": "@legendapp/list",
-  "version": "2.1.0-next.1",
+  "version": "3.0.0-beta.0",
   "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",
+  "react-native": "./index.native.js",
   "files": [
     "**"
   ],
   "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
+    "react": "*"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    }
   },
   "author": "Legend <contact@legendapp.com> (https://github.com/LegendApp)",
   "keywords": [

package/reanimated.d.mts

@@ -1,17 +1,18 @@
-import React__default, { ComponentProps } from 'react';
+import * as React from 'react';
+import { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
 import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 
 type KeysToOmit = "getEstimatedItemSize" | "getFixedItemSize" | "getItemType" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "itemsAreEqual" | "ItemSeparatorComponent";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
 interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
-    refScrollView?: React__default.Ref<Animated.ScrollView>;
+    refScrollView?: React.Ref<Animated.ScrollView>;
 }
 type OtherAnimatedLegendListProps<ItemT> = Pick<PropsBase<ItemT>, KeysToOmit>;
 type AnimatedLegendListProps<ItemT> = Omit<AnimatedLegendListPropsBase<ItemT>, "refLegendList" | "ref"> & OtherAnimatedLegendListProps<ItemT>;
 type AnimatedLegendListDefinition = <ItemT>(props: AnimatedLegendListProps<ItemT> & {
-    ref?: React__default.Ref<LegendListRef>;
-}) => React__default.ReactElement | null;
+    ref?: React.Ref<LegendListRef>;
+}) => React.ReactElement | null;
 declare const AnimatedLegendList: AnimatedLegendListDefinition;
 
 export { AnimatedLegendList, type AnimatedLegendListProps, type AnimatedLegendListPropsBase };

package/reanimated.d.ts

@@ -1,17 +1,18 @@
-import React__default, { ComponentProps } from 'react';
+import * as React from 'react';
+import { ComponentProps } from 'react';
 import Animated from 'react-native-reanimated';
 import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 
 type KeysToOmit = "getEstimatedItemSize" | "getFixedItemSize" | "getItemType" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "itemsAreEqual" | "ItemSeparatorComponent";
 type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
 interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
-    refScrollView?: React__default.Ref<Animated.ScrollView>;
+    refScrollView?: React.Ref<Animated.ScrollView>;
 }
 type OtherAnimatedLegendListProps<ItemT> = Pick<PropsBase<ItemT>, KeysToOmit>;
 type AnimatedLegendListProps<ItemT> = Omit<AnimatedLegendListPropsBase<ItemT>, "refLegendList" | "ref"> & OtherAnimatedLegendListProps<ItemT>;
 type AnimatedLegendListDefinition = <ItemT>(props: AnimatedLegendListProps<ItemT> & {
-    ref?: React__default.Ref<LegendListRef>;
-}) => React__default.ReactElement | null;
+    ref?: React.Ref<LegendListRef>;
+}) => React.ReactElement | null;
 declare const AnimatedLegendList: AnimatedLegendListDefinition;
 
 export { AnimatedLegendList, type AnimatedLegendListProps, type AnimatedLegendListPropsBase };

package/reanimated.js

@@ -6,7 +6,25 @@ var list = require('@legendapp/list');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Animated__default = /*#__PURE__*/_interopDefault(Animated);
 
 // src/integrations/reanimated.tsx
@@ -36,7 +54,7 @@ var useCombinedRef = (...refs) => {
 // src/integrations/reanimated.tsx
 var typedMemo = React.memo;
 var LegendListForwardedRef = typedMemo(
-  React__default.default.forwardRef(function LegendListForwardedRef2(props, ref) {
+  React__namespace.forwardRef(function LegendListForwardedRef2(props, ref) {
     const { refLegendList, ...rest } = props;
     const refFn = React.useCallback(
       (r) => {
@@ -44,16 +62,16 @@ var LegendListForwardedRef = typedMemo(
       },
       [refLegendList]
     );
-    return /* @__PURE__ */ React__default.default.createElement(list.LegendList, { ref: refFn, refScrollView: ref, ...rest });
+    return /* @__PURE__ */ React__namespace.createElement(list.LegendList, { ref: refFn, refScrollView: ref, ...rest });
   })
 );
 var AnimatedLegendListComponent = Animated__default.default.createAnimatedComponent(LegendListForwardedRef);
 var AnimatedLegendList = typedMemo(
-  React__default.default.forwardRef(function AnimatedLegendList2(props, ref) {
+  React__namespace.forwardRef(function AnimatedLegendList2(props, ref) {
     const { refScrollView, ...rest } = props;
-    const refLegendList = React__default.default.useRef(null);
+    const refLegendList = React__namespace.useRef(null);
     const combinedRef = useCombinedRef(refLegendList, ref);
-    return /* @__PURE__ */ React__default.default.createElement(AnimatedLegendListComponent, { ref: refScrollView, refLegendList: combinedRef, ...rest });
+    return /* @__PURE__ */ React__namespace.createElement(AnimatedLegendListComponent, { ref: refScrollView, refLegendList: combinedRef, ...rest });
   })
 );
 

package/reanimated.mjs

@@ -1,4 +1,5 @@
-import React, { useCallback, memo } from 'react';
+import * as React from 'react';
+import { useCallback, memo } from 'react';
 import Animated from 'react-native-reanimated';
 import { LegendList } from '@legendapp/list';
 

package/section-list.d.mts

@@ -0,0 +1,113 @@
+import * as react_native from 'react-native';
+import { SectionListData, SectionBase, SectionListRenderItemInfo, SectionListScrollParams } from 'react-native';
+import * as React from 'react';
+import { a as LegendListRef, L as LegendListProps } from './types-JPHClxiw.mjs';
+import 'react-native-reanimated';
+
+type SectionListSeparatorProps<ItemT, SectionT> = {
+    leadingItem?: ItemT;
+    leadingSection?: SectionListData<ItemT, SectionT>;
+    section: SectionListData<ItemT, SectionT>;
+    trailingItem?: ItemT;
+    trailingSection?: SectionListData<ItemT, SectionT>;
+};
+type SectionHeaderItem<SectionT> = {
+    kind: "header";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+};
+type SectionFooterItem<SectionT> = {
+    kind: "footer";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+};
+type SectionBodyItem<ItemT, SectionT> = {
+    kind: "item";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+    item: ItemT;
+    itemIndex: number;
+    absoluteItemIndex: number;
+};
+type SectionItemSeparator<ItemT, SectionT> = {
+    kind: "item-separator";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+    leadingItem: ItemT;
+    leadingItemIndex: number;
+    trailingItem?: ItemT;
+};
+type SectionSeparator<SectionT> = {
+    kind: "section-separator";
+    key: string;
+    leadingSection: SectionT;
+    leadingSectionIndex: number;
+    trailingSection?: SectionT;
+};
+type FlatSectionListItem<ItemT, SectionT> = SectionHeaderItem<SectionT> | SectionFooterItem<SectionT> | SectionBodyItem<ItemT, SectionT> | SectionItemSeparator<ItemT, SectionT> | SectionSeparator<SectionT>;
+type SectionMeta = {
+    header?: number;
+    footer?: number;
+    items: number[];
+};
+type BuildSectionListDataResult<ItemT, SectionT> = {
+    data: Array<FlatSectionListItem<ItemT, SectionT>>;
+    sectionMeta: SectionMeta[];
+    stickyHeaderIndices: number[];
+};
+
+type SectionListViewToken<ItemT, SectionT> = {
+    item: ItemT;
+    key: string;
+    index: number;
+    isViewable: boolean;
+    section: SectionListData<ItemT, SectionT>;
+};
+type SectionListOnViewableItemsChanged<ItemT, SectionT> = ((info: {
+    viewableItems: Array<SectionListViewToken<ItemT, SectionT>>;
+    changed: Array<SectionListViewToken<ItemT, SectionT>>;
+}) => void) | null;
+type SectionListLegendProps<ItemT, SectionT> = Omit<LegendListProps<FlatSectionListItem<ItemT, SectionT>>, "data" | "children" | "renderItem" | "keyExtractor" | "ItemSeparatorComponent" | "getItemType" | "getFixedItemSize" | "stickyHeaderIndices" | "numColumns" | "columnWrapperStyle" | "onViewableItemsChanged">;
+type SectionListProps<ItemT, SectionT extends SectionBase<ItemT> = SectionBase<ItemT>> = SectionListLegendProps<ItemT, SectionT> & {
+    sections: ReadonlyArray<SectionListData<ItemT, SectionT>>;
+    extraData?: any;
+    renderItem?: (info: SectionListRenderItemInfo<ItemT, SectionT>) => React.ReactElement | null;
+    renderSectionHeader?: (info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null;
+    renderSectionFooter?: (info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null;
+    ItemSeparatorComponent?: React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | null;
+    SectionSeparatorComponent?: React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | React.ReactElement | null;
+    keyExtractor?: (item: ItemT, index: number) => string;
+    stickySectionHeadersEnabled?: boolean;
+    onViewableItemsChanged?: SectionListOnViewableItemsChanged<ItemT, SectionT>;
+};
+type SectionListRef = LegendListRef & {
+    scrollToLocation(params: SectionListScrollParams): void;
+};
+declare const SectionList: (<ItemT, SectionT extends SectionBase<ItemT, react_native.DefaultSectionT>>(props: SectionListLegendProps<ItemT, SectionT> & {
+    sections: readonly SectionListData<ItemT, SectionT>[];
+    extraData?: any;
+    renderItem?: ((info: SectionListRenderItemInfo<ItemT, SectionT>) => React.ReactElement | null) | undefined;
+    renderSectionHeader?: ((info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null) | undefined;
+    renderSectionFooter?: ((info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null) | undefined;
+    ItemSeparatorComponent?: React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | null | undefined;
+    SectionSeparatorComponent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | null | undefined;
+    keyExtractor?: ((item: ItemT, index: number) => string) | undefined;
+    stickySectionHeadersEnabled?: boolean;
+    onViewableItemsChanged?: SectionListOnViewableItemsChanged<ItemT, SectionT> | undefined;
+} & React.RefAttributes<SectionListRef>) => React.ReactNode) & {
+    displayName?: string;
+};
+
+export { type BuildSectionListDataResult, type FlatSectionListItem, SectionList, type SectionListOnViewableItemsChanged, type SectionListProps, type SectionListRef, type SectionListSeparatorProps, type SectionListViewToken, type SectionMeta };

package/section-list.d.ts

@@ -0,0 +1,113 @@
+import * as react_native from 'react-native';
+import { SectionListData, SectionBase, SectionListRenderItemInfo, SectionListScrollParams } from 'react-native';
+import * as React from 'react';
+import { a as LegendListRef, L as LegendListProps } from './types-JPHClxiw.js';
+import 'react-native-reanimated';
+
+type SectionListSeparatorProps<ItemT, SectionT> = {
+    leadingItem?: ItemT;
+    leadingSection?: SectionListData<ItemT, SectionT>;
+    section: SectionListData<ItemT, SectionT>;
+    trailingItem?: ItemT;
+    trailingSection?: SectionListData<ItemT, SectionT>;
+};
+type SectionHeaderItem<SectionT> = {
+    kind: "header";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+};
+type SectionFooterItem<SectionT> = {
+    kind: "footer";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+};
+type SectionBodyItem<ItemT, SectionT> = {
+    kind: "item";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+    item: ItemT;
+    itemIndex: number;
+    absoluteItemIndex: number;
+};
+type SectionItemSeparator<ItemT, SectionT> = {
+    kind: "item-separator";
+    key: string;
+    section: SectionT;
+    sectionIndex: number;
+    leadingItem: ItemT;
+    leadingItemIndex: number;
+    trailingItem?: ItemT;
+};
+type SectionSeparator<SectionT> = {
+    kind: "section-separator";
+    key: string;
+    leadingSection: SectionT;
+    leadingSectionIndex: number;
+    trailingSection?: SectionT;
+};
+type FlatSectionListItem<ItemT, SectionT> = SectionHeaderItem<SectionT> | SectionFooterItem<SectionT> | SectionBodyItem<ItemT, SectionT> | SectionItemSeparator<ItemT, SectionT> | SectionSeparator<SectionT>;
+type SectionMeta = {
+    header?: number;
+    footer?: number;
+    items: number[];
+};
+type BuildSectionListDataResult<ItemT, SectionT> = {
+    data: Array<FlatSectionListItem<ItemT, SectionT>>;
+    sectionMeta: SectionMeta[];
+    stickyHeaderIndices: number[];
+};
+
+type SectionListViewToken<ItemT, SectionT> = {
+    item: ItemT;
+    key: string;
+    index: number;
+    isViewable: boolean;
+    section: SectionListData<ItemT, SectionT>;
+};
+type SectionListOnViewableItemsChanged<ItemT, SectionT> = ((info: {
+    viewableItems: Array<SectionListViewToken<ItemT, SectionT>>;
+    changed: Array<SectionListViewToken<ItemT, SectionT>>;
+}) => void) | null;
+type SectionListLegendProps<ItemT, SectionT> = Omit<LegendListProps<FlatSectionListItem<ItemT, SectionT>>, "data" | "children" | "renderItem" | "keyExtractor" | "ItemSeparatorComponent" | "getItemType" | "getFixedItemSize" | "stickyHeaderIndices" | "numColumns" | "columnWrapperStyle" | "onViewableItemsChanged">;
+type SectionListProps<ItemT, SectionT extends SectionBase<ItemT> = SectionBase<ItemT>> = SectionListLegendProps<ItemT, SectionT> & {
+    sections: ReadonlyArray<SectionListData<ItemT, SectionT>>;
+    extraData?: any;
+    renderItem?: (info: SectionListRenderItemInfo<ItemT, SectionT>) => React.ReactElement | null;
+    renderSectionHeader?: (info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null;
+    renderSectionFooter?: (info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null;
+    ItemSeparatorComponent?: React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | null;
+    SectionSeparatorComponent?: React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | React.ReactElement | null;
+    keyExtractor?: (item: ItemT, index: number) => string;
+    stickySectionHeadersEnabled?: boolean;
+    onViewableItemsChanged?: SectionListOnViewableItemsChanged<ItemT, SectionT>;
+};
+type SectionListRef = LegendListRef & {
+    scrollToLocation(params: SectionListScrollParams): void;
+};
+declare const SectionList: (<ItemT, SectionT extends SectionBase<ItemT, react_native.DefaultSectionT>>(props: SectionListLegendProps<ItemT, SectionT> & {
+    sections: readonly SectionListData<ItemT, SectionT>[];
+    extraData?: any;
+    renderItem?: ((info: SectionListRenderItemInfo<ItemT, SectionT>) => React.ReactElement | null) | undefined;
+    renderSectionHeader?: ((info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null) | undefined;
+    renderSectionFooter?: ((info: {
+        section: SectionListData<ItemT, SectionT>;
+    }) => React.ReactElement | null) | undefined;
+    ItemSeparatorComponent?: React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | null | undefined;
+    SectionSeparatorComponent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ComponentType<SectionListSeparatorProps<ItemT, SectionT>> | null | undefined;
+    keyExtractor?: ((item: ItemT, index: number) => string) | undefined;
+    stickySectionHeadersEnabled?: boolean;
+    onViewableItemsChanged?: SectionListOnViewableItemsChanged<ItemT, SectionT> | undefined;
+} & React.RefAttributes<SectionListRef>) => React.ReactNode) & {
+    displayName?: string;
+};
+
+export { type BuildSectionListDataResult, type FlatSectionListItem, SectionList, type SectionListOnViewableItemsChanged, type SectionListProps, type SectionListRef, type SectionListSeparatorProps, type SectionListViewToken, type SectionMeta };