@symbiote-native/react 3.3.0 → 3.4.0

package/build/components/scroll-view/scroll-view-props.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
-import type { ISymbioteEvent } from '@symbiote-native/engine';
-import type { IAccessibilityProps, IAriaProps } from '@symbiote-native/components';
+import type { IColorValue, ISymbioteEvent } from '@symbiote-native/engine';
+import type { IAccessibilityProps, IAriaProps, IInnerViewRef, IScrollViewNativeOnlyProps } from '@symbiote-native/components';
 import type { IStyleProp, IViewStyle } from '../../utils/styles';
 export type { IScrollViewHandle } from '@symbiote-native/components';
 type IScrollHandler = (event: ISymbioteEvent) => void;
-export interface IScrollViewProps extends IAccessibilityProps, IAriaProps {
+export type IScrollViewProps = IAccessibilityProps & IAriaProps & IScrollViewNativeOnlyProps & {
     style?: IStyleProp<IViewStyle>;
     contentContainerStyle?: IStyleProp<IViewStyle> | string;
     horizontal?: boolean;
@@ -33,8 +33,11 @@ export interface IScrollViewProps extends IAccessibilityProps, IAriaProps {
     snapToStart?: boolean;
     snapToEnd?: boolean;
     disableIntervalMomentum?: boolean;
+    experimental_endDraggingSensitivityMultiplier?: number;
     stickyHeaderIndices?: number[];
     invertStickyHeaders?: boolean;
+    stickyHeaderHiddenOnScroll?: boolean;
+    innerViewRef?: IInnerViewRef;
     keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
     keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
     maintainVisibleContentPosition?: {
@@ -63,7 +66,7 @@ export interface IScrollViewProps extends IAccessibilityProps, IAriaProps {
     overScrollMode?: 'auto' | 'always' | 'never';
     fadingEdgeLength?: number;
     persistentScrollbar?: boolean;
-    endFillColor?: string;
+    endFillColor?: IColorValue;
     onLayout?: IScrollHandler;
     onScroll?: IScrollHandler;
     onScrollBeginDrag?: IScrollHandler;
@@ -73,4 +76,4 @@ export interface IScrollViewProps extends IAccessibilityProps, IAriaProps {
     onScrollToTop?: IScrollHandler;
     children?: ReactNode;
     className?: string;
-}
+};

package/build/components/text-input/text-input-props.d.ts

@@ -1,4 +1,8 @@
+import type { ReactNode, Ref } from 'react';
 import type { ITextInputProps as ITextInputBaseProps } from '@symbiote-native/components';
+import type { IHostInstance } from '../../host-instance';
 export type ITextInputProps = ITextInputBaseProps & {
     className?: string;
+    ref?: Ref<IHostInstance>;
+    children?: ReactNode;
 };

package/build/components/touchable/touchable-props.d.ts

@@ -1,19 +1,20 @@
 import type { ReactNode } from 'react';
 import type { IPressTimingProps } from '@symbiote-native/components';
+import type { IColorValue } from '@symbiote-native/engine';
 import type { IStyleProp, IViewStyle } from '../../utils/styles';
 import type { IPressableProps } from '../pressable/pressable-props';
 export type ITouchableBaseProps = Omit<IPressableProps, 'style' | 'children'> & IPressTimingProps & {
     style?: IStyleProp<IViewStyle>;
     children?: ReactNode;
 };
-export interface ITouchableOpacityProps extends ITouchableBaseProps {
+export type ITouchableOpacityProps = ITouchableBaseProps & {
     activeOpacity?: number;
-}
-export interface ITouchableHighlightProps extends ITouchableBaseProps {
+};
+export type ITouchableHighlightProps = ITouchableBaseProps & {
     activeOpacity?: number;
-    underlayColor?: string;
+    underlayColor?: IColorValue;
     touchSoundDisabled?: boolean;
     testOnly_pressed?: boolean;
     onShowUnderlay?: () => void;
     onHideUnderlay?: () => void;
-}
+};

package/build/components/virtualized-list/index.d.ts

@@ -1,75 +1,8 @@
-import { type ComponentType, type ReactElement, type ReactNode, type Ref } from 'react';
-import { type ISymbioteEvent } from '@symbiote-native/engine';
+import { type ReactElement, type Ref } from 'react';
 import { type ICellLayout, type ISeparators, type ISeparatorProps, type IViewToken, type IViewableItemsChangedInfo, type IViewabilityConfig, type IViewabilityConfigCallbackPair, type IVirtualizedListHandle } from '@symbiote-native/components';
-import type { IAccessibilityProps, IAriaProps } from '@symbiote-native/components';
-import type { IStyleProp, IViewStyle } from '../../utils/styles';
+import type { ICellRendererComponent, ICellRendererProps, IListItemInfo, IRenderItem, ISeparatorComponent, IVirtualizedListProps } from './virtualized-list-props';
 export type { ICellLayout, ISeparators, ISeparatorProps, IViewToken, IViewableItemsChangedInfo, IViewabilityConfig, IViewabilityConfigCallbackPair, IVirtualizedListHandle, };
-type IRenderItem<ItemT> = (info: {
-    item: ItemT;
-    index: number;
-    separators: ISeparators;
-}) => ReactNode;
-export interface IVirtualizedListProps<ItemT> extends IAccessibilityProps, IAriaProps {
-    data: unknown;
-    getItem: (data: unknown, index: number) => ItemT;
-    getItemCount: (data: unknown) => number;
-    renderItem: IRenderItem<ItemT>;
-    keyExtractor?: (item: ItemT, index: number) => string;
-    getItemLayout?: (data: unknown, index: number) => {
-        length: number;
-        offset: number;
-        index: number;
-    };
-    ItemSeparatorComponent?: ComponentType<ISeparatorProps<ItemT>>;
-    ListHeaderComponent?: ComponentType<Record<string, never>> | ReactElement;
-    ListFooterComponent?: ComponentType<Record<string, never>> | ReactElement;
-    ListEmptyComponent?: ComponentType<Record<string, never>> | ReactElement;
-    horizontal?: boolean;
-    inverted?: boolean;
-    extraData?: unknown;
-    onEndReached?: (info: {
-        distanceFromEnd: number;
-    }) => void;
-    onEndReachedThreshold?: number;
-    onStartReached?: (info: {
-        distanceFromStart: number;
-    }) => void;
-    onStartReachedThreshold?: number;
-    onRefresh?: () => void;
-    refreshing?: boolean | null;
-    progressViewOffset?: number;
-    onViewableItemsChanged?: (info: IViewableItemsChangedInfo<ItemT>) => void;
-    viewabilityConfig?: IViewabilityConfig;
-    viewabilityConfigCallbackPairs?: IViewabilityConfigCallbackPair<ItemT>[];
-    onScrollToIndexFailed?: (info: {
-        index: number;
-        highestMeasuredFrameIndex: number;
-        averageItemLength: number;
-    }) => void;
-    initialNumToRender?: number;
-    initialScrollIndex?: number;
-    maxToRenderPerBatch?: number;
-    updateCellsBatchingPeriod?: number;
-    windowSize?: number;
-    stickyHeaderIndices?: number[];
-    maintainVisibleContentPosition?: {
-        minIndexForVisible: number;
-        autoscrollToTopThreshold?: number;
-    };
-    onScroll?: (event: ISymbioteEvent) => void;
-    onScrollBeginDrag?: (event: ISymbioteEvent) => void;
-    onScrollEndDrag?: (event: ISymbioteEvent) => void;
-    onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
-    onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
-    scrollEventThrottle?: number;
-    keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
-    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
-    removeClippedSubviews?: boolean;
-    nestedScrollEnabled?: boolean;
-    style?: IStyleProp<IViewStyle>;
-    contentContainerStyle?: IStyleProp<IViewStyle>;
-    className?: string;
-}
+export type { ICellRendererComponent, ICellRendererProps, IListItemInfo, IRenderItem, ISeparatorComponent, IVirtualizedListProps, };
 export declare function VirtualizedList<ItemT>(props: IVirtualizedListProps<ItemT> & {
     ref?: Ref<IVirtualizedListHandle>;
 }): ReactElement;