@rific/scroll-view 0.2.0 → 0.4.0

package/README.md

@@ -14,6 +14,8 @@ npm install @rific/scroll-view
 npm install @rific/auto-paper react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-paper react-native-keyboard-controller
 ```
 
+The exported Redux slice has no dependency on `@reduxjs/toolkit` — it works with RTK stores, vanilla Redux, or no Redux at all.
+
 ## Quick start
 
 Wrap your screen in `ScrollViewProvider`, add a `ScrollViewHeader`, then drop in one of the scroll components.

package/dist/index.d.mts

@@ -3,9 +3,6 @@ import { ReactNode, ComponentType, RefObject } from 'react';
 import { NativeSyntheticEvent, NativeScrollEvent, StyleProp, ViewStyle, FlatListProps as FlatListProps$1, FlatList as FlatList$1, ScrollViewProps as ScrollViewProps$1, ScrollView as ScrollView$1, SectionListProps as SectionListProps$1, SectionList as SectionList$1 } from 'react-native';
 import { GestureType } from 'react-native-gesture-handler';
 import { ChipProps as ChipProps$1 } from '@rific/auto-paper';
-import * as redux from 'redux';
-import * as _reduxjs_toolkit from '@reduxjs/toolkit';
-import { PayloadAction } from '@reduxjs/toolkit';
 import * as react_native_reanimated from 'react-native-reanimated';
 import { SharedValue } from 'react-native-reanimated';
 
@@ -56,7 +53,7 @@ type FlatListProps<T> = Omit<FlatListProps$1<T>, 'onRefresh' | 'refreshing'> & {
     pullSearchHeight?: number;
     ref?: RefObject<FlatList$1 | null>;
 };
-declare const FlatListInner: <T>({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
+declare const FlatListInner: <T>({ chipProps, chipThreshold, columnWrapperStyle, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, keyExtractor, maxToRenderPerBatch, numColumns, renderFilters, renderItem, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
 declare const FlatList: typeof FlatListInner;
 
 type PullSearchHandle = {
@@ -87,17 +84,22 @@ type ScrollViewSettingsContextType = {
 };
 declare const ScrollViewSettingsContext: react.Context<ScrollViewSettingsContextType>;
 
-declare const scrollViewActions: _reduxjs_toolkit.CaseReducerActions<{
-    initialize: (_state: {
-        backActionFixed: boolean;
-        footerFixed: boolean;
-        headerFixed: boolean;
-        snapBack: boolean;
-        snapBackFooter?: boolean | undefined;
-        snapBackHeader?: boolean | undefined;
-    }, action: PayloadAction<ScrollViewSettings>) => ScrollViewSettings;
-}, "scrollView">;
-declare const scrollViewReducer: redux.Reducer<ScrollViewSettings>;
+type PayloadAction<P> = {
+    payload: P;
+    type: string;
+};
+declare const scrollViewActions: {
+    initialize: {
+        (payload: ScrollViewSettings): PayloadAction<ScrollViewSettings>;
+        type: string;
+        match(action: {
+            type: string;
+        }): action is PayloadAction<ScrollViewSettings>;
+    };
+};
+declare const scrollViewReducer: (state: ScrollViewSettings | undefined, action: {
+    type: string;
+}) => ScrollViewSettings;
 
 type ScrollViewProps = ScrollViewProps$1 & {
     chipProps?: ChipProps;
@@ -123,10 +125,14 @@ type ScrollViewContextType = {
     footerHeightShared: SharedValue<number>;
     footerFixed: boolean;
     footerOffset: SharedValue<number>;
-    headerHeight: number;
+    headerHeight: number | null;
     headerHeightShared: SharedValue<number>;
     headerFixed: boolean;
     headerOffset: SharedValue<number>;
+    jsListGeneration: RefObject<number>;
+    listGeneration: SharedValue<number>;
+    onJsListUnmount: () => void;
+    onListUnmount: () => void;
     progress: number | null;
     pullSearchHeightShared: SharedValue<number>;
     snapBackFooterShared: SharedValue<boolean>;
@@ -135,7 +141,7 @@ type ScrollViewContextType = {
     scrollHeight: number;
     scrollPosition: SharedValue<number>;
     setFooterHeight: (h: number) => void;
-    setHeaderHeight: (h: number) => void;
+    setHeaderHeight: (h: number | null) => void;
     setProgress: (p: number | null) => void;
     setProgressing: (b: boolean) => void;
     tabBarHeight: number;

package/dist/index.d.ts

@@ -3,9 +3,6 @@ import { ReactNode, ComponentType, RefObject } from 'react';
 import { NativeSyntheticEvent, NativeScrollEvent, StyleProp, ViewStyle, FlatListProps as FlatListProps$1, FlatList as FlatList$1, ScrollViewProps as ScrollViewProps$1, ScrollView as ScrollView$1, SectionListProps as SectionListProps$1, SectionList as SectionList$1 } from 'react-native';
 import { GestureType } from 'react-native-gesture-handler';
 import { ChipProps as ChipProps$1 } from '@rific/auto-paper';
-import * as redux from 'redux';
-import * as _reduxjs_toolkit from '@reduxjs/toolkit';
-import { PayloadAction } from '@reduxjs/toolkit';
 import * as react_native_reanimated from 'react-native-reanimated';
 import { SharedValue } from 'react-native-reanimated';
 
@@ -56,7 +53,7 @@ type FlatListProps<T> = Omit<FlatListProps$1<T>, 'onRefresh' | 'refreshing'> & {
     pullSearchHeight?: number;
     ref?: RefObject<FlatList$1 | null>;
 };
-declare const FlatListInner: <T>({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
+declare const FlatListInner: <T>({ chipProps, chipThreshold, columnWrapperStyle, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, keyExtractor, maxToRenderPerBatch, numColumns, renderFilters, renderItem, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
 declare const FlatList: typeof FlatListInner;
 
 type PullSearchHandle = {
@@ -87,17 +84,22 @@ type ScrollViewSettingsContextType = {
 };
 declare const ScrollViewSettingsContext: react.Context<ScrollViewSettingsContextType>;
 
-declare const scrollViewActions: _reduxjs_toolkit.CaseReducerActions<{
-    initialize: (_state: {
-        backActionFixed: boolean;
-        footerFixed: boolean;
-        headerFixed: boolean;
-        snapBack: boolean;
-        snapBackFooter?: boolean | undefined;
-        snapBackHeader?: boolean | undefined;
-    }, action: PayloadAction<ScrollViewSettings>) => ScrollViewSettings;
-}, "scrollView">;
-declare const scrollViewReducer: redux.Reducer<ScrollViewSettings>;
+type PayloadAction<P> = {
+    payload: P;
+    type: string;
+};
+declare const scrollViewActions: {
+    initialize: {
+        (payload: ScrollViewSettings): PayloadAction<ScrollViewSettings>;
+        type: string;
+        match(action: {
+            type: string;
+        }): action is PayloadAction<ScrollViewSettings>;
+    };
+};
+declare const scrollViewReducer: (state: ScrollViewSettings | undefined, action: {
+    type: string;
+}) => ScrollViewSettings;
 
 type ScrollViewProps = ScrollViewProps$1 & {
     chipProps?: ChipProps;
@@ -123,10 +125,14 @@ type ScrollViewContextType = {
     footerHeightShared: SharedValue<number>;
     footerFixed: boolean;
     footerOffset: SharedValue<number>;
-    headerHeight: number;
+    headerHeight: number | null;
     headerHeightShared: SharedValue<number>;
     headerFixed: boolean;
     headerOffset: SharedValue<number>;
+    jsListGeneration: RefObject<number>;
+    listGeneration: SharedValue<number>;
+    onJsListUnmount: () => void;
+    onListUnmount: () => void;
     progress: number | null;
     pullSearchHeightShared: SharedValue<number>;
     snapBackFooterShared: SharedValue<boolean>;
@@ -135,7 +141,7 @@ type ScrollViewContextType = {
     scrollHeight: number;
     scrollPosition: SharedValue<number>;
     setFooterHeight: (h: number) => void;
-    setHeaderHeight: (h: number) => void;
+    setHeaderHeight: (h: number | null) => void;
     setProgress: (p: number | null) => void;
     setProgressing: (b: boolean) => void;
     tabBarHeight: number;