Add STATICS to withScrollEnabler and withScrollReached

Author: M-i-k-e-l

generatedTypes/commons/withScrollEnabler.d.ts

@@ -9,5 +9,5 @@ export declare type WithScrollEnablerProps = {
     scrollEnablerProps: ScrollEnablerProps;
     ref?: any;
 };
-declare function withScrollEnabler<PROPS>(WrappedComponent: React.ComponentType<PROPS & WithScrollEnablerProps>): React.ComponentType<PROPS>;
+declare function withScrollEnabler<PROPS, STATICS = {}>(WrappedComponent: React.ComponentType<PROPS & WithScrollEnablerProps>): React.ComponentType<PROPS> & STATICS;
 export default withScrollEnabler;

generatedTypes/commons/withScrollReached.d.ts

@@ -31,5 +31,5 @@ export declare type WithScrollReachedProps = {
  * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/WithScrollReachedScreen.tsx
  * @notes: Send `props.scrollReachedProps.onScroll` to your onScroll and receive via props.scrollReachedProps.isScrollAtStart props.scrollReachedProps.isScrollAtEnd
  */
-declare function withScrollReached<PROPS>(WrappedComponent: React.ComponentType<PROPS & WithScrollReachedProps>, options?: WithScrollReachedOptionsProps): React.ComponentType<PROPS>;
+declare function withScrollReached<PROPS, STATICS = {}>(WrappedComponent: React.ComponentType<PROPS & WithScrollReachedProps>, options?: WithScrollReachedOptionsProps): React.ComponentType<PROPS> & STATICS;
 export default withScrollReached;

src/commons/withScrollEnabler.tsx

@@ -21,9 +21,9 @@ export type WithScrollEnablerProps = {
 
 type PropTypes = ForwardRefInjectedProps & SupportedViewsProps;
 
-function withScrollEnabler<PROPS>(
+function withScrollEnabler<PROPS, STATICS = {}>(
   WrappedComponent: React.ComponentType<PROPS & WithScrollEnablerProps>
-): React.ComponentType<PROPS> {
+): React.ComponentType<PROPS> & STATICS {
   const ScrollEnabler = (props: PROPS & PropTypes) => {
     const [scrollEnabled, setScrollEnabled] = useState(true);
     const contentSize = useRef(0);
@@ -77,7 +77,7 @@ function withScrollEnabler<PROPS>(
   };
 
   hoistStatics(ScrollEnabler, WrappedComponent);
-  return forwardRef(ScrollEnabler);
+  return forwardRef(ScrollEnabler) as any;
 }
 
 export default withScrollEnabler;

src/commons/withScrollReached.tsx

@@ -55,10 +55,10 @@ const DEFAULT_THRESHOLD = Constants.isAndroid ? 1 : 0;
  * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/WithScrollReachedScreen.tsx
  * @notes: Send `props.scrollReachedProps.onScroll` to your onScroll and receive via props.scrollReachedProps.isScrollAtStart props.scrollReachedProps.isScrollAtEnd
  */
-function withScrollReached<PROPS>(
+function withScrollReached<PROPS, STATICS = {}>(
   WrappedComponent: React.ComponentType<PROPS & WithScrollReachedProps>,
   options: WithScrollReachedOptionsProps = {}
-): React.ComponentType<PROPS> {
+): React.ComponentType<PROPS> & STATICS {
   const ScrollReachedDetector = (props: PROPS & PropTypes) => {
     // The scroll starts at the start, from what I've tested this works fine
     const [isScrollAtStart, setScrollAtStart] = useState(true);
@@ -101,7 +101,7 @@ function withScrollReached<PROPS>(
   };
 
   hoistStatics(ScrollReachedDetector, WrappedComponent);
-  return forwardRef(ScrollReachedDetector);
+  return forwardRef(ScrollReachedDetector) as any;
 }
 
 export default withScrollReached;