@draftbit/core 44.1.12 → 44.1.13-6f194c.0

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

@@ -1,13 +1,15 @@
 import * as React from "react";
-import { View, StyleSheet, Text, Platform, Dimensions } from "react-native";
-import { omit, pickBy, identity, isObject } from "lodash";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { Picker as NativePicker } from "@react-native-picker/picker";
-import { withTheme } from "../../theming";
-import Portal from "../Portal/Portal";
-import Button from "../DeprecatedButton";
+import { View, StyleSheet, Text, Dimensions } from "react-native";
+import { omit, pickBy, identity, isObject } from "lodash"; // import { SafeAreaView } from "react-native-safe-area-context";
+// import { Picker as NativePicker } from "@react-native-picker/picker";
+
+import { withTheme } from "../../theming"; // import Portal from "../Portal/Portal";
+// import Button from "../DeprecatedButton";
+
 import Touchable from "../Touchable";
-import { extractStyles, extractBorderAndMarginStyles, borderStyleNames, marginStyleNames } from "../../utilities";
+import { extractStyles, extractBorderAndMarginStyles, borderStyleNames, marginStyleNames } from "../../utilities"; // @ts-expect-error
+
+import { PickerComponent } from "./PickerComponent";
 
 function normalizeOptions(options) {
   if (options.length === 0) {
@@ -36,8 +38,8 @@ function normalizeOptions(options) {
 const {
   width: deviceWidth,
   height: deviceHeight
-} = Dimensions.get("screen");
-const isIos = Platform.OS === "ios";
+} = Dimensions.get("screen"); // const isIos = Platform.OS === "ios";
+
 const unstyledColor = "rgba(165, 173, 183, 1)";
 const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
@@ -55,7 +57,7 @@ const Picker = _ref => {
     placeholder,
     value,
     disabled = false,
-    theme,
+    // theme,
     assistiveText,
     label,
     iconColor = unstyledColor,
@@ -95,10 +97,8 @@ const Picker = _ref => {
   const pickerOptions = placeholder ? [{
     value: placeholder,
     label: placeholder
-  }, ...normalizedOptions] : normalizedOptions;
-  const {
-    colors
-  } = theme;
+  }, ...normalizedOptions] : normalizedOptions; // const { colors } = theme;
+
   const {
     viewStyles,
     textStyles
@@ -227,37 +227,14 @@ const Picker = _ref => {
       style: styles.primaryTextContainer
     }, labelText, /*#__PURE__*/React.createElement(Text, {
       style: primaryTextStyle
-    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
-      style: [styles.iosPicker, {
-        backgroundColor: colors.divider
-      }]
-    }, /*#__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
-    })))))) : null, !isIos && pickerVisible ? /*#__PURE__*/React.createElement(NativePicker, {
-      enabled: pickerVisible,
-      selectedValue: internalValue,
-      onValueChange: handleValueChange,
-      style: styles.nonIosPicker,
-      ref: androidPickerRef,
-      onBlur: () => setPickerVisible(false)
-    }, pickerOptions.map(option => /*#__PURE__*/React.createElement(NativePicker.Item, {
-      label: option.label,
-      value: option.value,
-      key: option.value
-    }))) : null)
+    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), /*#__PURE__*/React.createElement(View, null, pickerVisible ? /*#__PURE__*/React.createElement(PickerComponent, {
+      Icon,
+      androidPickerRef,
+      togglePickerVisible,
+      pickerOptions,
+      internalValue,
+      handleValueChange
+    }) : null))
   );
 };
 
@@ -274,7 +251,9 @@ const styles = StyleSheet.create({
     height: "100%",
     width: "100%",
     alignSelf: "stretch",
-    alignItems: "center"
+    alignItems: "center",
+    backgroundColor: "pink" // TODO
+
   },
   outsetContainer: {
     flex: 1,

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

@@ -1 +1 @@
-{"version":3,"sources":["Picker.tsx"],"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","isIos","OS","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Text,\n  Platform,\n  ViewStyle,\n  StyleProp,\n  Dimensions,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n  extractStyles,\n  extractBorderAndMarginStyles,\n  borderStyleNames,\n  marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport type PickerProps = {\n  error?: any;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  value?: string;\n  options: PickerOption[] | string[];\n  onValueChange: (value: string, index: number) => void;\n  defaultValue?: string;\n  assistiveText?: string;\n  label?: string;\n  iconColor?: string;\n  iconSize?: number;\n  leftIconMode?: \"inset\" | \"outset\";\n  leftIconName?: string;\n  placeholderTextColor?: string;\n  rightIconName?: string;\n  type?: \"solid\" | \"underline\";\n  theme: Theme;\n  Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === (\"string\" || \"number\")) {\n    return (options as string[]).map((option) => ({\n      label: String(option),\n      value: String(option),\n    }));\n  }\n\n  if (\n    isObject(options[0]) &&\n    options[0].value !== null &&\n    options[0].label !== null\n  ) {\n    return (options as PickerOption[]).map((option) => {\n      return {\n        label: String(option.label),\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n  error,\n  options = [],\n  onValueChange,\n  defaultValue,\n  Icon,\n  style,\n  placeholder,\n  value,\n  disabled = false,\n  theme,\n  assistiveText,\n  label,\n  iconColor = unstyledColor,\n  iconSize = 24,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor = unstyledColor,\n  rightIconName,\n  type = \"solid\",\n}) => {\n  const androidPickerRef = React.useRef<any | undefined>(undefined);\n\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  const [pickerVisible, setPickerVisible] = React.useState(false);\n\n  const togglePickerVisible = () => {\n    setPickerVisible(!pickerVisible);\n  };\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  React.useEffect(() => {\n    if (pickerVisible && androidPickerRef.current) {\n      androidPickerRef?.current?.focus();\n    }\n  }, [pickerVisible, androidPickerRef]);\n\n  const normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  const { colors } = theme;\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const additionalBorderStyles = [\"backgroundColor\"];\n\n  const additionalMarginStyles = [\n    \"bottom\",\n    \"height\",\n    \"left\",\n    \"maxHeight\",\n    \"maxWidth\",\n    \"minHeight\",\n    \"minWidth\",\n    \"overflow\",\n    \"position\",\n    \"right\",\n    \"top\",\n    \"width\",\n    \"zIndex\",\n  ];\n\n  const {\n    borderStyles: extractedBorderStyles,\n    marginStyles: extractedMarginStyles,\n  } = extractBorderAndMarginStyles(\n    viewStyles,\n    additionalBorderStyles,\n    additionalMarginStyles\n  );\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: unstyledColor,\n      borderStyle: \"solid\",\n    },\n    ...extractedBorderStyles,\n    ...(error ? { borderColor: errorColor } : {}),\n    ...(disabled\n      ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n      : {}),\n  };\n\n  const marginStyles = {\n    height: 60,\n    ...extractedMarginStyles,\n  };\n\n  const stylesWithoutBordersAndMargins = omit(viewStyles, [\n    ...borderStyleNames,\n    ...marginStyleNames,\n    ...additionalBorderStyles,\n    ...additionalMarginStyles,\n  ]);\n\n  const selectedLabel =\n    internalValue &&\n    ((pickerOptions as unknown as PickerOption[]).find(\n      (option) => option.value === internalValue\n    )?.label ??\n      internalValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: unstyledColor,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: 4,\n        marginLeft: 4,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: -10,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  const textAlign = textStyles?.textAlign;\n\n  const calculateLeftPadding = () => {\n    if (leftIconOutset) {\n      if (textAlign === \"center\") {\n        return iconSize - Math.abs(8 - iconSize);\n      }\n\n      return iconSize + 8;\n    }\n\n    return 0;\n  };\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width: \"100%\",\n        paddingLeft: calculateLeftPadding(),\n        color: unstyledColor,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: unstyledColor,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n    ...(disabled ? { color: unstyledColor } : {}),\n  };\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    if (!placeholder || itemIndex > 0) {\n      onValueChange?.(newValue, itemIndex);\n    }\n    setInternalValue(newValue);\n  };\n\n  return (\n    /* marginsContainer */\n    <View style={[styles.marginsContainer, marginStyles]}>\n      {/* touchableContainer */}\n      <Touchable\n        disabled={disabled}\n        onPress={togglePickerVisible}\n        style={styles.touchableContainer}\n      >\n        {/* outsetContainer */}\n        <View\n          pointerEvents=\"none\"\n          style={[\n            styles.outsetContainer,\n            stylesWithoutBordersAndMargins,\n            !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n          ]}\n        >\n          {leftIcon}\n\n          {/* insetContainer */}\n          <View\n            style={[\n              styles.insetContainer,\n              leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n            ]}\n          >\n            {/* primaryTextContainer */}\n            <View style={styles.primaryTextContainer}>\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      {/* iosPicker */}\n      {isIos && pickerVisible ? (\n        <Portal>\n          <View\n            style={[\n              styles.iosPicker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\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      ) : null}\n\n      {/* nonIosPicker */}\n      {!isIos && pickerVisible ? (\n        <NativePicker\n          enabled={pickerVisible}\n          selectedValue={internalValue}\n          onValueChange={handleValueChange}\n          style={styles.nonIosPicker}\n          ref={androidPickerRef}\n          onBlur={() => setPickerVisible(false)}\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      ) : null}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n  marginsContainer: {\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  touchableContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n  },\n  outsetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  insetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  primaryTextContainer: {\n    flex: 1,\n  },\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n  iosSafeArea: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  iosButton: {\n    alignSelf: \"flex-end\",\n  },\n  iosNativePicker: {\n    backgroundColor: \"white\",\n  },\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n});\n"]}
+{"version":3,"sources":["Picker.tsx"],"names":["React","View","StyleSheet","Text","Dimensions","omit","pickBy","identity","isObject","withTheme","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","PickerComponent","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","iosPicker","position","bottom","left","right","maxHeight","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","opacity","top"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,IAHF,EAOEC,UAPF,QAQO,cARP;AASA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,QAAvB,EAAiCC,QAAjC,QAAiD,QAAjD,C,CACA;AACA;;AAEA,SAASC,SAAT,QAA0B,eAA1B,C,CACA;AACA;;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAGA,SACEC,aADF,EAEEC,4BAFF,EAGEC,gBAHF,EAIEC,gBAJF,QAKO,iBALP,C,CAMA;;AACA,SAASC,eAAT,QAAgC,mBAAhC;;AA6BA,SAASC,gBAAT,CAA0BC,OAA1B,EAA2E;AACzE,MAAIA,OAAO,CAACC,MAAR,KAAmB,CAAvB,EAA0B;AACxB,WAAO,EAAP;AACD;;AAED,MAAI,OAAOD,OAAO,CAAC,CAAD,CAAd,MAAuB,YAAY,QAAnC,CAAJ,EAAkD;AAChD,WAAQA,OAAD,CAAsBE,GAAtB,CAA2BC,MAAD,KAAa;AAC5CC,MAAAA,KAAK,EAAEC,MAAM,CAACF,MAAD,CAD+B;AAE5CG,MAAAA,KAAK,EAAED,MAAM,CAACF,MAAD;AAF+B,KAAb,CAA1B,CAAP;AAID;;AAED,MACEZ,QAAQ,CAACS,OAAO,CAAC,CAAD,CAAR,CAAR,IACAA,OAAO,CAAC,CAAD,CAAP,CAAWM,KAAX,KAAqB,IADrB,IAEAN,OAAO,CAAC,CAAD,CAAP,CAAWI,KAAX,KAAqB,IAHvB,EAIE;AACA,WAAQJ,OAAD,CAA4BE,GAA5B,CAAiCC,MAAD,IAAY;AACjD,aAAO;AACLC,QAAAA,KAAK,EAAEC,MAAM,CAACF,MAAM,CAACC,KAAR,CADR;AAELE,QAAAA,KAAK,EAAED,MAAM,CAACF,MAAM,CAACG,KAAR;AAFR,OAAP;AAID,KALM,CAAP;AAMD;;AAED,QAAM,IAAIC,KAAJ,CACJ,8GADI,CAAN;AAGD;;AAED,MAAM;AAAEC,EAAAA,KAAK,EAAEC,WAAT;AAAsBC,EAAAA,MAAM,EAAEC;AAA9B,IAA+CxB,UAAU,CAACyB,GAAX,CAAe,QAAf,CAArD,C,CACA;;AACA,MAAMC,aAAa,GAAG,wBAAtB;AACA,MAAMC,aAAa,GAAG,oBAAtB;AACA,MAAMC,UAAU,GAAG,uBAAnB;;AAEA,MAAMC,MAA6B,GAAG,QAoBhC;AAAA;;AAAA,MApBiC;AACrCC,IAAAA,KADqC;AAErCjB,IAAAA,OAAO,GAAG,EAF2B;AAGrCkB,IAAAA,aAHqC;AAIrCC,IAAAA,YAJqC;AAKrCC,IAAAA,IALqC;AAMrCC,IAAAA,KANqC;AAOrCC,IAAAA,WAPqC;AAQrChB,IAAAA,KARqC;AASrCiB,IAAAA,QAAQ,GAAG,KAT0B;AAUrC;AACAC,IAAAA,aAXqC;AAYrCpB,IAAAA,KAZqC;AAarCqB,IAAAA,SAAS,GAAGZ,aAbyB;AAcrCa,IAAAA,QAAQ,GAAG,EAd0B;AAerCC,IAAAA,YAAY,GAAG,OAfsB;AAgBrCC,IAAAA,YAhBqC;AAiBrCC,IAAAA,oBAAoB,GAAGhB,aAjBc;AAkBrCiB,IAAAA,aAlBqC;AAmBrCC,IAAAA,IAAI,GAAG;AAnB8B,GAoBjC;AACJ,QAAMC,gBAAgB,GAAGjD,KAAK,CAACkD,MAAN,CAA8BC,SAA9B,CAAzB;AAEA,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCrD,KAAK,CAACsD,QAAN,CACxC/B,KAAK,IAAIa,YAD+B,CAA1C;AAIA,QAAM,CAACmB,aAAD,EAAgBC,gBAAhB,IAAoCxD,KAAK,CAACsD,QAAN,CAAe,KAAf,CAA1C;;AAEA,QAAMG,mBAAmB,GAAG,MAAM;AAChCD,IAAAA,gBAAgB,CAAC,CAACD,aAAF,CAAhB;AACD,GAFD;;AAIAvD,EAAAA,KAAK,CAAC0D,SAAN,CAAgB,MAAM;AACpB,QAAInC,KAAK,IAAI,IAAb,EAAmB;AACjB8B,MAAAA,gBAAgB,CAAC9B,KAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,KAAD,CAJH;AAMAvB,EAAAA,KAAK,CAAC0D,SAAN,CAAgB,MAAM;AACpB,QAAItB,YAAY,IAAI,IAApB,EAA0B;AACxBiB,MAAAA,gBAAgB,CAACjB,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;AAMApC,EAAAA,KAAK,CAAC0D,SAAN,CAAgB,MAAM;AACpB,QAAIH,aAAa,IAAIN,gBAAgB,CAACU,OAAtC,EAA+C;AAAA;;AAC7CV,MAAAA,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,qCAAAA,gBAAgB,CAAEU,OAAlB,gFAA2BC,KAA3B;AACD;AACF,GAJD,EAIG,CAACL,aAAD,EAAgBN,gBAAhB,CAJH;AAMA,QAAMY,iBAAiB,GAAG7C,gBAAgB,CAACC,OAAD,CAA1C;AAEA,QAAM6C,aAAa,GAAGvB,WAAW,GAC7B,CAAC;AAAEhB,IAAAA,KAAK,EAAEgB,WAAT;AAAsBlB,IAAAA,KAAK,EAAEkB;AAA7B,GAAD,EAA6C,GAAGsB,iBAAhD,CAD6B,GAE7BA,iBAFJ,CAjCI,CAqCJ;;AAEA,QAAM;AAAEE,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BrD,aAAa,CAAC2B,KAAD,CAAhD;AAEA,QAAM2B,sBAAsB,GAAG,CAAC,iBAAD,CAA/B;AAEA,QAAMC,sBAAsB,GAAG,CAC7B,QAD6B,EAE7B,QAF6B,EAG7B,MAH6B,EAI7B,WAJ6B,EAK7B,UAL6B,EAM7B,WAN6B,EAO7B,UAP6B,EAQ7B,UAR6B,EAS7B,UAT6B,EAU7B,OAV6B,EAW7B,KAX6B,EAY7B,OAZ6B,EAa7B,QAb6B,CAA/B;AAgBA,QAAM;AACJC,IAAAA,YAAY,EAAEC,qBADV;AAEJC,IAAAA,YAAY,EAAEC;AAFV,MAGF1D,4BAA4B,CAC9BmD,UAD8B,EAE9BE,sBAF8B,EAG9BC,sBAH8B,CAHhC;AASA,QAAMC,YAAY,GAAG,EACnB,GAAG,EACD,IAAInB,IAAI,KAAK,OAAT,GACA;AACEuB,QAAAA,mBAAmB,EAAE,CADvB;AAEEC,QAAAA,oBAAoB,EAAE,CAFxB;AAGEC,QAAAA,uBAAuB,EAAE,CAH3B;AAIEC,QAAAA,sBAAsB,EAAE,CAJ1B;AAKEC,QAAAA,cAAc,EAAE,CALlB;AAMEC,QAAAA,gBAAgB,EAAE,CANpB;AAOEC,QAAAA,eAAe,EAAE;AAPnB,OADA,GAUA,EAVJ,CADC;AAYDC,MAAAA,iBAAiB,EAAE,CAZlB;AAaDC,MAAAA,WAAW,EAAEjD,aAbZ;AAcDkD,MAAAA,WAAW,EAAE;AAdZ,KADgB;AAiBnB,OAAGZ,qBAjBgB;AAkBnB,QAAIlC,KAAK,GAAG;AAAE6C,MAAAA,WAAW,EAAE/C;AAAf,KAAH,GAAiC,EAA1C,CAlBmB;AAmBnB,QAAIQ,QAAQ,GACR;AAAEuC,MAAAA,WAAW,EAAE,aAAf;AAA8BE,MAAAA,eAAe,EAAElD;AAA/C,KADQ,GAER,EAFJ;AAnBmB,GAArB;AAwBA,QAAMsC,YAAY,GAAG;AACnB1C,IAAAA,MAAM,EAAE,EADW;AAEnB,OAAG2C;AAFgB,GAArB;AAKA,QAAMY,8BAA8B,GAAG7E,IAAI,CAAC0D,UAAD,EAAa,CACtD,GAAGlD,gBADmD,EAEtD,GAAGC,gBAFmD,EAGtD,GAAGmD,sBAHmD,EAItD,GAAGC,sBAJmD,CAAb,CAA3C;AAOA,QAAMiB,aAAa,GACjB/B,aAAa,6BACXU,aAAD,CAA6CsB,IAA7C,CACEhE,MAAD,IAAYA,MAAM,CAACG,KAAP,KAAiB6B,aAD9B,CADY,0CACZ,MAEE/B,KAHU,qDAIX+B,aAJW,CADf;AAOA,QAAMiC,SAAS,GAAGhE,KAAK,gBACrB,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AACLiE,MAAAA,SAAS,EAAEtB,UAAU,CAACsB,SADjB;AAELC,MAAAA,KAAK,EAAEzD,aAFF;AAGL0D,MAAAA,QAAQ,EAAE,EAHL;AAILC,MAAAA,aAAa,EAAE;AAJV;AADT,KAQGpE,KARH,CADqB,GAWnB,IAXJ;AAaA,QAAMqE,cAAc,GAAG9C,YAAY,KAAK,QAAxC;AAEA,QAAM+C,QAAQ,GAAG9C,YAAY,gBAC3B,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,YADR;AAEE,IAAA,KAAK,EAAEL,QAAQ,GAAGV,aAAH,GAAmBY,SAFpC;AAGE,IAAA,IAAI,EAAEC,QAHR;AAIE,IAAA,KAAK,EAAE;AACLiD,MAAAA,WAAW,EAAE,CADR;AAELC,MAAAA,UAAU,EAAE;AAFP;AAJT,IAD2B,GAUzB,IAVJ;AAYA,QAAMC,SAAS,GAAG/C,aAAa,gBAC7B,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,aADR;AAEE,IAAA,KAAK,EAAEP,QAAQ,GAAGV,aAAH,GAAmBY,SAFpC;AAGE,IAAA,IAAI,EAAEC,QAHR;AAIE,IAAA,KAAK,EAAE;AACLiD,MAAAA,WAAW,EAAE,CAAC,EADT;AAELC,MAAAA,UAAU,EAAE;AAFP;AAJT,IAD6B,GAU3B,IAVJ;AAYA,QAAMP,SAAS,GAAGtB,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEsB,SAA9B;;AAEA,QAAMS,oBAAoB,GAAG,MAAM;AACjC,QAAIL,cAAJ,EAAoB;AAClB,UAAIJ,SAAS,KAAK,QAAlB,EAA4B;AAC1B,eAAO3C,QAAQ,GAAGqD,IAAI,CAACC,GAAL,CAAS,IAAItD,QAAb,CAAlB;AACD;;AAED,aAAOA,QAAQ,GAAG,CAAlB;AACD;;AAED,WAAO,CAAP;AACD,GAVD;;AAYA,QAAMuD,kBAAkB,GAAGzD,aAAa,gBACtC,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AACL6C,MAAAA,SADK;AAEL7D,MAAAA,KAAK,EAAE,MAFF;AAGL0E,MAAAA,WAAW,EAAEJ,oBAAoB,EAH5B;AAILR,MAAAA,KAAK,EAAEzD,aAJF;AAKL0D,MAAAA,QAAQ,EAAE,EALL;AAMLY,MAAAA,UAAU,EAAE;AANP;AADT,KAUG3D,aAVH,CADsC,GAapC,IAbJ;AAeA,QAAM4D,gBAAgB,GAAG;AACvBd,IAAAA,KAAK,EAAEzD,aADgB;AAEvB0D,IAAAA,QAAQ,EAAE,EAFa;AAGvB,OAAGlF,MAAM,CAAC0D,UAAD,EAAazD,QAAb,CAHc;AAIvB,QAAIgC,WAAW,KAAKa,aAAhB,GAAgC;AAAEmC,MAAAA,KAAK,EAAEzC;AAAT,KAAhC,GAAkE,EAAtE,CAJuB;AAKvB,QAAIN,QAAQ,GAAG;AAAE+C,MAAAA,KAAK,EAAEzD;AAAT,KAAH,GAA8B,EAA1C;AALuB,GAAzB;;AAQA,QAAMwE,iBAAiB,GAAG,CAACC,QAAD,EAAmBC,SAAnB,KAAyC;AACjE,QAAI,CAACjE,WAAD,IAAgBiE,SAAS,GAAG,CAAhC,EAAmC;AACjCrE,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGoE,QAAH,EAAaC,SAAb,CAAb;AACD;;AACDnD,IAAAA,gBAAgB,CAACkD,QAAD,CAAhB;AACD,GALD;;AAOA;AAAA;;AACE;AACA,wBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACE,MAAM,CAACC,gBAAR,EAA0BrC,YAA1B;AAAb,oBAEE,oBAAC,SAAD;AACE,MAAA,QAAQ,EAAE7B,QADZ;AAEE,MAAA,OAAO,EAAEiB,mBAFX;AAGE,MAAA,KAAK,EAAEgD,MAAM,CAACE;AAHhB,oBAME,oBAAC,IAAD;AACE,MAAA,aAAa,EAAC,MADhB;AAEE,MAAA,KAAK,EAAE,CACLF,MAAM,CAACG,eADF,EAEL1B,8BAFK,EAGL,CAACQ,cAAD,GAAmBvB,YAAnB,GAA2D,EAHtD;AAFT,OAQGwB,QARH,eAWE,oBAAC,IAAD;AACE,MAAA,KAAK,EAAE,CACLc,MAAM,CAACI,cADF,EAELnB,cAAc,GAAIvB,YAAJ,GAA4C,EAFrD;AADT,oBAOE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEsC,MAAM,CAACK;AAApB,OACGzB,SADH,eAGE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEgB;AAAb,OACG/E,MAAM,CAAC6D,aAAD,aAACA,aAAD,cAACA,aAAD,GAAkB5C,WAAlB,CADT,CAHF,CAPF,EAeGuD,SAfH,CAXF,CANF,EAmCGI,kBAnCH,CAFF,eAwCE,oBAAC,IAAD,QACG3C,aAAa,gBACZ,oBAAC,eAAD;AAEIlB,MAAAA,IAFJ;AAGIY,MAAAA,gBAHJ;AAIIQ,MAAAA,mBAJJ;AAKIK,MAAAA,aALJ;AAMIV,MAAAA,aANJ;AAOIkD,MAAAA;AAPJ,MADY,GAWV,IAZN,CAxCF;AAFF;AAqHD,CA3UD;;AA6UA,eAAe7F,SAAS,CAACwB,MAAD,CAAxB;AAEA,MAAMwE,MAAM,GAAGvG,UAAU,CAAC6G,MAAX,CAAkB;AAC/BL,EAAAA,gBAAgB,EAAE;AAChBM,IAAAA,SAAS,EAAE,SADK;AAEhBC,IAAAA,UAAU,EAAE,QAFI;AAGhBxF,IAAAA,KAAK,EAAE,MAHS;AAIhByF,IAAAA,QAAQ,EAAExF;AAJM,GADa;AAO/BiF,EAAAA,kBAAkB,EAAE;AAClBQ,IAAAA,IAAI,EAAE,CADY;AAElBxF,IAAAA,MAAM,EAAE,MAFU;AAGlBF,IAAAA,KAAK,EAAE,MAHW;AAIlBuF,IAAAA,SAAS,EAAE,SAJO;AAKlBC,IAAAA,UAAU,EAAE,QALM;AAMlBhC,IAAAA,eAAe,EAAE,MANC,CAMO;;AANP,GAPW;AAe/B2B,EAAAA,eAAe,EAAE;AACfO,IAAAA,IAAI,EAAE,CADS;AAEfxF,IAAAA,MAAM,EAAE,MAFO;AAGfF,IAAAA,KAAK,EAAE,MAHQ;AAIf2F,IAAAA,aAAa,EAAE,KAJA;AAKfH,IAAAA,UAAU,EAAE,QALG;AAMfI,IAAAA,cAAc,EAAE;AAND,GAfc;AAuB/BR,EAAAA,cAAc,EAAE;AACdM,IAAAA,IAAI,EAAE,CADQ;AAEdxF,IAAAA,MAAM,EAAE,MAFM;AAGdF,IAAAA,KAAK,EAAE,MAHO;AAId2F,IAAAA,aAAa,EAAE,KAJD;AAKdH,IAAAA,UAAU,EAAE,QALE;AAMdI,IAAAA,cAAc,EAAE,eANF;AAOdlB,IAAAA,WAAW,EAAE,EAPC;AAQdmB,IAAAA,YAAY,EAAE;AARA,GAvBe;AAiC/BR,EAAAA,oBAAoB,EAAE;AACpBK,IAAAA,IAAI,EAAE;AADc,GAjCS;AAoC/BI,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE,UADD;AAETC,IAAAA,MAAM,EAAE,CAFC;AAGTC,IAAAA,IAAI,EAAE,CAHG;AAITC,IAAAA,KAAK,EAAE,CAJE;AAKTP,IAAAA,aAAa,EAAE,KALN;AAMTC,IAAAA,cAAc,EAAE,QANP;AAOT5F,IAAAA,KAAK,EAAE,MAPE;AAQTyF,IAAAA,QAAQ,EAAExF,WARD;AASTkG,IAAAA,SAAS,EAAEhG;AATF,GApCoB;AA+C/BiG,EAAAA,WAAW,EAAE;AACX5C,IAAAA,eAAe,EAAE,OADN;AAEXmC,IAAAA,aAAa,EAAE,QAFJ;AAGX3F,IAAAA,KAAK,EAAE,MAHI;AAIXyF,IAAAA,QAAQ,EAAExF;AAJC,GA/CkB;AAqD/BoG,EAAAA,SAAS,EAAE;AACTd,IAAAA,SAAS,EAAE;AADF,GArDoB;AAwD/Be,EAAAA,eAAe,EAAE;AACf9C,IAAAA,eAAe,EAAE;AADF,GAxDc;AA2D/B+C,EAAAA,YAAY,EAAE;AACZC,IAAAA,OAAO,EAAE,CADG;AAEZT,IAAAA,QAAQ,EAAE,UAFE;AAGZU,IAAAA,GAAG,EAAE,CAHO;AAIZR,IAAAA,IAAI,EAAE,CAJM;AAKZC,IAAAA,KAAK,EAAE,CALK;AAMZF,IAAAA,MAAM,EAAE,CANI;AAOZhG,IAAAA,KAAK,EAAE,MAPK;AAQZyF,IAAAA,QAAQ,EAAExF,WARE;AASZkG,IAAAA,SAAS,EAAEhG;AATC;AA3DiB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Text,\n  // Platform,\n  ViewStyle,\n  StyleProp,\n  Dimensions,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\n// import { SafeAreaView } from \"react-native-safe-area-context\";\n// import { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n// import Portal from \"../Portal/Portal\";\n// import Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n  extractStyles,\n  extractBorderAndMarginStyles,\n  borderStyleNames,\n  marginStyleNames,\n} from \"../../utilities\";\n// @ts-expect-error\nimport { PickerComponent } from \"./PickerComponent\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport type PickerProps = {\n  error?: any;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  value?: string;\n  options: PickerOption[] | string[];\n  onValueChange: (value: string, index: number) => void;\n  defaultValue?: string;\n  assistiveText?: string;\n  label?: string;\n  iconColor?: string;\n  iconSize?: number;\n  leftIconMode?: \"inset\" | \"outset\";\n  leftIconName?: string;\n  placeholderTextColor?: string;\n  rightIconName?: string;\n  type?: \"solid\" | \"underline\";\n  theme: Theme;\n  Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === (\"string\" || \"number\")) {\n    return (options as string[]).map((option) => ({\n      label: String(option),\n      value: String(option),\n    }));\n  }\n\n  if (\n    isObject(options[0]) &&\n    options[0].value !== null &&\n    options[0].label !== null\n  ) {\n    return (options as PickerOption[]).map((option) => {\n      return {\n        label: String(option.label),\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\n// const isIos = Platform.OS === \"ios\";\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n  error,\n  options = [],\n  onValueChange,\n  defaultValue,\n  Icon,\n  style,\n  placeholder,\n  value,\n  disabled = false,\n  // theme,\n  assistiveText,\n  label,\n  iconColor = unstyledColor,\n  iconSize = 24,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor = unstyledColor,\n  rightIconName,\n  type = \"solid\",\n}) => {\n  const androidPickerRef = React.useRef<any | undefined>(undefined);\n\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  const [pickerVisible, setPickerVisible] = React.useState(false);\n\n  const togglePickerVisible = () => {\n    setPickerVisible(!pickerVisible);\n  };\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  React.useEffect(() => {\n    if (pickerVisible && androidPickerRef.current) {\n      androidPickerRef?.current?.focus();\n    }\n  }, [pickerVisible, androidPickerRef]);\n\n  const normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  // const { colors } = theme;\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const additionalBorderStyles = [\"backgroundColor\"];\n\n  const additionalMarginStyles = [\n    \"bottom\",\n    \"height\",\n    \"left\",\n    \"maxHeight\",\n    \"maxWidth\",\n    \"minHeight\",\n    \"minWidth\",\n    \"overflow\",\n    \"position\",\n    \"right\",\n    \"top\",\n    \"width\",\n    \"zIndex\",\n  ];\n\n  const {\n    borderStyles: extractedBorderStyles,\n    marginStyles: extractedMarginStyles,\n  } = extractBorderAndMarginStyles(\n    viewStyles,\n    additionalBorderStyles,\n    additionalMarginStyles\n  );\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: unstyledColor,\n      borderStyle: \"solid\",\n    },\n    ...extractedBorderStyles,\n    ...(error ? { borderColor: errorColor } : {}),\n    ...(disabled\n      ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n      : {}),\n  };\n\n  const marginStyles = {\n    height: 60,\n    ...extractedMarginStyles,\n  };\n\n  const stylesWithoutBordersAndMargins = omit(viewStyles, [\n    ...borderStyleNames,\n    ...marginStyleNames,\n    ...additionalBorderStyles,\n    ...additionalMarginStyles,\n  ]);\n\n  const selectedLabel =\n    internalValue &&\n    ((pickerOptions as unknown as PickerOption[]).find(\n      (option) => option.value === internalValue\n    )?.label ??\n      internalValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: unstyledColor,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: 4,\n        marginLeft: 4,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: -10,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  const textAlign = textStyles?.textAlign;\n\n  const calculateLeftPadding = () => {\n    if (leftIconOutset) {\n      if (textAlign === \"center\") {\n        return iconSize - Math.abs(8 - iconSize);\n      }\n\n      return iconSize + 8;\n    }\n\n    return 0;\n  };\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width: \"100%\",\n        paddingLeft: calculateLeftPadding(),\n        color: unstyledColor,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: unstyledColor,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n    ...(disabled ? { color: unstyledColor } : {}),\n  };\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    if (!placeholder || itemIndex > 0) {\n      onValueChange?.(newValue, itemIndex);\n    }\n    setInternalValue(newValue);\n  };\n\n  return (\n    /* marginsContainer */\n    <View style={[styles.marginsContainer, marginStyles]}>\n      {/* touchableContainer */}\n      <Touchable\n        disabled={disabled}\n        onPress={togglePickerVisible}\n        style={styles.touchableContainer}\n      >\n        {/* outsetContainer */}\n        <View\n          pointerEvents=\"none\"\n          style={[\n            styles.outsetContainer,\n            stylesWithoutBordersAndMargins,\n            !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n          ]}\n        >\n          {leftIcon}\n\n          {/* insetContainer */}\n          <View\n            style={[\n              styles.insetContainer,\n              leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n            ]}\n          >\n            {/* primaryTextContainer */}\n            <View style={styles.primaryTextContainer}>\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      <View>\n        {pickerVisible ? (\n          <PickerComponent\n            {...{\n              Icon,\n              androidPickerRef,\n              togglePickerVisible,\n              pickerOptions,\n              internalValue,\n              handleValueChange,\n            }}\n          />\n        ) : null}\n      </View>\n\n      {/* iosPicker */}\n      {/* isIos && pickerVisible ? (\n        <Portal>\n          <View\n            style={[\n              styles.iosPicker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\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      ) : null */}\n\n      {/* nonIosPicker */}\n      {/* !isIos && pickerVisible ? (\n        <NativePicker\n          enabled={pickerVisible}\n          selectedValue={internalValue}\n          onValueChange={handleValueChange}\n          style={styles.nonIosPicker}\n          ref={androidPickerRef}\n          onBlur={() => setPickerVisible(false)}\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      ) : null */}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n\nconst styles = StyleSheet.create({\n  marginsContainer: {\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  touchableContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n    backgroundColor: \"pink\", // TODO\n  },\n  outsetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  insetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  primaryTextContainer: {\n    flex: 1,\n  },\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n  iosSafeArea: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  iosButton: {\n    alignSelf: \"flex-end\",\n  },\n  iosNativePicker: {\n    backgroundColor: \"white\",\n  },\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n});\n"]}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import {
+/* StyleSheet, Dimensions, View, */
+Text } from "react-native"; // import { Picker as NativePicker } from "@react-native-picker/picker";
+
+export const PickerComponent = () => {
+  return /*#__PURE__*/React.createElement(Text, null, "android");
+}; // const styles = StyleSheet.create({
+//   nonIosPicker: {
+//     opacity: 0,
+//     position: "absolute",
+//     top: 0,
+//     left: 0,
+//     right: 0,
+//     bottom: 0,
+//     width: "100%",
+//     maxWidth: deviceWidth,
+//     maxHeight: deviceHeight,
+//   },
+// });
+//# sourceMappingURL=PickerComponent.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PickerComponent.android.tsx"],"names":["React","Text","PickerComponent"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA;AAAS;AAAoCC,IAA7C,QAAyD,cAAzD,C,CAEA;;AAiBA,OAAO,MAAMC,eAA+C,GAAG,MAAM;AACnE,sBAAO,oBAAC,IAAD,kBAAP;AACD,CAFM,C,CAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["import * as React from \"react\";\nimport { /* StyleSheet, Dimensions, View, */ Text } from \"react-native\";\n\n// import { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\n// const { 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  return <Text>android</Text>;\n};\n\n// const styles = StyleSheet.create({\n//   nonIosPicker: {\n//     opacity: 0,\n//     position: \"absolute\",\n//     top: 0,\n//     left: 0,\n//     right: 0,\n//     bottom: 0,\n//     width: \"100%\",\n//     maxWidth: deviceWidth,\n//     maxHeight: deviceHeight,\n//   },\n// });\n"]}

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

@@ -0,0 +1,231 @@
+import * as React from "react";
+import { View,
+/* StyleSheet, */
+Text, Platform } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { omit, pick, pickBy, identity } from "lodash";
+import { Picker as NativePicker } from "@react-native-picker/picker";
+import { withTheme } from "../../theming";
+import Portal from "../Portal/Portal";
+import Button from "../DeprecatedButton";
+import Touchable from "../Touchable";
+import { extractStyles } from "../../utilities";
+
+const Picker = _ref => {
+  var _find$label, _find, _stylesWithoutBorders;
+
+  let {
+    Icon,
+    style,
+    options = [],
+    placeholder = "",
+    value: selectedValue = "",
+    disabled = false,
+    onValueChange = () => {},
+    theme,
+    assistiveText,
+    label,
+    leftIconMode = "inset",
+    leftIconName,
+    placeholderTextColor,
+    rightIconName,
+    type
+  } = _ref;
+  const [pickerVisible, setIsPickerVisible] = React.useState(false);
+  const {
+    viewStyles,
+    textStyles
+  } = extractStyles(style);
+  const {
+    colors
+  } = theme;
+  console.log({// viewStyles,
+    // textStyles,
+    // options,
+    // placeholder,
+    // selectedValue,
+    // theme,
+    // disabled,
+    // onValueChange,
+    // colors,
+    // assistiveText,
+    // label,
+    // leftIconMode,
+    // leftIconName,
+    // placeholderTextColor,
+    // rightIconName,
+    // type,
+  });
+  const borders = ["borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderColor", "borderStyle"];
+  const borderStyles = { ...{ ...(type === "solid" ? {
+        borderTopLeftRadius: 5,
+        borderTopRightRadius: 5,
+        borderBottomRightRadius: 5,
+        borderBottomLeftRadius: 5,
+        borderTopWidth: 1,
+        borderRightWidth: 1,
+        borderLeftWidth: 1
+      } : {}),
+      borderBottomWidth: 1,
+      borderColor: colors.light,
+      borderStyle: "solid"
+    },
+    ...pick(viewStyles, borders)
+  };
+  const margins = ["marginLeft", "marginRight", "marginTop", "marginBottom"];
+  const marginStyles = pick(viewStyles, margins);
+  const stylesWithoutBordersAndMargins = { ...{
+      height: 60,
+      width: "100%"
+    },
+    ...omit(viewStyles, [...borders, ...margins])
+  };
+  const selectedLabel = selectedValue && ((_find$label = (_find = options.find(o => o.value === selectedValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : selectedValue);
+  const labelText = label ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      textAlign: textStyles.textAlign,
+      color: colors.light,
+      fontSize: 12,
+      paddingBottom: 4
+    }
+  }, label) : null;
+  const leftIconOutset = leftIconMode === "outset";
+  const leftIcon = leftIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: leftIconName,
+    size: 24,
+    style: {
+      marginRight: 8,
+      marginLeft: -6
+    }
+  }) : null;
+  const rightIcon = rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: rightIconName,
+    size: 24,
+    style: {
+      marginRight: -6,
+      marginLeft: 8
+    }
+  }) : null; // @ts-ignore
+
+  const width = (_stylesWithoutBorders = stylesWithoutBordersAndMargins === null || stylesWithoutBordersAndMargins === void 0 ? void 0 : stylesWithoutBordersAndMargins.width) !== null && _stylesWithoutBorders !== void 0 ? _stylesWithoutBorders : undefined;
+  const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
+  const paddingLeft = leftIconOutset && (!textAlign || textAlign === "left" || textAlign === "justify") ? 28 // icon size + 4
+  : 0;
+  const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      textAlign,
+      width,
+      paddingLeft,
+      color: colors.light,
+      fontSize: 12,
+      paddingTop: 4
+    }
+  }, assistiveText) : null;
+  const primaryTextStyle = {
+    color: colors.light,
+    fontSize: 14,
+    ...pickBy(textStyles, identity),
+    ...(placeholder === selectedValue ? {
+      color: placeholderTextColor !== null && placeholderTextColor !== void 0 ? placeholderTextColor : colors.light
+    } : {})
+  };
+
+  const toggleVisibility = () => setIsPickerVisible(!pickerVisible);
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      alignSelf: "stretch"
+    }, marginStyles]
+  }, /*#__PURE__*/React.createElement(Touchable, {
+    disabled: disabled,
+    onPress: toggleVisibility,
+    style: {
+      alignSelf: "stretch",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none",
+    style: [{
+      //alignSelf: "stretch",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }, stylesWithoutBordersAndMargins, // @ts-ignore
+    !leftIconOutset && borderStyles]
+  }, leftIcon, /*#__PURE__*/React.createElement(View, {
+    style: [{
+      flex: 1,
+      height: "100%",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      paddingLeft: 12,
+      paddingRight: 12
+    }, // @ts-ignore
+    leftIconOutset && borderStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1 // paddingTop: 0,
+      // paddingRight: 0, // add inner text paddding settings
+      // paddingLeft: 0,
+      // paddingBottom: 0,
+
+    }
+  }, labelText, /*#__PURE__*/React.createElement(Text, {
+    style: primaryTextStyle
+  }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), Platform.OS === "ios" && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      flexDirection: "row",
+      justifyContent: "center",
+      backgroundColor: colors.divider
+    }
+  }, /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      backgroundColor: "white",
+      flexDirection: "column",
+      width: "100%"
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    Icon: Icon,
+    type: "text",
+    onPress: toggleVisibility,
+    style: {
+      alignSelf: "flex-end"
+    }
+  }, "Close"), /*#__PURE__*/React.createElement(NativePicker, {
+    style: {
+      backgroundColor: "white"
+    },
+    selectedValue: selectedValue,
+    onValueChange: onValueChange
+  }, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  })))))) : /*#__PURE__*/React.createElement(NativePicker, {
+    enabled: pickerVisible,
+    selectedValue: selectedValue,
+    onValueChange: onValueChange,
+    style: {
+      opacity: 0,
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: "100%"
+    }
+  }, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  }))));
+};
+
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.js.mapt withTheme(Picker);
+//# sourceMappingURL=PickerComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PickerComponent.tsx"],"names":["React","View","Text","Platform","SafeAreaView","omit","pick","pickBy","identity","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","Icon","style","options","placeholder","value","selectedValue","disabled","onValueChange","theme","assistiveText","label","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","pickerVisible","setIsPickerVisible","useState","viewStyles","textStyles","colors","console","log","borders","borderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","light","borderStyle","margins","marginStyles","stylesWithoutBordersAndMargins","height","width","selectedLabel","find","o","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","undefined","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","toggleVisibility","alignSelf","alignItems","flexDirection","justifyContent","flex","paddingRight","String","OS","position","bottom","left","right","backgroundColor","divider","map","opacity","top"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, /* StyleSheet, */ Text, Platform } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { omit, pick, pickBy, identity } from \"lodash\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport { PickerProps, PickerOption } from \"./Picker\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\nconst Picker: React.FC<PickerProps & IconSlot & Theme> = ({\n  Icon,\n  style,\n  options = [],\n  placeholder = \"\",\n  value: selectedValue = \"\",\n  disabled = false,\n  onValueChange = () => {},\n  theme,\n  assistiveText,\n  label,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor,\n  rightIconName,\n  type,\n}) => {\n  const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const { colors } = theme;\n\n  console.log({\n    // viewStyles,\n    // textStyles,\n    // options,\n    // placeholder,\n    // selectedValue,\n    // theme,\n    // disabled,\n    // onValueChange,\n    // colors,\n    // assistiveText,\n    // label,\n    // leftIconMode,\n    // leftIconName,\n    // placeholderTextColor,\n    // rightIconName,\n    // type,\n  });\n\n  const borders = [\n    \"borderRadius\",\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomRightRadius\",\n    \"borderBottomLeftRadius\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"borderColor\",\n    \"borderStyle\",\n  ];\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: colors.light,\n      borderStyle: \"solid\",\n    },\n    ...pick(viewStyles, borders),\n  };\n\n  const margins = [\"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\"];\n\n  const marginStyles = pick(viewStyles, margins);\n\n  const stylesWithoutBordersAndMargins = {\n    ...{\n      height: 60,\n      width: \"100%\",\n    },\n    ...omit(viewStyles, [...borders, ...margins]),\n  };\n\n  const selectedLabel =\n    selectedValue &&\n    ((options as unknown as PickerOption[]).find(\n      (o) => o.value === selectedValue\n    )?.label ??\n      selectedValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: colors.light,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      size={24}\n      style={{\n        marginRight: 8,\n        marginLeft: -6,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      size={24}\n      style={{\n        marginRight: -6,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  // @ts-ignore\n  const width = stylesWithoutBordersAndMargins?.width ?? undefined;\n\n  const textAlign = textStyles?.textAlign;\n\n  const paddingLeft =\n    leftIconOutset &&\n    (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n      ? 28 // icon size + 4\n      : 0;\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width,\n        paddingLeft,\n        color: colors.light,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: colors.light,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === selectedValue\n      ? { color: placeholderTextColor ?? colors.light }\n      : {}),\n  };\n\n  const toggleVisibility = () => setIsPickerVisible(!pickerVisible);\n\n  return (\n    <View\n      style={[\n        {\n          alignSelf: \"stretch\",\n        },\n        marginStyles,\n      ]}\n    >\n      <Touchable\n        disabled={disabled}\n        onPress={toggleVisibility}\n        style={{ alignSelf: \"stretch\", alignItems: \"center\" }}\n      >\n        <View\n          pointerEvents=\"none\"\n          style={[\n            {\n              //alignSelf: \"stretch\",\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n            },\n            stylesWithoutBordersAndMargins,\n            // @ts-ignore\n            !leftIconOutset && borderStyles,\n          ]}\n        >\n          {leftIcon}\n\n          <View\n            style={[\n              {\n                flex: 1,\n                height: \"100%\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                paddingLeft: 12,\n                paddingRight: 12,\n              },\n              // @ts-ignore\n              leftIconOutset && borderStyles,\n            ]}\n          >\n            <View\n              style={{\n                flex: 1,\n                // paddingTop: 0,\n                // paddingRight: 0, // add inner text paddding settings\n                // paddingLeft: 0,\n                // paddingBottom: 0,\n              }}\n            >\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      {Platform.OS === \"ios\" && pickerVisible ? (\n        <Portal>\n          <View\n            style={{\n              position: \"absolute\",\n              bottom: 0,\n              left: 0,\n              right: 0,\n              flexDirection: \"row\",\n              justifyContent: \"center\",\n              backgroundColor: colors.divider,\n            }}\n          >\n            <SafeAreaView\n              style={{\n                backgroundColor: \"white\",\n                flexDirection: \"column\",\n                width: \"100%\",\n              }}\n            >\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={toggleVisibility}\n                style={{ alignSelf: \"flex-end\" }}\n              >\n                {\"Close\"}\n              </Button>\n\n              <NativePicker\n                style={{ backgroundColor: \"white\" }}\n                selectedValue={selectedValue}\n                onValueChange={onValueChange}\n              >\n                {(options as unknown as PickerOption[]).map((o) => (\n                  <NativePicker.Item\n                    label={o.label}\n                    value={o.value}\n                    key={o.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      ) : (\n        <NativePicker\n          enabled={pickerVisible}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {(options as unknown as PickerOption[]).map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n      )}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n"]}

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import {
+/* StyleSheet, Dimensions,  */
+Text } from "react-native"; // import { Picker as NativePicker } from "@react-native-picker/picker";
+
+export const PickerComponent = () => {
+  return /*#__PURE__*/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,
+//   },
+// });
+//# sourceMappingURL=PickerComponent.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PickerComponent.web.tsx"],"names":["React","Text","PickerComponent"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA;AAAS;AAA+BC,IAAxC,QAAoD,cAApD,C,CAEA;;AAiBA,OAAO,MAAMC,eAA+C,GAAG,MAAM;AACnE,sBAAO,oBAAC,IAAD,cAAP;AACD,CAFM,C,CAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["import * as React from \"react\";\nimport { /* StyleSheet, Dimensions,  */ Text } from \"react-native\";\n\n// import { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport { PickerOption } from \"./Picker\";\n\n// const { 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  return <Text>web</Text>;\n};\n\n// const styles = StyleSheet.create({\n//   nonIosPicker: {\n//     opacity: 0,\n//     position: \"absolute\",\n//     top: 0,\n//     left: 0,\n//     right: 0,\n//     bottom: 0,\n//     width: \"100%\",\n//     maxWidth: deviceWidth,\n//     maxHeight: deviceHeight,\n//   },\n// });\n"]}