@draftbit/core 46.11.1-c64d65.2 → 46.11.1-d3b79d.2

package/lib/module/components/BottomSheet/BottomSheet.tsx.tmp

@@ -1,120 +0,0 @@
-import React from "react";
-import {
-  StyleSheet,
-  View,
-  StyleProp,
-  ViewStyle,
-  ScrollViewProps,
-} from "react-native";
-
-import BottomSheetComponent from "./BottomSheetComponent";
-import type { Theme } from "../../styles/DefaultTheme";
-import { withTheme } from "../../theming";
-
-export interface BottomSheetProps extends ScrollViewProps {
-  snapPoints?: (string | number)[];
-  initialSnapIndex?: number;
-  showHandle?: boolean;
-  handleColor?: string;
-  topBorderRadius?: number;
-  borderWidth?: number;
-  borderColor?: string;
-  onSettle?: (index: number) => void;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-}
-
-const BottomSheet: React.FC<React.PropsWithChildren<BottomSheetProps>> = ({
-  theme,
-  snapPoints = ["10%", "50%", "80%"],
-  initialSnapIndex = 0,
-  showHandle = true,
-  handleColor = theme.colors.divider,
-  topBorderRadius = 20,
-  borderWidth = 1,
-  borderColor = theme.colors.divider,
-  onSettle,
-  style,
-  children,
-  ...rest
-}) => {
-  const backgroundColor =
-    (style as ViewStyle)?.backgroundColor || theme.colors.background;
-
-  return (
-    <View style={styles.parentContainer} pointerEvents="box-none">
-      <BottomSheetComponent
-        componentType="ScrollView"
-        snapPoints={snapPoints}
-        initialSnapIndex={initialSnapIndex}
-        renderHandle={() => (
-          <>
-            {showHandle && (
-              <View
-                style={[
-                  styles.handleContainer,
-                  {
-                    backgroundColor,
-                    borderTopLeftRadius: topBorderRadius,
-                    borderTopRightRadius: topBorderRadius,
-                  },
-                ]}
-              >
-                <View
-                  style={[styles.handle, { backgroundColor: handleColor }]}
-                />
-              </View>
-            )}
-          </>
-        )}
-        contentContainerStyle={[styles.contentContainerStyle, style]}
-        containerStyle={StyleSheet.flatten([
-          styles.containerStyle,
-          {
-            backgroundColor,
-            borderTopLeftRadius: topBorderRadius,
-            borderTopRightRadius: topBorderRadius,
-            borderWidth,
-            borderColor,
-          },
-        ])}
-        onSettle={onSettle}
-        {...rest}
-      >
-        {children}
-      </BottomSheetComponent>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  //Render on top of everything
-  parentContainer: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    zIndex: 10,
-    overflow: "hidden",
-  },
-  contentContainerStyle: {
-    paddingHorizontal: 16,
-    paddingVertical: 10,
-  },
-  containerStyle: {
-    flex: 1,
-    overflow: "hidden",
-  },
-  handleContainer: {
-    alignItems: "center",
-    paddingVertical: 20,
-  },
-  handle: {
-    width: 40,
-    height: 2,
-    borderRadius: 4,
-  },
-});
-
-export default withTheme(BottomSheet);