@r0b0t3d/react-native-collapsible 1.3.3 → 1.3.5-alpha.0

package/lib/typescript/components/pullToRefresh/usePullToRefreshContext.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { PullToRefreshContextType } from '../../types';
-export declare const PullToRefreshContext: import("react").Context<PullToRefreshContextType>;
-export default function usePullToRefreshContext(): PullToRefreshContextType;

package/lib/typescript/components/pullToRefresh/utils.d.ts

@@ -1,20 +0,0 @@
-export declare const springConfig: (velocity: number) => {
-    stiffness: number;
-    damping: number;
-    mass: number;
-    overshootClamping: boolean;
-    restDisplacementThreshold: number;
-    restSpeedThreshold: number;
-    velocity: number;
-};
-export declare function clamp(value: number, lowerbound: number, upperbound: number): number;
-/**
- * calculates rubber value
- *
- * @param x distance from the edge
- * @param dim dimension, either width or height
- * @param coeff constant value, UIScrollView uses 0.55
- * @returns rubber = (1.0 – (1.0 / ((x * coeff / dim) + 1.0))) * dim
- */
-export declare const rubberBandClamp: (x: number, dim: number, coeff: number) => number;
-export declare const rubberClamp: (y: number, topBound: number, bottomBound: number, coeff?: number) => number;

package/src/components/header/AnimatedTopView.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import Animated, { useAnimatedStyle } from 'react-native-reanimated';
-
-type Props = {
-  height: Animated.SharedValue<number>;
-};
-
-export default function AnimatedTopView({ height }: Props) {
-  const contentStyle = useAnimatedStyle(
-    () => ({
-      paddingTop: height.value,
-      backgroundColor: 'white',
-    }),
-    []
-  );
-
-  return <Animated.View style={contentStyle} />;
-}

package/src/components/pullToRefresh/PullToRefreshContainer.tsx

@@ -1,66 +0,0 @@
-import {
-  NativeViewGestureHandler,
-  PanGestureHandler,
-} from 'react-native-gesture-handler';
-import React, { useRef } from 'react';
-import Animated, {
-  useAnimatedGestureHandler,
-  withTiming,
-} from 'react-native-reanimated';
-import usePullToRefreshContext from './usePullToRefreshContext';
-import { StyleSheet } from 'react-native';
-import { rubberClamp } from './utils';
-
-type Props = {
-  children: React.ReactNode;
-  scrollY: Animated.SharedValue<number>;
-};
-
-export default function PullToRefreshContainer({ children, scrollY }: Props) {
-  const scrollRef = useRef();
-  const panRef = useRef();
-  const { refreshValue, internalRefreshing, internalHeight } =
-    usePullToRefreshContext();
-
-  const gestureHandler = useAnimatedGestureHandler({
-    onStart: (_, ctx: any) => {
-      ctx.startY =
-        (internalRefreshing.value ? refreshValue.value : 0) - scrollY.value;
-    },
-    onActive: (event, ctx: any) => {
-      if (scrollY.value <= 1) {
-        const tranY = event.translationY + ctx.startY;
-        const clampedValue = rubberClamp(tranY, 0, internalHeight.value);
-        refreshValue.value = clampedValue;
-        if (clampedValue > internalHeight.value) {
-          internalRefreshing.value = true;
-        }
-      } else if (!internalRefreshing.value) {
-        refreshValue.value = 0;
-      }
-    },
-    onEnd: () => {
-      if (refreshValue.value > 0) {
-        const value = internalRefreshing.value ? internalHeight.value : 0;
-        refreshValue.value = withTiming(value);
-      }
-    },
-  });
-
-  return (
-    <PanGestureHandler
-      ref={panRef}
-      simultaneousHandlers={scrollRef}
-      onGestureEvent={gestureHandler}
-      shouldCancelWhenOutside={false}
-      enableTrackpadTwoFingerGesture
-      maxPointers={1}
-    >
-      <Animated.View style={StyleSheet.absoluteFill}>
-        <NativeViewGestureHandler ref={scrollRef} simultaneousHandlers={panRef}>
-          {children}
-        </NativeViewGestureHandler>
-      </Animated.View>
-    </PanGestureHandler>
-  );
-}

package/src/components/pullToRefresh/PullToRefreshProvider.tsx

@@ -1,27 +0,0 @@
-import React, { useMemo } from 'react';
-import { useSharedValue } from 'react-native-reanimated';
-import { PullToRefreshContext } from './usePullToRefreshContext';
-
-type Props = {
-  children: React.ReactNode;
-};
-
-export default function PullToRefreshProvider({ children }: Props) {
-  const refreshValue = useSharedValue(0);
-  const internalRefreshing = useSharedValue(false);
-  const internalHeight = useSharedValue(0);
-
-  const context = useMemo(() => {
-    return {
-      refreshValue: refreshValue,
-      internalRefreshing,
-      internalHeight,
-    };
-  }, [refreshValue, internalRefreshing, internalHeight]);
-
-  return (
-    <PullToRefreshContext.Provider value={context}>
-      {children}
-    </PullToRefreshContext.Provider>
-  );
-}

package/src/components/pullToRefresh/RefreshControl.tsx

@@ -1,100 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useCallback, useEffect, useRef } from 'react';
-import { StyleSheet } from 'react-native';
-import Animated, {
-  runOnJS,
-  useAnimatedProps,
-  useAnimatedReaction,
-  useAnimatedStyle,
-  withTiming,
-} from 'react-native-reanimated';
-import usePullToRefreshContext from './usePullToRefreshContext';
-
-type Props = {
-  height?: number;
-  refreshing: boolean;
-  onRefresh: () => void;
-  renderAnimation: (animatedProps: any) => React.ReactNode;
-};
-
-export default function RefreshControl({
-  height = 100,
-  refreshing,
-  onRefresh,
-  renderAnimation,
-}: Props) {
-  const { refreshValue, internalRefreshing, internalHeight } =
-    usePullToRefreshContext();
-  const manualTriggered = useRef(false);
-
-  useEffect(() => {
-    internalHeight.value = height;
-  }, [height]);
-
-  useEffect(() => {
-    if (!internalRefreshing.value && refreshing) {
-      manualTriggered.current = true;
-    }
-    internalRefreshing.value = refreshing;
-  }, [refreshing]);
-
-  useAnimatedReaction(
-    () => {
-      return internalRefreshing.value;
-    },
-    (result, prev) => {
-      if (result !== prev) {
-        if (result && refreshValue.value === 0) {
-          refreshValue.value = height;
-        }
-      }
-    }
-  );
-
-  const animatedStyle = useAnimatedStyle(() => {
-    return {
-      height: refreshValue.value,
-    };
-  }, []);
-
-  const handleRefresh = useCallback(() => {
-    if (manualTriggered.current) {
-      manualTriggered.current = false;
-      return;
-    }
-    onRefresh();
-  }, [onRefresh]);
-
-  useAnimatedReaction(
-    () => internalRefreshing.value,
-    (result, prev) => {
-      if (result !== prev) {
-        if (result) {
-          runOnJS(handleRefresh)();
-        } else {
-          refreshValue.value = withTiming(0);
-        }
-      }
-    }
-  );
-
-  const animatedProps = useAnimatedProps(() => {
-    return {
-      progress: internalRefreshing.value
-        ? undefined
-        : Math.min(refreshValue.value / height, 1),
-    };
-  }, [height]);
-
-  return (
-    <Animated.View style={[styles.container, animatedStyle]}>
-      {renderAnimation(animatedProps)}
-    </Animated.View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    overflow: 'hidden',
-  },
-});

package/src/components/pullToRefresh/usePullToRefreshContext.ts

@@ -1,13 +0,0 @@
-import { createContext, useContext } from 'react';
-import type { PullToRefreshContextType } from '../../types';
-
-// @ts-ignore
-export const PullToRefreshContext = createContext<PullToRefreshContextType>({});
-
-export default function usePullToRefreshContext() {
-  const ctx = useContext(PullToRefreshContext);
-  if (!ctx) {
-    throw new Error('Component should be wrapped with withCollapsibleContext');
-  }
-  return ctx;
-}

package/src/components/pullToRefresh/utils.ts

@@ -1,49 +0,0 @@
-export const springConfig = (velocity: number) => {
-  'worklet';
-
-  return {
-    stiffness: 1000,
-    damping: 500,
-    mass: 3,
-    overshootClamping: true,
-    restDisplacementThreshold: 0.01,
-    restSpeedThreshold: 0.01,
-    velocity,
-  };
-};
-
-export function clamp(value: number, lowerbound: number, upperbound: number) {
-  'worklet';
-
-  return Math.min(Math.max(value, lowerbound), upperbound);
-}
-
-/**
- * calculates rubber value
- *
- * @param x distance from the edge
- * @param dim dimension, either width or height
- * @param coeff constant value, UIScrollView uses 0.55
- * @returns rubber = (1.0 – (1.0 / ((x * coeff / dim) + 1.0))) * dim
- */
-export const rubberBandClamp = (x: number, dim: number, coeff: number) => {
-  'worklet';
-
-  return (1.0 - 1.0 / ((x * coeff) / dim + 1.0)) * dim;
-};
-
-export const rubberClamp = (
-  y: number,
-  topBound: number,
-  bottomBound: number,
-  coeff = 0.55
-) => {
-  'worklet';
-
-  const clampedY = clamp(y, topBound, bottomBound);
-  const diff = Math.abs(y - clampedY);
-  const sign = clampedY > y ? -1 : 1;
-  const dimension = bottomBound - topBound;
-
-  return clampedY + sign * rubberBandClamp(diff, dimension, coeff);
-};