@react-native-tvos/virtualized-lists 0.82.0-0rc4 → 0.83.0-0rc0

package/Lists/VirtualizedList.d.ts

@@ -152,7 +152,11 @@ export interface VirtualizedListWithoutRenderItemProps<ItemT>
   /**
    * Rendered in between each item, but not at the top or bottom
    */
-  ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;
+  ItemSeparatorComponent?:
+    | React.ComponentType<any>
+    | React.ReactElement
+    | null
+    | undefined;
 
   /**
    * Rendered when the list is empty. Can be a React Component Class, a render function, or

package/Lists/VirtualizedListCellRenderer.js

@@ -24,9 +24,10 @@ import {StyleSheet, View} from 'react-native';
 
 export type Props<ItemT> = {
   CellRendererComponent?: ?React.ComponentType<CellRendererProps<ItemT>>,
-  ItemSeparatorComponent: ?React.ComponentType<
-    any | {highlighted: boolean, leadingItem: ?ItemT},
-  >,
+  ItemSeparatorComponent?: ?(
+    | React.ComponentType<any | {highlighted: boolean, leadingItem: ?ItemT}>
+    | React.MixedElement
+  ),
   ListItemComponent?: ?(React.ComponentType<any> | React.MixedElement),
   cellKey: string,
   horizontal: ?boolean,
@@ -199,6 +200,8 @@ export default class CellRenderer<ItemT> extends React.PureComponent<
         ItemSeparatorComponent
       : // $FlowFixMe[incompatible-type]
         ItemSeparatorComponent && (
+          // $FlowFixMe[incompatible-type]
+          // $FlowFixMe[not-a-component]
           <ItemSeparatorComponent {...this.state.separatorProps} />
         );
     const cellStyle = inversionStyle

package/Lists/VirtualizedListContext.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import typeof VirtualizedListT from './VirtualizedList';
+import type VirtualizedList from './VirtualizedList';
 
 import * as React from 'react';
 import {createContext, useContext, useMemo} from 'react';
@@ -26,12 +26,9 @@ type Context = $ReadOnly<{
     zoomScale: number,
   },
   horizontal: ?boolean,
-  getOutermostParentListRef: () => React.ElementRef<VirtualizedListT>,
-  registerAsNestedChild: ({
-    cellKey: string,
-    ref: React.ElementRef<VirtualizedListT>,
-  }) => void,
-  unregisterAsNestedChild: ({ref: React.ElementRef<VirtualizedListT>}) => void,
+  getOutermostParentListRef: () => VirtualizedList,
+  registerAsNestedChild: ({cellKey: string, ref: VirtualizedList}) => void,
+  unregisterAsNestedChild: ({ref: VirtualizedList}) => void,
 }>;
 
 export const VirtualizedListContext: React.Context<?Context> =

package/Lists/VirtualizedListProps.js

@@ -129,7 +129,7 @@ type OptionalVirtualizedListProps = {
    * which will update the `highlighted` prop, but you can also add custom props with
    * `separators.updateProps`.
    */
-  ItemSeparatorComponent?: ?React.ComponentType<any>,
+  ItemSeparatorComponent?: ?(React.ComponentType<any> | React.MixedElement),
   /**
    * Takes an item from `data` and renders it into the list. Example usage:
    *

package/Lists/VirtualizedSectionList.js

@@ -50,7 +50,7 @@ export type SectionBase<SectionItemT, SectionT = DefaultVirtualizedSectionT> = {
     },
     ...
   }) => null | React.MixedElement,
-  ItemSeparatorComponent?: ?React.ComponentType<any>,
+  ItemSeparatorComponent?: ?(React.ComponentType<any> | React.MixedElement),
   keyExtractor?: (item: ?SectionItemT, index?: ?number) => string,
   ...
 };
@@ -450,7 +450,7 @@ class VirtualizedSectionList<
     index: number,
     info?: ?Object,
     listItemCount: number,
-  ): ?React.ComponentType<any> {
+  ): ?(React.ComponentType<any> | React.MixedElement) {
     info = info || this._subExtractor(index);
     if (!info) {
       return null;
@@ -488,8 +488,8 @@ type ItemWithSeparatorCommonProps<ItemT> = $ReadOnly<{
 
 type ItemWithSeparatorProps<ItemT> = $ReadOnly<{
   ...ItemWithSeparatorCommonProps<ItemT>,
-  LeadingSeparatorComponent: ?React.ComponentType<any>,
-  SeparatorComponent: ?React.ComponentType<any>,
+  LeadingSeparatorComponent: ?(React.ComponentType<any> | React.MixedElement),
+  SeparatorComponent: ?(React.ComponentType<any> | React.MixedElement),
   cellKey: string,
   index: number,
   item: ItemT,
@@ -604,18 +604,30 @@ function ItemWithSeparator<ItemT>(
     section,
     separators,
   });
-  const leadingSeparator = LeadingSeparatorComponent != null && (
-    <LeadingSeparatorComponent
-      highlighted={leadingSeparatorHiglighted}
-      {...leadingSeparatorProps}
-    />
-  );
-  const separator = SeparatorComponent != null && (
-    <SeparatorComponent
-      highlighted={separatorHighlighted}
-      {...separatorProps}
-    />
-  );
+  const leadingSeparator =
+    LeadingSeparatorComponent != null &&
+    ((React.isValidElement(LeadingSeparatorComponent) ? (
+      LeadingSeparatorComponent
+    ) : (
+      // $FlowFixMe[not-a-component]
+      // $FlowFixMe[incompatible-type]
+      <LeadingSeparatorComponent
+        highlighted={leadingSeparatorHiglighted}
+        {...leadingSeparatorProps}
+      />
+    )): any);
+  const separator =
+    SeparatorComponent != null &&
+    ((React.isValidElement(SeparatorComponent) ? (
+      SeparatorComponent
+    ) : (
+      // $FlowFixMe[not-a-component]
+      // $FlowFixMe[incompatible-type]
+      <SeparatorComponent
+        highlighted={separatorHighlighted}
+        {...separatorProps}
+      />
+    )): any);
   const RenderSeparator = leadingSeparator || separator;
   const firstSeparator = inverted === false ? leadingSeparator : separator;
   const secondSeparator = inverted === false ? separator : leadingSeparator;
@@ -636,7 +648,7 @@ const VirtualizedSectionListComponent = VirtualizedSectionList as component<
     DefaultVirtualizedSectionT,
   > = DefaultVirtualizedSectionT,
 >(
-  ref: React.RefSetter<
+  ref?: React.RefSetter<
     interface {
       getListRef(): ?VirtualizedList,
       scrollToLocation(params: ScrollToLocationParamsType): void,

package/index.js

@@ -19,7 +19,7 @@ import {typeof VirtualizedListContextResetter as VirtualizedListContextResetterT
 import {keyExtractor} from './Lists/VirtualizeUtils';
 
 export type {
-  ViewToken,
+  ViewToken as ListViewToken,
   ViewabilityConfig,
   ViewabilityConfigCallbackPair,
   ViewabilityConfigCallbackPairs,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-tvos/virtualized-lists",
-  "version": "0.82.0-0rc4",
+  "version": "0.83.0-0rc0",
   "description": "Virtualized lists for React Native.",
   "license": "MIT",
   "repository": {
@@ -48,10 +48,10 @@
     "nullthrows": "^1.1.1"
   },
   "devDependencies": {
-    "react-test-renderer": "19.1.1"
+    "react-test-renderer": "19.2.0"
   },
   "peerDependencies": {
-    "@types/react": "^19.1.1",
+    "@types/react": "^19.2.0",
     "react": "*",
     "react-native": "*"
   },