@janiscommerce/ui-native 1.26.0 → 1.27.0-beta.0

package/dist/components/atoms/Collapsible/index.js

@@ -1,59 +0,0 @@
-import List from '../List';
-import React, { useState } from 'react';
-import { StyleSheet, View, Pressable } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-const Collapsible = ({ header: Header, content: Content, data = [], onPressCallback = null, pressableComponent: PressableComponent = Pressable, duration = 500, wrapperStyle = {}, isDefaultOpen = false, }) => {
-    const [isOpen, setIsOpen] = useState(isDefaultOpen);
-    const [measuredHeight, setMeasuredHeight] = useState(0);
-    const contentHeight = useSharedValue(0);
-    const hasHeightBeenMeasured = !!measuredHeight;
-    const handleOpen = () => {
-        // istanbul ignore next
-        if (!isOpen && measuredHeight > 0) {
-            contentHeight.value = measuredHeight;
-        }
-        setIsOpen(!isOpen);
-        if (onPressCallback) {
-            onPressCallback();
-        }
-    };
-    const handleContentLayout = (e) => {
-        // istanbul ignore next
-        if (measuredHeight === 0) {
-            const newHeight = e.nativeEvent.layout.height;
-            setMeasuredHeight(newHeight);
-            contentHeight.value = newHeight;
-        }
-    };
-    // istanbul ignore next
-    const bodyStyle = useAnimatedStyle(() => ({
-        maxHeight: withTiming(isOpen ? contentHeight.value : 0, { duration }),
-        overflow: 'hidden',
-    }));
-    const styles = StyleSheet.create({
-        wrapperView: { flex: 1, width: '100%' },
-        animatedView: {
-            overflow: 'hidden',
-            width: '100%',
-        },
-        contentWrapper: {
-            position: 'absolute',
-            opacity: 0,
-        },
-    });
-    const renderContent = ({ item, index }) => {
-        return <Content {...item} index={index} isOpen={isOpen}/>;
-    };
-    return (<View style={[wrapperStyle, styles.wrapperView]}>
-			<PressableComponent onPress={handleOpen}>
-				<Header isOpen={isOpen}/>
-			</PressableComponent>
-			{!hasHeightBeenMeasured && (<View style={styles.contentWrapper} onLayout={handleContentLayout}>
-					<List data={data} renderComponent={renderContent} keyExtractor={(_, index) => String(index)} showsVerticalScrollIndicator={false} nestedScrollEnabled={true}/>
-				</View>)}
-			<Animated.View style={[styles.animatedView, bodyStyle]}>
-				<List data={data} renderComponent={renderContent} keyExtractor={(_, index) => String(index)} showsVerticalScrollIndicator={false} nestedScrollEnabled={true}/>
-			</Animated.View>
-		</View>);
-};
-export default Collapsible;