@fountain-ui/core 2.0.0-beta.8 → 2.0.0-beta.80

package/src/ButtonBase/ButtonBase.ios.tsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { Animated, Pressable } from 'react-native';
-import { useThrottle } from '../hooks';
-import type ButtonBaseProps from './ButtonBaseProps';
-
-const ORIGINAL_OPACITY = 1;
-const ACTIVE_OPACITY = .65;
-const DISABLED_OPACITY = .3;
-
-const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96;
-
-const animatedDuration = 150;
-
-const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
-
-export default function ButtonBase(props: ButtonBaseProps) {
-    const {
-        children,
-        disabled = false,
-        disableThrottle = false,
-        onPress,
-        pressEffect = 'opacity',
-        style,
-        throttleMillis = 650,
-        ...otherProps
-    } = props;
-
-    const handlePress = useThrottle({
-        periodMillis: disableThrottle ? 0 : throttleMillis,
-        callback: onPress,
-    });
-
-    const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));
-    const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));
-
-    const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {
-        if (pressEffect === 'none') {
-            return;
-        }
-
-        if (pressEffect === 'opacity') {
-            if (pressIn) {
-                Animated.timing(opacity, {
-                    toValue: ACTIVE_OPACITY,
-                    duration: animatedDuration,
-                    useNativeDriver: true,
-                }).start();
-            } else {
-                Animated.timing(opacity, {
-                    toValue: ORIGINAL_OPACITY,
-                    duration: 0,
-                    useNativeDriver: true,
-                }).start();
-            }
-        } else if (!isHovered) {
-            if (pressIn) {
-                Animated.timing(scale, {
-                    toValue: MINIFIED_SCALE,
-                    duration: animatedDuration,
-                    delay: 100,
-                    useNativeDriver: true,
-                }).start();
-            } else {
-                Animated.timing(scale, {
-                    toValue: ORIGINAL_SCALE,
-                    duration: 150,
-                    useNativeDriver: true,
-                }).start();
-            }
-        }
-    }, [pressEffect]);
-
-    return (
-        <AnimatedPressable
-            disabled={disabled}
-            onPress={handlePress}
-            onPressIn={() => startAnimation(true)}
-            onPressOut={() => startAnimation(false)}
-            style={[style,
-                {
-                    opacity: disabled ? DISABLED_OPACITY : opacity,
-                    transform: [
-                        {
-                            scale: disabled ? ORIGINAL_SCALE : scale,
-                        },
-                    ],
-                },
-            ]}
-            {...otherProps}
-        >
-            {children}
-        </AnimatedPressable>
-    );
-};

package/src/ButtonBase/useDisabledReaction/index.native.ts

@@ -1,4 +0,0 @@
-import Animated from 'react-native-reanimated';
-
-export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {
-}

package/src/ButtonBase/useDisabledReaction/index.ts

@@ -1,15 +0,0 @@
-import Animated from 'react-native-reanimated';
-import { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';
-
-export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {
-    Animated.useAnimatedReaction(
-        () => disabled,
-        (result) => {
-            if (result) {
-                opacity.value = DISABLED_OPACITY;
-            } else {
-                opacity.value = ORIGINAL_OPACITY;
-            }
-        },
-    );
-}

package/src/ImageCore/ImageCoreNative.ios.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import { Animated } from 'react-native';
-import FastImage from 'react-native-fast-image';
-import type ImageCoreProps from './ImageCoreProps';
-
-const AnimatedFastImage = Animated.createAnimatedComponent(FastImage);
-
-export default function ImageCore(props: ImageCoreProps) {
-    const {
-        height,
-        onError,
-        onLoad,
-        resizeMode,
-        source,
-        width,
-    } = props;
-
-    const style = { width, height };
-
-    const [opacity] = React.useState(() => new Animated.Value(0));
-
-    const handleLoad = () => {
-        Animated.timing(opacity, {
-            toValue: 1,
-            duration: 200,
-            useNativeDriver: true,
-        }).start();
-
-        if (onLoad) {
-            onLoad();
-        }
-    };
-
-    return (
-        <AnimatedFastImage
-            onError={onError}
-            onLoad={handleLoad}
-            resizeMode={resizeMode}
-            source={{ uri: source.uri }}
-            style={[
-                style,
-                { opacity },
-            ]}
-        />
-    );
-};

package/src/internal/hooks/useWidth.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';
-
-export default function useWidth(): [number, ViewProps['onLayout']] {
-    const window = useWindowDimensions();
-    const [width, setWidth] = React.useState(window.width);
-
-    const onLayout = React.useCallback((e: LayoutChangeEvent) => {
-        const newWidth = e.nativeEvent.layout.width;
-
-        if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
-            setWidth(newWidth);
-        }
-    }, []);
-
-    return [width, onLayout];
-}