@fountain-ui/core 3.0.0-alpha.2 → 3.0.0-alpha.20

package/src/ButtonBase/LegacyButtonBase.tsx

@@ -1,135 +0,0 @@
-import React, { useCallback, useEffect } from 'react';
-import { Animated } from 'react-native';
-import { useAnimatedValue, useThrottle } from '../hooks';
-import { isNotAndroid12 } from '../utils';
-import { AnimatedPressable } from '../animated';
-import type ButtonBaseProps from './ButtonBaseProps';
-
-interface StartPressAnimation {
-    (pressIn: boolean, isHover: boolean): void;
-}
-
-export const ORIGINAL_OPACITY = 1;
-export const DISABLED_OPACITY = .3;
-const ACTIVE_OPACITY = .65;
-
-const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96;
-
-// at "node_modules/react-native/Libraries/Pressability.js"
-// const DEFAULT_MIN_PRESS_DURATION = 130;
-const SCALE_EFFECT_PRESS_IN_DELAY = 130;
-const OPACITY_EFFECT_PRESS_IN_DELAY = 0;
-
-type TimingAnimationValue = Animated.Value | Animated.ValueXY;
-type TimingAnimationToValue = Animated.TimingAnimationConfig['toValue'];
-
-const startTimingAnimationWithDefaults = (
-    value: TimingAnimationValue,
-    toValue: TimingAnimationToValue,
-) => {
-    Animated.timing(value, {
-        toValue,
-        duration: 150,
-        useNativeDriver: isNotAndroid12,
-    }).start();
-};
-
-const getOpacityByDisabled = (disabled: boolean) => disabled ? DISABLED_OPACITY : ORIGINAL_OPACITY;
-
-export default function ButtonBase(props: ButtonBaseProps) {
-    const {
-        children,
-        disabled = false,
-        disableThrottle = false,
-        onPress,
-        onPressOut,
-        pressEffect = 'opacity',
-        pressDelay: pressDelayOrNil,
-        style: styleProp,
-        throttleMillis = 650,
-        ...otherProps
-    } = props;
-
-    const handlePress = useThrottle({
-        periodMillis: disableThrottle ? 0 : throttleMillis,
-        callback: onPress,
-    });
-
-    const opacity = useAnimatedValue(getOpacityByDisabled(disabled));
-    const scale = useAnimatedValue(ORIGINAL_SCALE);
-
-    useEffect(() => {
-        opacity.setValue(getOpacityByDisabled(disabled));
-    }, [disabled, pressEffect]);
-
-    const startScaleAnimation = useCallback<StartPressAnimation>((pressIn, isHover) => {
-        if (!isHover) {
-            startTimingAnimationWithDefaults(
-                scale,
-                pressIn ? MINIFIED_SCALE : ORIGINAL_SCALE,
-            );
-        }
-    }, []);
-
-    const startOpacityAnimation = useCallback<StartPressAnimation>((pressIn) => {
-        if (pressIn) {
-            opacity.setValue(ACTIVE_OPACITY);
-        } else {
-            startTimingAnimationWithDefaults(opacity, ORIGINAL_OPACITY);
-        }
-    }, []);
-
-    const startPressAnimation = useCallback<StartPressAnimation>((pressIn, isHover = false) => {
-        if (pressEffect === 'scale') {
-            startScaleAnimation(pressIn, isHover);
-        } else if (pressEffect === 'opacity') {
-            startOpacityAnimation(pressIn, isHover);
-        }
-    }, [pressEffect]);
-
-    const handlePressIn = useCallback(() => {
-        startPressAnimation(true, false);
-    }, [startPressAnimation]);
-
-    const handlePressOut = useCallback(() => {
-        onPressOut && onPressOut();
-
-        startPressAnimation(false, false);
-    }, [startPressAnimation, onPressOut]);
-
-    const animatedStyle = {
-        opacity,
-        transform: [{ scale }],
-    };
-
-    const defaultPressDelay = pressEffect === 'scale'
-        ? SCALE_EFFECT_PRESS_IN_DELAY
-        : OPACITY_EFFECT_PRESS_IN_DELAY;
-    const pressDelay = pressDelayOrNil ?? defaultPressDelay;
-
-    return (
-        <AnimatedPressable
-            disabled={disabled}
-            onPress={handlePress}
-            onPressIn={handlePressIn}
-            onPressOut={handlePressOut}
-            style={[
-                animatedStyle,
-                styleProp,
-            ]}
-            unstable_pressDelay={pressDelay}
-            {...otherProps}
-        >
-            {typeof children !== 'function' ? (
-                ({ hovered }) => {
-                    if (hovered !== undefined && !disabled) {
-                        startPressAnimation(hovered, true);
-                    }
-
-                    return children;
-                }
-            ) : children}
-        </AnimatedPressable>
-    );
-};