@draftbit/core 44.1.13-3bb0d0.0 → 44.1.13-6f194c.0

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,
+//   },
+// });

package/lib/commonjs/components/Picker/PickerComponent.ios.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PickerComponent = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
-var _picker = require("@react-native-picker/picker");
-
-var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-
-var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const {
-  width: deviceWidth,
-  height: deviceHeight
-} = _reactNative.Dimensions.get("screen");
-
-const PickerComponent = _ref => {
-  let {
-    Icon,
-    togglePickerVisible,
-    pickerOptions,
-    internalValue,
-    handleValueChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.iosPicker
-  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
-    style: styles.iosSafeArea
-  }, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
-    Icon: Icon,
-    type: "text",
-    onPress: togglePickerVisible,
-    style: styles.iosButton
-  }, "Close"), /*#__PURE__*/React.createElement(_picker.Picker, {
-    style: styles.iosNativePicker,
-    selectedValue: internalValue,
-    onValueChange: handleValueChange
-  }, pickerOptions.map(option => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
-    label: option.label,
-    value: option.value,
-    key: option.value
-  }))))));
-};
-
-exports.PickerComponent = PickerComponent;
-
-const styles = _reactNative.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"
-  }
-});
-//# sourceMappingURL=PickerComponent.ios.js.map

package/lib/commonjs/components/Picker/PickerComponent.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PickerComponent.ios.tsx"],"names":["width","deviceWidth","height","deviceHeight","Dimensions","get","PickerComponent","Icon","togglePickerVisible","pickerOptions","internalValue","handleValueChange","styles","iosPicker","iosSafeArea","iosButton","iosNativePicker","map","option","label","value","StyleSheet","create","position","bottom","left","right","flexDirection","justifyContent","maxWidth","maxHeight","backgroundColor","alignSelf"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;AAGA,MAAM;AAAEA,EAAAA,KAAK,EAAEC,WAAT;AAAsBC,EAAAA,MAAM,EAAEC;AAA9B,IAA+CC,wBAAWC,GAAX,CAAe,QAAf,CAArD;;AAWO,MAAMC,eAA+C,GAAG,QAMzD;AAAA,MAN0D;AAC9DC,IAAAA,IAD8D;AAE9DC,IAAAA,mBAF8D;AAG9DC,IAAAA,aAH8D;AAI9DC,IAAAA,aAJ8D;AAK9DC,IAAAA;AAL8D,GAM1D;AACJ,sBACE,oBAAC,eAAD,qBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,oBAAC,wCAAD;AAAc,IAAA,KAAK,EAAED,MAAM,CAACE;AAA5B,kBACE,oBAAC,yBAAD;AACE,IAAA,IAAI,EAAEP,IADR;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,OAAO,EAAEC,mBAHX;AAIE,IAAA,KAAK,EAAEI,MAAM,CAACG;AAJhB,KAMG,OANH,CADF,eAUE,oBAAC,cAAD;AACE,IAAA,KAAK,EAAEH,MAAM,CAACI,eADhB;AAEE,IAAA,aAAa,EAAEN,aAFjB;AAGE,IAAA,aAAa,EAAEC;AAHjB,KAKIF,aAAD,CAA6CQ,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,cAAD,CAAc,IAAd;AACE,IAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,IAAA,KAAK,EAAED,MAAM,CAACE,KAFhB;AAGE,IAAA,GAAG,EAAEF,MAAM,CAACE;AAHd,IADD,CALH,CAVF,CADF,CADF,CADF;AA8BD,CArCM;;;;AAuCP,MAAMR,MAAM,GAAGS,wBAAWC,MAAX,CAAkB;AAC/BT,EAAAA,SAAS,EAAE;AACTU,IAAAA,QAAQ,EAAE,UADD;AAETC,IAAAA,MAAM,EAAE,CAFC;AAGTC,IAAAA,IAAI,EAAE,CAHG;AAITC,IAAAA,KAAK,EAAE,CAJE;AAKTC,IAAAA,aAAa,EAAE,KALN;AAMTC,IAAAA,cAAc,EAAE,QANP;AAOT5B,IAAAA,KAAK,EAAEC,WAPE;AAOW;AACpB4B,IAAAA,QAAQ,EAAE5B,WARD;AAST6B,IAAAA,SAAS,EAAE3B,YATF;AAUT4B,IAAAA,eAAe,EAAE,OAVR,CAUiB;AAC1B;;AAXS,GADoB;AAc/BjB,EAAAA,WAAW,EAAE;AACXiB,IAAAA,eAAe,EAAE,QADN;AAEX;AACAJ,IAAAA,aAAa,EAAE,QAHJ;AAIX3B,IAAAA,KAAK,EAAEC,WAJI;AAKX4B,IAAAA,QAAQ,EAAE5B;AALC,GAdkB;AAqB/Bc,EAAAA,SAAS,EAAE;AACTiB,IAAAA,SAAS,EAAE;AADF,GArBoB;AAwB/BhB,EAAAA,eAAe,EAAE;AACf;AACAe,IAAAA,eAAe,EAAE;AAFF;AAxBc,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Dimensions } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport { PickerOption } from \"./Picker\";\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = ({\n  Icon,\n  togglePickerVisible,\n  pickerOptions,\n  internalValue,\n  handleValueChange,\n}) => {\n  return (\n    <Portal>\n      <View style={styles.iosPicker}>\n        <SafeAreaView style={styles.iosSafeArea}>\n          <Button\n            Icon={Icon}\n            type=\"text\"\n            onPress={togglePickerVisible}\n            style={styles.iosButton}\n          >\n            {\"Close\"}\n          </Button>\n\n          <NativePicker\n            style={styles.iosNativePicker}\n            selectedValue={internalValue}\n            onValueChange={handleValueChange}\n          >\n            {(pickerOptions as unknown as PickerOption[]).map((option) => (\n              <NativePicker.Item\n                label={option.label}\n                value={option.value}\n                key={option.value}\n              />\n            ))}\n          </NativePicker>\n        </SafeAreaView>\n      </View>\n    </Portal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    width: deviceWidth, // TODO\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n    backgroundColor: \"green\", // TODO\n    // backgroundColor: \"rgba(255, 255, 255, 1)\",\n  },\n  iosSafeArea: {\n    backgroundColor: \"yellow\",\n    // backgroundColor: \"white\",// TODO\n    flexDirection: \"column\",\n    width: deviceWidth,\n    maxWidth: deviceWidth,\n  },\n  iosButton: {\n    alignSelf: \"flex-end\",\n  },\n  iosNativePicker: {\n    //backgroundColor: \"white\",// TODO\n    backgroundColor: \"red\",\n  },\n});\n"]}

package/lib/module/components/Picker/PickerComponent.ios.js

@@ -1,69 +0,0 @@
-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 = _ref => {
-  let {
-    Icon,
-    togglePickerVisible,
-    pickerOptions,
-    internalValue,
-    handleValueChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
-    style: styles.iosPicker
-  }, /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: styles.iosSafeArea
-  }, /*#__PURE__*/React.createElement(Button, {
-    Icon: Icon,
-    type: "text",
-    onPress: togglePickerVisible,
-    style: styles.iosButton
-  }, "Close"), /*#__PURE__*/React.createElement(NativePicker, {
-    style: styles.iosNativePicker,
-    selectedValue: internalValue,
-    onValueChange: handleValueChange
-  }, pickerOptions.map(option => /*#__PURE__*/React.createElement(NativePicker.Item, {
-    label: option.label,
-    value: option.value,
-    key: option.value
-  }))))));
-};
-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"
-  }
-});
-//# sourceMappingURL=PickerComponent.ios.js.map

package/lib/module/components/Picker/PickerComponent.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PickerComponent.ios.tsx"],"names":["React","View","StyleSheet","Dimensions","SafeAreaView","Picker","NativePicker","Portal","Button","width","deviceWidth","height","deviceHeight","get","PickerComponent","Icon","togglePickerVisible","pickerOptions","internalValue","handleValueChange","styles","iosPicker","iosSafeArea","iosButton","iosNativePicker","map","option","label","value","create","position","bottom","left","right","flexDirection","justifyContent","maxWidth","maxHeight","backgroundColor","alignSelf"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,UAA3B,QAA6C,cAA7C;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAM,IAAIC,YAAnB,QAAuC,6BAAvC;AAGA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,MAAP,MAAmB,qBAAnB;AAGA,MAAM;AAAEC,EAAAA,KAAK,EAAEC,WAAT;AAAsBC,EAAAA,MAAM,EAAEC;AAA9B,IAA+CT,UAAU,CAACU,GAAX,CAAe,QAAf,CAArD;AAWA,OAAO,MAAMC,eAA+C,GAAG,QAMzD;AAAA,MAN0D;AAC9DC,IAAAA,IAD8D;AAE9DC,IAAAA,mBAF8D;AAG9DC,IAAAA,aAH8D;AAI9DC,IAAAA,aAJ8D;AAK9DC,IAAAA;AAL8D,GAM1D;AACJ,sBACE,oBAAC,MAAD,qBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAED,MAAM,CAACE;AAA5B,kBACE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAEP,IADR;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,OAAO,EAAEC,mBAHX;AAIE,IAAA,KAAK,EAAEI,MAAM,CAACG;AAJhB,KAMG,OANH,CADF,eAUE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAEH,MAAM,CAACI,eADhB;AAEE,IAAA,aAAa,EAAEN,aAFjB;AAGE,IAAA,aAAa,EAAEC;AAHjB,KAKIF,aAAD,CAA6CQ,GAA7C,CAAkDC,MAAD,iBAChD,oBAAC,YAAD,CAAc,IAAd;AACE,IAAA,KAAK,EAAEA,MAAM,CAACC,KADhB;AAEE,IAAA,KAAK,EAAED,MAAM,CAACE,KAFhB;AAGE,IAAA,GAAG,EAAEF,MAAM,CAACE;AAHd,IADD,CALH,CAVF,CADF,CADF,CADF;AA8BD,CArCM;AAuCP,MAAMR,MAAM,GAAGlB,UAAU,CAAC2B,MAAX,CAAkB;AAC/BR,EAAAA,SAAS,EAAE;AACTS,IAAAA,QAAQ,EAAE,UADD;AAETC,IAAAA,MAAM,EAAE,CAFC;AAGTC,IAAAA,IAAI,EAAE,CAHG;AAITC,IAAAA,KAAK,EAAE,CAJE;AAKTC,IAAAA,aAAa,EAAE,KALN;AAMTC,IAAAA,cAAc,EAAE,QANP;AAOT1B,IAAAA,KAAK,EAAEC,WAPE;AAOW;AACpB0B,IAAAA,QAAQ,EAAE1B,WARD;AAST2B,IAAAA,SAAS,EAAEzB,YATF;AAUT0B,IAAAA,eAAe,EAAE,OAVR,CAUiB;AAC1B;;AAXS,GADoB;AAc/BhB,EAAAA,WAAW,EAAE;AACXgB,IAAAA,eAAe,EAAE,QADN;AAEX;AACAJ,IAAAA,aAAa,EAAE,QAHJ;AAIXzB,IAAAA,KAAK,EAAEC,WAJI;AAKX0B,IAAAA,QAAQ,EAAE1B;AALC,GAdkB;AAqB/Ba,EAAAA,SAAS,EAAE;AACTgB,IAAAA,SAAS,EAAE;AADF,GArBoB;AAwB/Bf,EAAAA,eAAe,EAAE;AACf;AACAc,IAAAA,eAAe,EAAE;AAFF;AAxBc,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Dimensions } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport { PickerOption } from \"./Picker\";\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n\ninterface PickerComponentProps {\n  Icon: IconSlot[\"Icon\"];\n  androidPickerRef: React.RefObject<any>;\n  togglePickerVisible: () => void;\n  pickerOptions: PickerOption[];\n  internalValue: string | undefined;\n  handleValueChange: (newValue: string, itemIndex: number) => void;\n}\n\nexport const PickerComponent: React.FC<PickerComponentProps> = ({\n  Icon,\n  togglePickerVisible,\n  pickerOptions,\n  internalValue,\n  handleValueChange,\n}) => {\n  return (\n    <Portal>\n      <View style={styles.iosPicker}>\n        <SafeAreaView style={styles.iosSafeArea}>\n          <Button\n            Icon={Icon}\n            type=\"text\"\n            onPress={togglePickerVisible}\n            style={styles.iosButton}\n          >\n            {\"Close\"}\n          </Button>\n\n          <NativePicker\n            style={styles.iosNativePicker}\n            selectedValue={internalValue}\n            onValueChange={handleValueChange}\n          >\n            {(pickerOptions as unknown as PickerOption[]).map((option) => (\n              <NativePicker.Item\n                label={option.label}\n                value={option.value}\n                key={option.value}\n              />\n            ))}\n          </NativePicker>\n        </SafeAreaView>\n      </View>\n    </Portal>\n  );\n};\n\nconst styles = StyleSheet.create({\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    width: deviceWidth, // TODO\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n    backgroundColor: \"green\", // TODO\n    // backgroundColor: \"rgba(255, 255, 255, 1)\",\n  },\n  iosSafeArea: {\n    backgroundColor: \"yellow\",\n    // backgroundColor: \"white\",// TODO\n    flexDirection: \"column\",\n    width: deviceWidth,\n    maxWidth: deviceWidth,\n  },\n  iosButton: {\n    alignSelf: \"flex-end\",\n  },\n  iosNativePicker: {\n    //backgroundColor: \"white\",// TODO\n    backgroundColor: \"red\",\n  },\n});\n"]}

package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import type { IconSlot } from "../../interfaces/Icon";
-import { PickerOption } from "./Picker";
-interface PickerComponentProps {
-    Icon: IconSlot["Icon"];
-    androidPickerRef: React.RefObject<any>;
-    togglePickerVisible: () => void;
-    pickerOptions: PickerOption[];
-    internalValue: string | undefined;
-    handleValueChange: (newValue: string, itemIndex: number) => void;
-}
-export declare const PickerComponent: React.FC<PickerComponentProps>;
-export {};

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

@@ -1,43 +0,0 @@
-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 }))))))));
-};
-const styles = StyleSheet.create({
-    iosPicker: {
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
-        flexDirection: "row",
-        justifyContent: "center",
-        width: deviceWidth,
-        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,89 +0,0 @@
-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 type { IconSlot } from "../../interfaces/Icon";
-import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
-import { PickerOption } from "./Picker";
-
-const { width: deviceWidth, height: deviceHeight } = Dimensions.get("screen");
-
-interface PickerComponentProps {
-  Icon: IconSlot["Icon"];
-  androidPickerRef: React.RefObject<any>;
-  togglePickerVisible: () => void;
-  pickerOptions: PickerOption[];
-  internalValue: string | undefined;
-  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>
-  );
-};
-
-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",
-  },
-});