@draftbit/core 46.4.4-7d0f5d.2 → 46.4.4-804547.2

package/src/components/BottomSheet/BottomSheet.web.tsx

@@ -1,90 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Dimensions } from "react-native";
-import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
-
-import { extractStyles } from "../../utilities";
-import { BottomSheetProps } from "./types";
-
-const windowHeight = Dimensions.get("window").height;
-
-const BottomSheetComponent: React.FC<BottomSheetProps> = ({
-  style,
-  children,
-  step,
-}) => {
-  const { viewStyles } = extractStyles(style);
-  const bottomSheetRef = React.useRef<any>();
-
-  const webStep = React.useMemo(() => step + 1, [step]);
-  const snapPoints = React.useMemo(
-    () => ["25%", "50%", windowHeight - 200],
-    []
-  );
-
-  React.useEffect(() => {
-    bottomSheetRef?.current?.snapTo(snapPoints.length - webStep);
-    // bottomSheetRef.current.snapTo(step);
-  }, [webStep, step, snapPoints]);
-
-  if (step === -1) {
-    return <></>;
-  }
-
-  return (
-    <View style={styles.container}>
-      <ScrollBottomSheet
-        ref={bottomSheetRef}
-        componentType="ScrollView"
-        snapPoints={snapPoints}
-        initialSnapIndex={0}
-        renderHandle={() => (
-          <View style={styles.header}>
-            <View style={styles.panelHandle} />
-          </View>
-        )}
-        contentContainerStyle={styles.contentContainerStyle}
-      >
-        <View
-          style={{
-            ...styles.container,
-            ...viewStyles,
-            backgroundColor: webStep !== -1 ? "grey" : "transparent",
-          }}
-        >
-          {children}
-        </View>
-      </ScrollBottomSheet>
-    </View>
-  );
-};
-
-export default BottomSheetComponent;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  contentContainerStyle: {
-    padding: 16,
-  },
-  header: {
-    alignItems: "center",
-    backgroundColor: "white",
-    paddingVertical: 20,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-  },
-  panelHandle: {
-    width: 40,
-    height: 2,
-    backgroundColor: "rgba(0,0,0,0.3)",
-    borderRadius: 4,
-  },
-  item: {
-    padding: 20,
-    justifyContent: "center",
-    backgroundColor: "white",
-    alignItems: "center",
-    marginVertical: 10,
-  },
-});

package/src/components/BottomSheet/index.js

@@ -1,2 +0,0 @@
-//@ts-ignore
-export { default as BottomSheet } from "./BottomSheet";

package/src/components/BottomSheet/index.tsx

@@ -1,2 +0,0 @@
-//@ts-ignore
-export { default as BottomSheet } from "./BottomSheet";

package/src/components/BottomSheet/types.js

@@ -1 +0,0 @@
-export {};

package/src/components/BottomSheet/types.tsx

@@ -1,8 +0,0 @@
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-
-export interface BottomSheetProps {
-  style: StyleProp<ViewStyle | TextStyle>;
-  children: React.ReactNode;
-  step: number;
-  isOpen?: Boolean;
-}

package/src/mappings/BottomSheet.js

@@ -1,20 +0,0 @@
-import { COMPONENT_TYPES, createNumberProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Bottom Sheet",
-    tag: "BottomSheet",
-    category: COMPONENT_TYPES.container,
-    stylesPanelSections: [
-        StylesPanelSections.Background,
-        StylesPanelSections.Borders,
-        StylesPanelSections.Size,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-    ],
-    props: {
-        step: createNumberProp({
-            label: "Step",
-            description: "Step can be -1, 0, 1, or 2.",
-        }),
-    },
-};

package/src/mappings/BottomSheet.ts

@@ -1,25 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createNumberProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Bottom Sheet",
-  tag: "BottomSheet",
-  category: COMPONENT_TYPES.container,
-  stylesPanelSections: [
-    StylesPanelSections.Background,
-    StylesPanelSections.Borders,
-    StylesPanelSections.Size,
-    StylesPanelSections.MarginsAndPaddings,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-  ],
-  props: {
-    step: createNumberProp({
-      label: "Step",
-      description: "Step can be -1, 0, 1, or 2.",
-    }),
-  },
-};