@legendapp/list 3.0.0-beta.20 → 3.0.0-beta.22

package/reanimated.native.d.mts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+import Reanimated 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 Reanimated.ScrollView>>;
+interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
+    refScrollView?: React.Ref<Reanimated.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.Ref<LegendListRef>;
+}) => React.ReactElement | null;
+declare const AnimatedLegendList: AnimatedLegendListDefinition;
+
+export { AnimatedLegendList, type AnimatedLegendListProps, type AnimatedLegendListPropsBase };

package/reanimated.native.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+import Reanimated 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 Reanimated.ScrollView>>;
+interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
+    refScrollView?: React.Ref<Reanimated.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.Ref<LegendListRef>;
+}) => React.ReactElement | null;
+declare const AnimatedLegendList: AnimatedLegendListDefinition;
+
+export { AnimatedLegendList, type AnimatedLegendListProps, type AnimatedLegendListPropsBase };

package/reanimated.native.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var React = require('react');
+var Reanimated = require('react-native-reanimated');
+var list = require('@legendapp/list');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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 Reanimated__default = /*#__PURE__*/_interopDefault(Reanimated);
+
+// src/integrations/reanimated.tsx
+
+// src/utils/helpers.ts
+function isFunction(obj) {
+  return typeof obj === "function";
+}
+
+// src/hooks/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/integrations/reanimated.tsx
+var typedMemo = React.memo;
+var LegendListForwardedRef = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
+  React__namespace.forwardRef(function LegendListForwardedRef2(props, ref) {
+    const { refLegendList, ...rest } = props;
+    const refFn = React.useCallback(
+      (r) => {
+        refLegendList(r);
+      },
+      [refLegendList]
+    );
+    return /* @__PURE__ */ React__namespace.createElement(list.LegendList, { ref: refFn, refScrollView: ref, ...rest });
+  })
+);
+var AnimatedLegendListComponent = Reanimated__default.default.createAnimatedComponent(LegendListForwardedRef);
+var AnimatedLegendList = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
+  React__namespace.forwardRef(function AnimatedLegendList2(props, ref) {
+    const { refScrollView, ...rest } = props;
+    const { animatedProps } = props;
+    const refLegendList = React__namespace.useRef(null);
+    const combinedRef = useCombinedRef(refLegendList, ref);
+    return /* @__PURE__ */ React__namespace.createElement(
+      AnimatedLegendListComponent,
+      {
+        animatedPropsInternal: animatedProps,
+        ref: refScrollView,
+        refLegendList: combinedRef,
+        ...rest
+      }
+    );
+  })
+);
+
+exports.AnimatedLegendList = AnimatedLegendList;

package/reanimated.native.mjs

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { useCallback, memo } from 'react';
+import Reanimated from 'react-native-reanimated';
+import { LegendList } from '@legendapp/list';
+
+// src/integrations/reanimated.tsx
+
+// src/utils/helpers.ts
+function isFunction(obj) {
+  return typeof obj === "function";
+}
+
+// src/hooks/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/integrations/reanimated.tsx
+var typedMemo = memo;
+var LegendListForwardedRef = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
+  React.forwardRef(function LegendListForwardedRef2(props, ref) {
+    const { refLegendList, ...rest } = props;
+    const refFn = useCallback(
+      (r) => {
+        refLegendList(r);
+      },
+      [refLegendList]
+    );
+    return /* @__PURE__ */ React.createElement(LegendList, { ref: refFn, refScrollView: ref, ...rest });
+  })
+);
+var AnimatedLegendListComponent = Reanimated.createAnimatedComponent(LegendListForwardedRef);
+var AnimatedLegendList = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
+  React.forwardRef(function AnimatedLegendList2(props, ref) {
+    const { refScrollView, ...rest } = props;
+    const { animatedProps } = props;
+    const refLegendList = React.useRef(null);
+    const combinedRef = useCombinedRef(refLegendList, ref);
+    return /* @__PURE__ */ React.createElement(
+      AnimatedLegendListComponent,
+      {
+        animatedPropsInternal: animatedProps,
+        ref: refScrollView,
+        refLegendList: combinedRef,
+        ...rest
+      }
+    );
+  })
+);
+
+export { AnimatedLegendList };

package/section-list.native.d.mts

@@ -0,0 +1,112 @@
+import * as react_native from 'react-native';
+import { SectionListData, SectionBase, SectionListRenderItemInfo, SectionListScrollParams } from 'react-native';
+import * as React from 'react';
+import { LegendListRef, LegendListProps } from '@legendapp/list';
+
+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.native.d.ts

@@ -0,0 +1,112 @@
+import * as react_native from 'react-native';
+import { SectionListData, SectionBase, SectionListRenderItemInfo, SectionListScrollParams } from 'react-native';
+import * as React from 'react';
+import { LegendListRef, LegendListProps } from '@legendapp/list';
+
+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 };