@draftbit/core 44.1.13-91822a.0 → 44.1.13-94423a.0

package/src/components/Picker/PickerComponent.ios.js

@@ -1,40 +1,34 @@
 import * as React from "react";
-import { View, StyleSheet, Dimensions } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
-const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
-export const PickerComponent = ({ Icon, togglePickerVisible, pickerOptions, internalValue, handleValueChange, }) => {
-    return (React.createElement(Portal, null,
-        React.createElement(View, { style: styles.iosPicker },
-            React.createElement(SafeAreaView, { style: styles.iosSafeArea },
-                React.createElement(Button, { Icon: Icon, type: "text", onPress: togglePickerVisible, style: styles.iosButton }, "Close"),
-                React.createElement(NativePicker, { style: styles.iosNativePicker, selectedValue: internalValue, onValueChange: handleValueChange }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value }))))))));
+import { /* View, StyleSheet, Dimensions, */ Text } from "react-native";
+export const PickerComponent = () => {
+    return React.createElement(Text, null, "ios");
 };
-const styles = StyleSheet.create({
-    iosPicker: {
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
-        flexDirection: "row",
-        justifyContent: "center",
-        width: "100%",
-        maxWidth: deviceWidth,
-        maxHeight: deviceHeight,
-        backgroundColor: "rgba(234, 237, 242, 1)",
-    },
-    iosSafeArea: {
-        backgroundColor: "white",
-        flexDirection: "column",
-        width: "100%",
-        maxWidth: deviceWidth,
-    },
-    iosButton: {
-        alignSelf: "flex-end",
-    },
-    iosNativePicker: {
-        backgroundColor: "white",
-    },
-});
+// const styles = StyleSheet.create({
+//   iosPicker: {
+//     position: "absolute",
+//     bottom: 0,
+//     left: 0,
+//     right: 0,
+//     flexDirection: "row",
+//     justifyContent: "center",
+//     width: deviceWidth, // TODO
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//     backgroundColor: "green", // TODO
+//     // backgroundColor: "rgba(255, 255, 255, 1)",
+//   },
+//   iosSafeArea: {
+//     backgroundColor: "yellow",
+//     // backgroundColor: "white",// TODO
+//     flexDirection: "column",
+//     width: deviceWidth,
+//     maxWidth: deviceWidth,
+//   },
+//   iosButton: {
+//     alignSelf: "flex-end",
+//   },
+//   iosNativePicker: {
+//     //backgroundColor: "white",// TODO
+//     backgroundColor: "red",
+//   },
+// });

package/src/components/Picker/PickerComponent.ios.tsx

@@ -1,14 +1,14 @@
 import * as React from "react";
-import { View, StyleSheet, Dimensions } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { Picker as NativePicker } from "@react-native-picker/picker";
+import { /* View, StyleSheet, Dimensions, */ Text } from "react-native";
+// import { SafeAreaView } from "react-native-safe-area-context";
+// import { Picker as NativePicker } from "@react-native-picker/picker";
 
 import type { IconSlot } from "../../interfaces/Icon";
-import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
+// import Portal from "../Portal/Portal";
+// import Button from "../DeprecatedButton";
 import { PickerOption } from "./Picker";
 
-const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
+// const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
 
 interface PickerComponentProps {
   Icon: IconSlot["Icon"];
@@ -19,68 +19,36 @@ interface PickerComponentProps {
   handleValueChange: (newValue: string, itemIndex: number) => void;
 }
 
-export const PickerComponent: React.FC<PickerComponentProps> = ({
-  Icon,
-  togglePickerVisible,
-  pickerOptions,
-  internalValue,
-  handleValueChange,
-}) => {
-  return (
-    <Portal>
-      <View style={styles.iosPicker}>
-        <SafeAreaView style={styles.iosSafeArea}>
-          <Button
-            Icon={Icon}
-            type="text"
-            onPress={togglePickerVisible}
-            style={styles.iosButton}
-          >
-            {"Close"}
-          </Button>
-
-          <NativePicker
-            style={styles.iosNativePicker}
-            selectedValue={internalValue}
-            onValueChange={handleValueChange}
-          >
-            {(pickerOptions as unknown as PickerOption[]).map((option) => (
-              <NativePicker.Item
-                label={option.label}
-                value={option.value}
-                key={option.value}
-              />
-            ))}
-          </NativePicker>
-        </SafeAreaView>
-      </View>
-    </Portal>
-  );
+export const PickerComponent: React.FC<PickerComponentProps> = () => {
+  return <Text>ios</Text>;
 };
 
-const styles = StyleSheet.create({
-  iosPicker: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    justifyContent: "center",
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight,
-    backgroundColor: "rgba(234, 237, 242, 1)",
-  },
-  iosSafeArea: {
-    backgroundColor: "white",
-    flexDirection: "column",
-    width: "100%",
-    maxWidth: deviceWidth,
-  },
-  iosButton: {
-    alignSelf: "flex-end",
-  },
-  iosNativePicker: {
-    backgroundColor: "white",
-  },
-});
+// const styles = StyleSheet.create({
+//   iosPicker: {
+//     position: "absolute",
+//     bottom: 0,
+//     left: 0,
+//     right: 0,
+//     flexDirection: "row",
+//     justifyContent: "center",
+//     width: deviceWidth, // TODO
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//     backgroundColor: "green", // TODO
+//     // backgroundColor: "rgba(255, 255, 255, 1)",
+//   },
+//   iosSafeArea: {
+//     backgroundColor: "yellow",
+//     // backgroundColor: "white",// TODO
+//     flexDirection: "column",
+//     width: deviceWidth,
+//     maxWidth: deviceWidth,
+//   },
+//   iosButton: {
+//     alignSelf: "flex-end",
+//   },
+//   iosNativePicker: {
+//     //backgroundColor: "white",// TODO
+//     backgroundColor: "red",
+//   },
+// });

package/src/components/Picker/PickerComponent.web.js

@@ -1,20 +1,18 @@
 import * as React from "react";
-import { StyleSheet, Dimensions } from "react-native";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
-export const PickerComponent = ({ androidPickerRef, togglePickerVisible, pickerOptions, internalValue, handleValueChange, }) => {
-    return (React.createElement(NativePicker, { selectedValue: internalValue, onValueChange: handleValueChange, style: styles.nonIosPicker, ref: androidPickerRef, onBlur: togglePickerVisible }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value })))));
+import { /* StyleSheet, Dimensions,  */ Text } from "react-native";
+export const PickerComponent = () => {
+    return React.createElement(Text, null, "web");
 };
-const styles = StyleSheet.create({
-    nonIosPicker: {
-        opacity: 0,
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        width: "100%",
-        maxWidth: deviceWidth,
-        maxHeight: deviceHeight,
-    },
-});
+// const styles = StyleSheet.create({
+//   nonIosPicker: {
+//     opacity: 0,
+//     position: "absolute",
+//     top: 0,
+//     left: 0,
+//     right: 0,
+//     bottom: 0,
+//     width: "100%",
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//   },
+// });

package/src/components/Picker/PickerComponent.web.tsx

@@ -1,13 +1,13 @@
 import * as React from "react";
-import { StyleSheet, Dimensions } from "react-native";
+import { /* StyleSheet, Dimensions,  */ Text } from "react-native";
 
-import { Picker as NativePicker } from "@react-native-picker/picker";
+// import { Picker as NativePicker } from "@react-native-picker/picker";
 
 import type { IconSlot } from "../../interfaces/Icon";
 
 import { PickerOption } from "./Picker";
 
-const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
+// const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
 
 interface PickerComponentProps {
   Icon: IconSlot["Icon"];
@@ -18,42 +18,20 @@ interface PickerComponentProps {
   handleValueChange: (newValue: string, itemIndex: number) => void;
 }
 
-export const PickerComponent: React.FC<PickerComponentProps> = ({
-  androidPickerRef,
-  togglePickerVisible,
-  pickerOptions,
-  internalValue,
-  handleValueChange,
-}) => {
-  return (
-    <NativePicker
-      selectedValue={internalValue}
-      onValueChange={handleValueChange}
-      style={styles.nonIosPicker}
-      ref={androidPickerRef}
-      onBlur={togglePickerVisible}
-    >
-      {(pickerOptions as unknown as PickerOption[]).map((option) => (
-        <NativePicker.Item
-          label={option.label}
-          value={option.value}
-          key={option.value}
-        />
-      ))}
-    </NativePicker>
-  );
+export const PickerComponent: React.FC<PickerComponentProps> = () => {
+  return <Text>web</Text>;
 };
 
-const styles = StyleSheet.create({
-  nonIosPicker: {
-    opacity: 0,
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight,
-  },
-});
+// const styles = StyleSheet.create({
+//   nonIosPicker: {
+//     opacity: 0,
+//     position: "absolute",
+//     top: 0,
+//     left: 0,
+//     right: 0,
+//     bottom: 0,
+//     width: "100%",
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//   },
+// });