@draftbit/core 46.0.0 → 46.0.1-caeae2.1

package/lib/commonjs/components/HeaderMedium.js.map

@@ -1 +1 @@
-{"version":3,"names":["HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong","withTheme"],"sources":["HeaderMedium.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<Props> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderMedium);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAYA,MAAMA,YAA6B,GAAG,QAQhC;EAAA,IARiC;IACrCC,IADqC;IAErCC,KAFqC;IAGrCC,UAHqC;IAIrCC,IAJqC;IAKrCC,OAAO,GAAG,MAAM,CAAE,CALmB;IAMrCC,KANqC;IAOrCC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAP8B,CAQjC;EACJ,oBACE,oBAAC,eAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,SAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,MAHrB;IAIE,KAAK,EAAET,KAJT;IAKE,UAAU,EAAEC,UALd;IAME,IAAI,EAAEC,IANR;IAOE,OAAO,EAAEC,OAPX;IAQE,KAAK,EAAEC;EART,EADF;AAYD,CArBD;;eAuBe,IAAAM,kBAAA,EAAUZ,YAAV,C"}
+{"version":3,"names":["HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong","withTheme"],"sources":["HeaderMedium.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderMedium);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAYA,MAAMA,YAAsD,GAAG,QAQzD;EAAA,IAR0D;IAC9DC,IAD8D;IAE9DC,KAF8D;IAG9DC,UAH8D;IAI9DC,IAJ8D;IAK9DC,OAAO,GAAG,MAAM,CAAE,CAL4C;IAM9DC,KAN8D;IAO9DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPuD,CAQ1D;EACJ,oBACE,oBAAC,eAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,SAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,MAHrB;IAIE,KAAK,EAAET,KAJT;IAKE,UAAU,EAAEC,UALd;IAME,IAAI,EAAEC,IANR;IAOE,OAAO,EAAEC,OAPX;IAQE,KAAK,EAAEC;EART,EADF;AAYD,CArBD;;eAuBe,IAAAM,kBAAA,EAAUZ,YAAV,C"}

package/lib/commonjs/components/HeaderOverline.js.map

@@ -1 +1 @@
-{"version":3,"names":["HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase","withTheme"],"sources":["HeaderOverline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderOverline: React.FC<Props> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.overline}\n      titleColor={colors.light}\n      title={title && title.toUpperCase()}\n      buttonText={buttonText}\n      icon={icon}\n      dividerTopMargin={12}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderOverline);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAYA,MAAMA,cAA+B,GAAG,QAQlC;EAAA,IARmC;IACvCC,IADuC;IAEvCC,KAFuC;IAGvCC,UAHuC;IAIvCC,IAJuC;IAKvCC,OAAO,GAAG,MAAM,CAAE,CALqB;IAMvCC,KANuC;IAOvCC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPgC,CAQnC;EACJ,oBACE,oBAAC,eAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,QAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,KAHrB;IAIE,KAAK,EAAET,KAAK,IAAIA,KAAK,CAACU,WAAN,EAJlB;IAKE,UAAU,EAAET,UALd;IAME,IAAI,EAAEC,IANR;IAOE,gBAAgB,EAAE,EAPpB;IAQE,OAAO,EAAEC,OARX;IASE,KAAK,EAAEC;EATT,EADF;AAaD,CAtBD;;eAwBe,IAAAO,kBAAA,EAAUb,cAAV,C"}
+{"version":3,"names":["HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase","withTheme"],"sources":["HeaderOverline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderOverline: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.overline}\n      titleColor={colors.light}\n      title={title && title.toUpperCase()}\n      buttonText={buttonText}\n      icon={icon}\n      dividerTopMargin={12}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderOverline);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAYA,MAAMA,cAAwD,GAAG,QAQ3D;EAAA,IAR4D;IAChEC,IADgE;IAEhEC,KAFgE;IAGhEC,UAHgE;IAIhEC,IAJgE;IAKhEC,OAAO,GAAG,MAAM,CAAE,CAL8C;IAMhEC,KANgE;IAOhEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPyD,CAQ5D;EACJ,oBACE,oBAAC,eAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,QAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,KAHrB;IAIE,KAAK,EAAET,KAAK,IAAIA,KAAK,CAACU,WAAN,EAJlB;IAKE,UAAU,EAAET,UALd;IAME,IAAI,EAAEC,IANR;IAOE,gBAAgB,EAAE,EAPpB;IAQE,OAAO,EAAEC,OARX;IASE,KAAK,EAAEC;EATT,EADF;AAaD,CAtBD;;eAwBe,IAAAO,kBAAA,EAAUb,cAAV,C"}

package/lib/commonjs/components/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","StyleSheet","create","Platform","select","web","cursor","userSelect","withTheme"],"sources":["IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon?: string;\n  color?: string;\n  size?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst IconButton: React.FC<Props> = ({\n  Icon,\n  icon,\n  color: customColor,\n  size = 32,\n  disabled = false,\n  loading = false,\n  onPress,\n  theme,\n  style,\n  ...props\n}) => {\n  const iconColor = customColor || theme.colors.primary;\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.container,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n            width: size,\n            height: size,\n            alignItems: \"center\",\n            justifyContent: \"center\",\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      <View>\n        {icon && !loading ? (\n          <Icon name={icon} size={size - 2} color={iconColor} />\n        ) : null}\n        {loading ? <ActivityIndicator size=\"small\" color={iconColor} /> : null}\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(IconButton);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAgBA,MAAMA,UAA2B,GAAG,QAW9B;EAAA,IAX+B;IACnCC,IADmC;IAEnCC,IAFmC;IAGnCC,KAAK,EAAEC,WAH4B;IAInCC,IAAI,GAAG,EAJ4B;IAKnCC,QAAQ,GAAG,KALwB;IAMnCC,OAAO,GAAG,KANyB;IAOnCC,OAPmC;IAQnCC,KARmC;IASnCC,KATmC;IAUnC,GAAGC;EAVgC,CAW/B;EACJ,MAAMC,SAAS,GAAGR,WAAW,IAAIK,KAAK,CAACI,MAAN,CAAaC,OAA9C;EAEA,oBACE,oBAAC,sBAAD;IACE,OAAO,EAAEN,OADX;IAEE,QAAQ,EAAEF,QAAQ,IAAIC,OAFxB;IAGE,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAF,CAAgB;MACtB,OAAO,CACLC,MAAM,CAACC,SADF,EAEL;QACEC,OAAO,EAAEH,OAAO,IAAIT,QAAX,GAAsB,IAAtB,GAA6B,CADxC;QAEEa,KAAK,EAAEd,IAFT;QAGEe,MAAM,EAAEf,IAHV;QAIEgB,UAAU,EAAE,QAJd;QAKEC,cAAc,EAAE;MALlB,CAFK,EASLZ,KATK,CAAP;IAWD;EAfH,GAgBMC,KAhBN,gBAkBE,oBAAC,iBAAD,QACGT,IAAI,IAAI,CAACK,OAAT,gBACC,oBAAC,IAAD;IAAM,IAAI,EAAEL,IAAZ;IAAkB,IAAI,EAAEG,IAAI,GAAG,CAA/B;IAAkC,KAAK,EAAEO;EAAzC,EADD,GAEG,IAHN,EAIGL,OAAO,gBAAG,oBAAC,8BAAD;IAAmB,IAAI,EAAC,OAAxB;IAAgC,KAAK,EAAEK;EAAvC,EAAH,GAA0D,IAJpE,CAlBF,CADF;AA2BD,CAzCD;;AA2CA,MAAMI,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTI,UAAU,EAAE,QADH;IAETC,cAAc,EAAE,QAFP;IAGT,GAAGG,qBAAA,CAASC,MAAT,CAAgB;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SADL;QAEHC,UAAU,EAAE;MAFT;IADY,CAAhB;EAHM;AADoB,CAAlB,CAAf;;eAae,IAAAC,kBAAA,EAAU9B,UAAV,C"}
+{"version":3,"names":["IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","StyleSheet","create","Platform","select","web","cursor","userSelect","withTheme"],"sources":["IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon?: string;\n  color?: string;\n  size?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst IconButton: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  color: customColor,\n  size = 32,\n  disabled = false,\n  loading = false,\n  onPress,\n  theme,\n  style,\n  ...props\n}) => {\n  const iconColor = customColor || theme.colors.primary;\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.container,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n            width: size,\n            height: size,\n            alignItems: \"center\",\n            justifyContent: \"center\",\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      <View>\n        {icon && !loading ? (\n          <Icon name={icon} size={size - 2} color={iconColor} />\n        ) : null}\n        {loading ? <ActivityIndicator size=\"small\" color={iconColor} /> : null}\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(IconButton);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAgBA,MAAMA,UAAoD,GAAG,QAWvD;EAAA,IAXwD;IAC5DC,IAD4D;IAE5DC,IAF4D;IAG5DC,KAAK,EAAEC,WAHqD;IAI5DC,IAAI,GAAG,EAJqD;IAK5DC,QAAQ,GAAG,KALiD;IAM5DC,OAAO,GAAG,KANkD;IAO5DC,OAP4D;IAQ5DC,KAR4D;IAS5DC,KAT4D;IAU5D,GAAGC;EAVyD,CAWxD;EACJ,MAAMC,SAAS,GAAGR,WAAW,IAAIK,KAAK,CAACI,MAAN,CAAaC,OAA9C;EAEA,oBACE,oBAAC,sBAAD;IACE,OAAO,EAAEN,OADX;IAEE,QAAQ,EAAEF,QAAQ,IAAIC,OAFxB;IAGE,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAF,CAAgB;MACtB,OAAO,CACLC,MAAM,CAACC,SADF,EAEL;QACEC,OAAO,EAAEH,OAAO,IAAIT,QAAX,GAAsB,IAAtB,GAA6B,CADxC;QAEEa,KAAK,EAAEd,IAFT;QAGEe,MAAM,EAAEf,IAHV;QAIEgB,UAAU,EAAE,QAJd;QAKEC,cAAc,EAAE;MALlB,CAFK,EASLZ,KATK,CAAP;IAWD;EAfH,GAgBMC,KAhBN,gBAkBE,oBAAC,iBAAD,QACGT,IAAI,IAAI,CAACK,OAAT,gBACC,oBAAC,IAAD;IAAM,IAAI,EAAEL,IAAZ;IAAkB,IAAI,EAAEG,IAAI,GAAG,CAA/B;IAAkC,KAAK,EAAEO;EAAzC,EADD,GAEG,IAHN,EAIGL,OAAO,gBAAG,oBAAC,8BAAD;IAAmB,IAAI,EAAC,OAAxB;IAAgC,KAAK,EAAEK;EAAvC,EAAH,GAA0D,IAJpE,CAlBF,CADF;AA2BD,CAzCD;;AA2CA,MAAMI,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTI,UAAU,EAAE,QADH;IAETC,cAAc,EAAE,QAFP;IAGT,GAAGG,qBAAA,CAASC,MAAT,CAAgB;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SADL;QAEHC,UAAU,EAAE;MAFT;IADY,CAAhB;EAHM;AADoB,CAAlB,CAAf;;eAae,IAAAC,kBAAA,EAAU9B,UAAV,C"}

package/lib/commonjs/components/Justification.js

@@ -1,2 +1,5 @@
 "use strict";
+//# sourceMappingURL=Justification.js.maple", {
+  value: true
+});
 //# sourceMappingURL=Justification.js.map

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

@@ -66,7 +66,7 @@ const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
 
 const Picker = _ref => {
-  var _find$label, _find;
+  var _find;
 
   let {
     error,
@@ -159,7 +159,7 @@ const Picker = _ref => {
     ...extractedMarginStyles
   };
   const stylesWithoutBordersAndMargins = (0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
+  const selectedLabel = internalValue && (((_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) ?? internalValue);
   const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: {
       textAlign: textStyles.textAlign,
@@ -250,7 +250,7 @@ const Picker = _ref => {
       style: styles.primaryTextContainer
     }, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
       style: primaryTextStyle
-    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    }, String(selectedLabel ?? placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
       style: [styles.iosPicker, {
         backgroundColor: colors.divider
       }]

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeOptions","options","length","map","option","label","String","value","isObject","Error","width","deviceWidth","height","deviceHeight","Dimensions","get","isIos","Platform","OS","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","React","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","extractStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","extractBorderAndMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","omit","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","pickBy","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","withTheme","StyleSheet","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"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"],"mappings":"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"}
+{"version":3,"names":["normalizeOptions","options","length","map","option","label","String","value","isObject","Error","width","deviceWidth","height","deviceHeight","Dimensions","get","isIos","Platform","OS","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","React","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","extractStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","extractBorderAndMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","omit","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","pickBy","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","withTheme","StyleSheet","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"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"],"mappings":"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"}

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

@@ -30,7 +30,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Picker = _ref => {
-  var _options$find$label, _options$find;
+  var _options$find;
 
   let {
     style,
@@ -87,7 +87,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,

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

@@ -1 +1 @@
-{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.android.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\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.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}
+{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.android.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\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.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

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

@@ -36,7 +36,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Picker = _ref => {
-  var _options$find$label, _options$find;
+  var _options$find;
 
   let {
     Icon,
@@ -92,7 +92,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, viewStyles]
   }, /*#__PURE__*/React.createElement(_Touchable.default, {

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

@@ -1 +1 @@
-{"version":3,"names":["Picker","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width","withTheme"],"sources":["PickerComponent.ios.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n  Icon,\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange = () => {},\n  theme: { colors },\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n  const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n  const toggleVisibility = () => {\n    setIsPickerVisible(!pickerVisible);\n    // @ts-ignore\n    textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <View style={[styles.container, viewStyles]}>\n      <Touchable disabled={disabled} onPress={toggleVisibility}>\n        <TextField\n          {...props}\n          value={String(selectedLabel)}\n          placeholder={placeholder}\n          // @ts-ignore\n          ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n          disabled={disabled}\n          pointerEvents=\"none\"\n          // @ts-expect-error\n          style={stylesWithoutMargin}\n          Icon={Icon}\n        />\n      </Touchable>\n      {pickerVisible && (\n        <Portal>\n          <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n            <SafeAreaView style={styles.pickerContainer}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={toggleVisibility}\n                style={styles.closeButton}\n              >\n                Close\n              </Button>\n              <NativePicker\n                style={{ backgroundColor: \"white\" }}\n                selectedValue={selectedValue}\n                onValueChange={onValueChange}\n              >\n                {options.map((o: any) => (\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    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  picker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  pickerContainer: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n  },\n  closeButton: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}
+{"version":3,"names":["Picker","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width","withTheme"],"sources":["PickerComponent.ios.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n  Icon,\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange = () => {},\n  theme: { colors },\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n  const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n  const toggleVisibility = () => {\n    setIsPickerVisible(!pickerVisible);\n    // @ts-ignore\n    textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <View style={[styles.container, viewStyles]}>\n      <Touchable disabled={disabled} onPress={toggleVisibility}>\n        <TextField\n          {...props}\n          value={String(selectedLabel)}\n          placeholder={placeholder}\n          // @ts-ignore\n          ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n          disabled={disabled}\n          pointerEvents=\"none\"\n          // @ts-expect-error\n          style={stylesWithoutMargin}\n          Icon={Icon}\n        />\n      </Touchable>\n      {pickerVisible && (\n        <Portal>\n          <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n            <SafeAreaView style={styles.pickerContainer}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={toggleVisibility}\n                style={styles.closeButton}\n              >\n                Close\n              </Button>\n              <NativePicker\n                style={{ backgroundColor: \"white\" }}\n                selectedValue={selectedValue}\n                onValueChange={onValueChange}\n              >\n                {options.map((o: any) => (\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    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  picker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  pickerContainer: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n  },\n  closeButton: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAGA,MAAMA,MAAiD,GAAG,QAUpD;EAAA;;EAAA,IAVqD;IACzDC,IADyD;IAEzDC,KAFyD;IAGzDC,OAHyD;IAIzDC,WAJyD;IAKzDC,aALyD;IAMzDC,QAAQ,GAAG,KAN8C;IAOzDC,aAAa,GAAG,MAAM,CAAE,CAPiC;IAQzDC,KAAK,EAAE;MAAEC;IAAF,CARkD;IASzD,GAAGC;EATsD,CAUrD;EACJ,MAAM;IACJC,UAAU,EAAE;MACVC,YADU;MACI;MACdC,WAFU;MAEG;MACbC,cAHU;MAGM;MAChBC,gBAJU;MAIQ;MAClBC,iBALU;MAKS;MACnBC,eANU;MAMO;MACjBC,WAPU;MAOG;MACbC,eARU;MAQO;MACjBC,OATU;MASD;MACTC,UAVU;MAUE;MACZC,YAXU;MAWI;MACdC,aAZU;MAYK;MACfC,WAbU;MAaG;MACb,GAAGb;IAdO;EADR,IAiBF,IAAAc,wBAAA,EAAcvB,KAAd,CAjBJ;EAmBA,MAAMwB,SAAS,GAAGC,KAAK,CAACC,MAAN,CAA2CC,SAA3C,CAAlB;EACA,MAAM,CAACC,aAAD,EAAgBC,kBAAhB,IAAsCJ,KAAK,CAACK,QAAN,CAAe,KAAf,CAA5C;;EAEA,MAAMC,gBAAgB,GAAG,MAAM;IAC7BF,kBAAkB,CAAC,CAACD,aAAF,CAAlB,CAD6B,CAE7B;;IACAJ,SAAS,CAACQ,OAAV,CAAkBC,WAAlB,GAH6B,CAGI;EAClC,CAJD;;EAMA,MAAMC,mBAAmB,GACvBlC,KAAK,IACL,IAAAmC,eAAA,EAAKC,uBAAA,CAAWC,OAAX,CAAmBrC,KAAnB,CAAL,EAAgC,CAC9B,QAD8B,EAE9B,WAF8B,EAG9B,aAH8B,EAI9B,cAJ8B,EAK9B,YAL8B,CAAhC,CAFF;EAUA,MAAMsC,aAAa,GACjBnC,aAAa,KACZ,kBAAAF,OAAO,CAACsC,IAAR,CAAcC,CAAD,IAAOA,CAAC,CAACC,KAAF,KAAYtC,aAAhC,iEAAgDuC,KAAhD,KAAyDvC,aAD7C,CADf;EAIA,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACwC,MAAM,CAACC,SAAR,EAAmBnC,UAAnB;EAAb,gBACE,oBAAC,kBAAD;IAAW,QAAQ,EAAEL,QAArB;IAA+B,OAAO,EAAE2B;EAAxC,gBACE,oBAAC,kBAAD,eACMvB,KADN;IAEE,KAAK,EAAEqC,MAAM,CAACP,aAAD,CAFf;IAGE,WAAW,EAAEpC,WAHf,CAIE;IAJF;IAKE,GAAG,EAAEsB,SALP,CAKkB;IALlB;IAME,QAAQ,EAAEpB,QANZ;IAOE,aAAa,EAAC,MAPhB,CAQE;IARF;IASE,KAAK,EAAE8B,mBATT;IAUE,IAAI,EAAEnC;EAVR,GADF,CADF,EAeG6B,aAAa,iBACZ,oBAAC,eAAD,qBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACe,MAAM,CAACG,MAAR,EAAgB;MAAE7B,eAAe,EAAEV,MAAM,CAACwC;IAA1B,CAAhB;EAAb,gBACE,oBAAC,wCAAD;IAAc,KAAK,EAAEJ,MAAM,CAACK;EAA5B,gBACE,oBAAC,yBAAD;IACE,IAAI,EAAEjD,IADR;IAEE,IAAI,EAAC,MAFP;IAGE,OAAO,EAAEgC,gBAHX;IAIE,KAAK,EAAEY,MAAM,CAACM;EAJhB,WADF,eASE,oBAAC,cAAD;IACE,KAAK,EAAE;MAAEhC,eAAe,EAAE;IAAnB,CADT;IAEE,aAAa,EAAEd,aAFjB;IAGE,aAAa,EAAEE;EAHjB,GAKGJ,OAAO,CAACiD,GAAR,CAAaV,CAAD,iBACX,oBAAC,cAAD,CAAc,IAAd;IACE,KAAK,EAAEA,CAAC,CAACE,KADX;IAEE,KAAK,EAAEF,CAAC,CAACC,KAFX;IAGE,GAAG,EAAED,CAAC,CAACC;EAHT,EADD,CALH,CATF,CADF,CADF,CAhBJ,CADF;AA+CD,CApGD;;AAsGA,MAAME,MAAM,GAAGP,uBAAA,CAAWe,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTQ,SAAS,EAAE;EADF,CADoB;EAI/BN,MAAM,EAAE;IACNO,QAAQ,EAAE,UADJ;IAENC,MAAM,EAAE,CAFF;IAGNC,IAAI,EAAE,CAHA;IAINC,KAAK,EAAE,CAJD;IAKNC,aAAa,EAAE,KALT;IAMNC,cAAc,EAAE;EANV,CAJuB;EAY/BV,eAAe,EAAE;IACf/B,eAAe,EAAE,OADF;IAEfwC,aAAa,EAAE,QAFA;IAGfE,KAAK,EAAE;EAHQ,CAZc;EAiB/BV,WAAW,EAAE;IACXG,SAAS,EAAE;EADA;AAjBkB,CAAlB,CAAf;;eAsBe,IAAAQ,kBAAA,EAAU9D,MAAV,C"}

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

@@ -30,7 +30,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Picker = _ref => {
-  var _options$find$label, _options$find;
+  var _options$find;
 
   let {
     style,
@@ -87,7 +87,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && (((_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) ?? selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,

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

@@ -1 +1 @@
-{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","flex","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.web.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            flex: 1,\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.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}
+{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","flex","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.web.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            flex: 1,\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.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/commonjs/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"names":["Portal","React","Component","render","children","theme","props","manager","PortalHost","withTheme"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  /**\n   * Content of the `Portal`.\n   */\n  children: React.ReactNode;\n  /**\n   * @optional\n   */\n  theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n *   render() {\n *     return (\n *       <Portal>\n *         <Text>This is rendered at a different place</Text>\n *       </Portal>\n *     );\n *   }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n  // @component ./PortalHost.tsx\n  static Host = PortalHost;\n\n  render() {\n    const { children, theme } = this.props;\n\n    return (\n      <PortalContext.Consumer>\n        {(manager) => (\n          <PortalConsumer manager={manager as PortalMethods}>\n            <ThemeProvider theme={theme}>{children}</ThemeProvider>\n          </PortalConsumer>\n        )}\n      </PortalContext.Consumer>\n    );\n  }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,MAAN,SAAqBC,KAAK,CAACC,SAA3B,CAA4C;EAC1C;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAF;MAAYC;IAAZ,IAAsB,KAAKC,KAAjC;IAEA,oBACE,oBAAC,yBAAD,CAAe,QAAf,QACIC,OAAD,iBACC,oBAAC,uBAAD;MAAgB,OAAO,EAAEA;IAAzB,gBACE,oBAAC,sBAAD;MAAe,KAAK,EAAEF;IAAtB,GAA8BD,QAA9B,CADF,CAFJ,CADF;EASD;;AAhByC;;gBAAtCJ,M,UAEUQ,mB;;eAiBD,IAAAC,kBAAA,EAAUT,MAAV,C"}
+{"version":3,"names":["Portal","React","Component","render","children","theme","props","manager","PortalHost","withTheme"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  /**\n   * Content of the `Portal`.\n   */\n  children: React.ReactNode;\n  /**\n   * @optional\n   */\n  theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n *   render() {\n *     return (\n *       <Portal>\n *         <Text>This is rendered at a different place</Text>\n *       </Portal>\n *     );\n *   }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n  // @component ./PortalHost.tsx\n  static Host = PortalHost;\n\n  render() {\n    const { children, theme } = this.props;\n\n    return (\n      <PortalContext.Consumer>\n        {(manager) => (\n          <PortalConsumer manager={manager as PortalMethods}>\n            {/* @ts-ignore */}\n            <ThemeProvider theme={theme}>{children}</ThemeProvider>\n          </PortalConsumer>\n        )}\n      </PortalContext.Consumer>\n    );\n  }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,MAAN,SAAqBC,KAAK,CAACC,SAA3B,CAA4C;EAC1C;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAF;MAAYC;IAAZ,IAAsB,KAAKC,KAAjC;IAEA,oBACE,oBAAC,yBAAD,CAAe,QAAf,QACIC,OAAD,iBACC,oBAAC,uBAAD;MAAgB,OAAO,EAAEA;IAAzB,gBAEE,oBAAC,sBAAD;MAAe,KAAK,EAAEF;IAAtB,GAA8BD,QAA9B,CAFF,CAFJ,CADF;EAUD;;AAjByC;;gBAAtCJ,M,UAEUQ,mB;;eAkBD,IAAAC,kBAAA,EAAUT,MAAV,C"}

package/lib/commonjs/components/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize","withTheme"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  progress?: number;\n  style?: StyleProp<ViewStyle>;\n  color?: colorTypes;\n  size?: number;\n  showsText?: boolean;\n  unfilledColor?: colorTypes;\n  strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n  textStyle?: StyleProp<TextStyle>;\n  thickness?: number;\n  theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<Props> = ({\n  progress = 0.5,\n  style,\n  color = \"primary\",\n  size = 100,\n  showsText = true,\n  unfilledColor,\n  strokeCap = \"butt\",\n  textStyle,\n  thickness = 1,\n  theme,\n}) => {\n  const progressNum = Math.round(progress * 100);\n\n  const tintColor = color || theme.colors.primary;\n  const backgroundColor = unfilledColor || theme.colors.secondary;\n\n  return (\n    <AnimatedCircularProgress\n      size={size}\n      width={thickness}\n      backgroundWidth={thickness}\n      fill={progressNum}\n      tintColor={tintColor}\n      backgroundColor={backgroundColor}\n      rotation={0}\n      lineCap={strokeCap}\n      style={style}\n    >\n      {(fill) =>\n        showsText ? (\n          <Text\n            style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n          >\n            {Math.round(fill)}%\n          </Text>\n        ) : null\n      }\n    </AnimatedCircularProgress>\n  );\n};\n\nexport default withTheme(ProgressCircle);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAiBA,MAAMA,cAA+B,GAAG,QAWlC;EAAA,IAXmC;IACvCC,QAAQ,GAAG,GAD4B;IAEvCC,KAFuC;IAGvCC,KAAK,GAAG,SAH+B;IAIvCC,IAAI,GAAG,GAJgC;IAKvCC,SAAS,GAAG,IAL2B;IAMvCC,aANuC;IAOvCC,SAAS,GAAG,MAP2B;IAQvCC,SARuC;IASvCC,SAAS,GAAG,CAT2B;IAUvCC;EAVuC,CAWnC;EACJ,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWZ,QAAQ,GAAG,GAAtB,CAApB;EAEA,MAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAN,CAAaC,OAAxC;EACA,MAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAN,CAAaG,SAAtD;EAEA,oBACE,oBAAC,iCAAD;IACE,IAAI,EAAEd,IADR;IAEE,KAAK,EAAEK,SAFT;IAGE,eAAe,EAAEA,SAHnB;IAIE,IAAI,EAAEE,WAJR;IAKE,SAAS,EAAEG,SALb;IAME,eAAe,EAAEG,eANnB;IAOE,QAAQ,EAAE,CAPZ;IAQE,OAAO,EAAEV,SARX;IASE,KAAK,EAAEL;EATT,GAWIiB,IAAD,IACCd,SAAS,gBACP,oBAAC,iBAAD;IACE,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAEhB,IAAI,GAAG,KAAnB;MAA0BD,KAAK,EAAEW;IAAjC,CAAD,EAA+CN,SAA/C;EADT,GAGGI,IAAI,CAACC,KAAL,CAAWM,IAAX,CAHH,MADO,GAML,IAlBR,CADF;AAuBD,CAxCD;;eA0Ce,IAAAE,kBAAA,EAAUrB,cAAV,C"}
+{"version":3,"names":["ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize","withTheme"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  progress?: number;\n  style?: StyleProp<ViewStyle>;\n  color?: colorTypes;\n  size?: number;\n  showsText?: boolean;\n  unfilledColor?: colorTypes;\n  strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n  textStyle?: StyleProp<TextStyle>;\n  thickness?: number;\n  theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({\n  progress = 0.5,\n  style,\n  color = \"primary\",\n  size = 100,\n  showsText = true,\n  unfilledColor,\n  strokeCap = \"butt\",\n  textStyle,\n  thickness = 1,\n  theme,\n}) => {\n  const progressNum = Math.round(progress * 100);\n\n  const tintColor = color || theme.colors.primary;\n  const backgroundColor = unfilledColor || theme.colors.secondary;\n\n  return (\n    <AnimatedCircularProgress\n      size={size}\n      width={thickness}\n      backgroundWidth={thickness}\n      fill={progressNum}\n      tintColor={tintColor}\n      backgroundColor={backgroundColor}\n      rotation={0}\n      lineCap={strokeCap}\n      style={style}\n    >\n      {/* @ts-ignore */}\n      {(fill) =>\n        showsText ? (\n          <Text\n            style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n          >\n            {Math.round(fill)}%\n          </Text>\n        ) : null\n      }\n    </AnimatedCircularProgress>\n  );\n};\n\nexport default withTheme(ProgressCircle);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAiBA,MAAMA,cAAwD,GAAG,QAW3D;EAAA,IAX4D;IAChEC,QAAQ,GAAG,GADqD;IAEhEC,KAFgE;IAGhEC,KAAK,GAAG,SAHwD;IAIhEC,IAAI,GAAG,GAJyD;IAKhEC,SAAS,GAAG,IALoD;IAMhEC,aANgE;IAOhEC,SAAS,GAAG,MAPoD;IAQhEC,SARgE;IAShEC,SAAS,GAAG,CAToD;IAUhEC;EAVgE,CAW5D;EACJ,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWZ,QAAQ,GAAG,GAAtB,CAApB;EAEA,MAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAN,CAAaC,OAAxC;EACA,MAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAN,CAAaG,SAAtD;EAEA,oBACE,oBAAC,iCAAD;IACE,IAAI,EAAEd,IADR;IAEE,KAAK,EAAEK,SAFT;IAGE,eAAe,EAAEA,SAHnB;IAIE,IAAI,EAAEE,WAJR;IAKE,SAAS,EAAEG,SALb;IAME,eAAe,EAAEG,eANnB;IAOE,QAAQ,EAAE,CAPZ;IAQE,OAAO,EAAEV,SARX;IASE,KAAK,EAAEL;EATT,GAYIiB,IAAD,IACCd,SAAS,gBACP,oBAAC,iBAAD;IACE,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAEhB,IAAI,GAAG,KAAnB;MAA0BD,KAAK,EAAEW;IAAjC,CAAD,EAA+CN,SAA/C;EADT,GAGGI,IAAI,CAACC,KAAL,CAAWM,IAAX,CAHH,MADO,GAML,IAnBR,CADF;AAwBD,CAzCD;;eA2Ce,IAAAE,kBAAA,EAAUrB,cAAV,C"}

package/lib/commonjs/components/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily","withTheme"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  numberOfSteps: number;\n  currentStep: number;\n  currentStepStrokeWidth?: number;\n  stepStrokeCurrentColor?: colorTypes;\n  stepIndicatorSize?: number;\n  currentStepIndicatorSize?: number;\n  stepIndicatorCurrentColor?: colorTypes;\n  stepIndicatorLabelCurrentColor?: colorTypes;\n  stepIndicatorLabelFontSize?: number;\n  stepNumberFinishedColor?: colorTypes;\n  stepNumberUnfinishedColor?: colorTypes;\n  unfinishedColor?: colorTypes;\n  finishedColor?: colorTypes;\n  theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<Props> = ({\n  numberOfSteps,\n  currentStep,\n  currentStepStrokeWidth = 3,\n  stepStrokeCurrentColor = \"primary\",\n  stepIndicatorSize,\n  currentStepIndicatorSize,\n  stepIndicatorCurrentColor,\n  stepIndicatorLabelCurrentColor,\n  stepIndicatorLabelFontSize = 12,\n  stepNumberFinishedColor = \"strongInverse\",\n  stepNumberUnfinishedColor = \"primary\",\n  unfinishedColor = \"light\",\n  finishedColor = \"primary\",\n  theme,\n}) => {\n  const currentPosition = currentStep - 1;\n  return (\n    <StepIndicator\n      stepCount={numberOfSteps}\n      currentPosition={currentPosition}\n      customStyles={{\n        stepIndicatorSize,\n        currentStepIndicatorSize: currentStepIndicatorSize\n          ? currentStepIndicatorSize\n          : stepIndicatorSize,\n        stepStrokeFinishedColor: finishedColor,\n        stepStrokeUnFinishedColor: unfinishedColor,\n        separatorFinishedColor: finishedColor,\n        separatorUnFinishedColor: unfinishedColor,\n        stepIndicatorFinishedColor: finishedColor,\n        stepIndicatorUnFinishedColor: unfinishedColor,\n        currentStepStrokeWidth,\n        stepStrokeCurrentColor:\n          stepStrokeCurrentColor || stepIndicatorCurrentColor,\n        stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n        stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n        stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n        stepIndicatorLabelCurrentColor:\n          stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n        stepIndicatorLabelFontSize,\n        labelFontFamily: theme.typography.body1.fontFamily,\n      }}\n    />\n  );\n};\n\nexport default withTheme(ProgressIndicator);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAqBA,MAAMA,iBAAkC,GAAG,QAerC;EAAA,IAfsC;IAC1CC,aAD0C;IAE1CC,WAF0C;IAG1CC,sBAAsB,GAAG,CAHiB;IAI1CC,sBAAsB,GAAG,SAJiB;IAK1CC,iBAL0C;IAM1CC,wBAN0C;IAO1CC,yBAP0C;IAQ1CC,8BAR0C;IAS1CC,0BAA0B,GAAG,EATa;IAU1CC,uBAAuB,GAAG,eAVgB;IAW1CC,yBAAyB,GAAG,SAXc;IAY1CC,eAAe,GAAG,OAZwB;IAa1CC,aAAa,GAAG,SAb0B;IAc1CC;EAd0C,CAetC;EACJ,MAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;EACA,oBACE,oBAAC,sBAAD;IACE,SAAS,EAAED,aADb;IAEE,eAAe,EAAEc,eAFnB;IAGE,YAAY,EAAE;MACZV,iBADY;MAEZC,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAD8C,GAE9CD,iBAJQ;MAKZW,uBAAuB,EAAEH,aALb;MAMZI,yBAAyB,EAAEL,eANf;MAOZM,sBAAsB,EAAEL,aAPZ;MAQZM,wBAAwB,EAAEP,eARd;MASZQ,0BAA0B,EAAEP,aAThB;MAUZQ,4BAA4B,EAAET,eAVlB;MAWZT,sBAXY;MAYZC,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAbhB;MAcZe,iCAAiC,EAAEX,yBAdvB;MAeZY,+BAA+B,EAAEb,uBAfrB;MAgBZH,yBAAyB,EAAEA,yBAAyB,IAAIK,eAhB5C;MAiBZJ,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAlBxB;MAmBZF,0BAnBY;MAoBZe,eAAe,EAAEV,KAAK,CAACW,UAAN,CAAiBC,KAAjB,CAAuBC;IApB5B;EAHhB,EADF;AA4BD,CA7CD;;eA+Ce,IAAAC,kBAAA,EAAU5B,iBAAV,C"}
+{"version":3,"names":["ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily","withTheme"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  numberOfSteps: number;\n  currentStep: number;\n  currentStepStrokeWidth?: number;\n  stepStrokeCurrentColor?: colorTypes;\n  stepIndicatorSize?: number;\n  currentStepIndicatorSize?: number;\n  stepIndicatorCurrentColor?: colorTypes;\n  stepIndicatorLabelCurrentColor?: colorTypes;\n  stepIndicatorLabelFontSize?: number;\n  stepNumberFinishedColor?: colorTypes;\n  stepNumberUnfinishedColor?: colorTypes;\n  unfinishedColor?: colorTypes;\n  finishedColor?: colorTypes;\n  theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<React.PropsWithChildren<Props>> = ({\n  numberOfSteps,\n  currentStep,\n  currentStepStrokeWidth = 3,\n  stepStrokeCurrentColor = \"primary\",\n  stepIndicatorSize,\n  currentStepIndicatorSize,\n  stepIndicatorCurrentColor,\n  stepIndicatorLabelCurrentColor,\n  stepIndicatorLabelFontSize = 12,\n  stepNumberFinishedColor = \"strongInverse\",\n  stepNumberUnfinishedColor = \"primary\",\n  unfinishedColor = \"light\",\n  finishedColor = \"primary\",\n  theme,\n}) => {\n  const currentPosition = currentStep - 1;\n  return (\n    <StepIndicator\n      stepCount={numberOfSteps}\n      currentPosition={currentPosition}\n      customStyles={{\n        stepIndicatorSize,\n        currentStepIndicatorSize: currentStepIndicatorSize\n          ? currentStepIndicatorSize\n          : stepIndicatorSize,\n        stepStrokeFinishedColor: finishedColor,\n        stepStrokeUnFinishedColor: unfinishedColor,\n        separatorFinishedColor: finishedColor,\n        separatorUnFinishedColor: unfinishedColor,\n        stepIndicatorFinishedColor: finishedColor,\n        stepIndicatorUnFinishedColor: unfinishedColor,\n        currentStepStrokeWidth,\n        stepStrokeCurrentColor:\n          stepStrokeCurrentColor || stepIndicatorCurrentColor,\n        stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n        stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n        stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n        stepIndicatorLabelCurrentColor:\n          stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n        stepIndicatorLabelFontSize,\n        labelFontFamily: theme.typography.body1.fontFamily,\n      }}\n    />\n  );\n};\n\nexport default withTheme(ProgressIndicator);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAqBA,MAAMA,iBAA2D,GAAG,QAe9D;EAAA,IAf+D;IACnEC,aADmE;IAEnEC,WAFmE;IAGnEC,sBAAsB,GAAG,CAH0C;IAInEC,sBAAsB,GAAG,SAJ0C;IAKnEC,iBALmE;IAMnEC,wBANmE;IAOnEC,yBAPmE;IAQnEC,8BARmE;IASnEC,0BAA0B,GAAG,EATsC;IAUnEC,uBAAuB,GAAG,eAVyC;IAWnEC,yBAAyB,GAAG,SAXuC;IAYnEC,eAAe,GAAG,OAZiD;IAanEC,aAAa,GAAG,SAbmD;IAcnEC;EAdmE,CAe/D;EACJ,MAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;EACA,oBACE,oBAAC,sBAAD;IACE,SAAS,EAAED,aADb;IAEE,eAAe,EAAEc,eAFnB;IAGE,YAAY,EAAE;MACZV,iBADY;MAEZC,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAD8C,GAE9CD,iBAJQ;MAKZW,uBAAuB,EAAEH,aALb;MAMZI,yBAAyB,EAAEL,eANf;MAOZM,sBAAsB,EAAEL,aAPZ;MAQZM,wBAAwB,EAAEP,eARd;MASZQ,0BAA0B,EAAEP,aAThB;MAUZQ,4BAA4B,EAAET,eAVlB;MAWZT,sBAXY;MAYZC,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAbhB;MAcZe,iCAAiC,EAAEX,yBAdvB;MAeZY,+BAA+B,EAAEb,uBAfrB;MAgBZH,yBAAyB,EAAEA,yBAAyB,IAAIK,eAhB5C;MAiBZJ,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAlBxB;MAmBZF,0BAnBY;MAoBZe,eAAe,EAAEV,KAAK,CAACW,UAAN,CAAiBC,KAAjB,CAAuBC;IApB5B;EAHhB,EADF;AA4BD,CA7CD;;eA+Ce,IAAAC,kBAAA,EAAU5B,iBAAV,C"}

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -44,7 +44,7 @@ const RadioButton = _ref => {
   } = (0, _context.useRadioButtonGroupContext)();
   const realValue = (0, _utilities.getValueForRadioButton)(value);
   const realContextValue = (0, _utilities.getValueForRadioButton)(contextValue);
-  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
+  const isSelected = selected ?? realContextValue === realValue;
 
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);

package/lib/commonjs/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","Config","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","useRadioButtonGroupContext","realValue","getValueForRadioButton","realContextValue","isSelected","handlePress"],"sources":["RadioButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { useRadioButtonGroupContext } from \"./context\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nexport type RadioButtonProps = {\n  selected?: boolean;\n  disabled?: boolean;\n  color?: string;\n  value?: string | number;\n  unselectedColor?: string;\n  onPress?: (value?: string) => void;\n  style?: StyleProp<ViewStyle>;\n  size?: number;\n  selectedIcon?: string;\n  unselectedIcon?: string;\n} & IconSlot;\n\nconst RadioButton: React.FC<RadioButtonProps> = ({\n  Icon,\n  disabled = false,\n  color,\n  value = \"\",\n  selected,\n  unselectedColor,\n  onPress,\n  size = Config.radioButtonSize,\n  selectedIcon = \"MaterialIcons/radio-button-checked\",\n  unselectedIcon = \"MaterialIcons/radio-button-unchecked\",\n  style,\n  ...rest\n}) => {\n  const { value: contextValue, onValueChange } = useRadioButtonGroupContext();\n\n  const realValue = getValueForRadioButton(value);\n  const realContextValue = getValueForRadioButton(contextValue);\n  const isSelected = selected ?? realContextValue === realValue;\n\n  const handlePress = () => {\n    onPress?.(realValue);\n    onValueChange?.(realValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={isSelected ? selectedIcon : unselectedIcon}\n      color={isSelected ? color : unselectedColor}\n      disabled={disabled}\n      onPress={handlePress}\n      size={size}\n      style={style}\n      {...rest}\n    />\n  );\n};\n\nexport default RadioButton;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;AAiBA,MAAMA,WAAuC,GAAG,QAa1C;EAAA,IAb2C;IAC/CC,IAD+C;IAE/CC,QAAQ,GAAG,KAFoC;IAG/CC,KAH+C;IAI/CC,KAAK,GAAG,EAJuC;IAK/CC,QAL+C;IAM/CC,eAN+C;IAO/CC,OAP+C;IAQ/CC,IAAI,GAAGC,eAAA,CAAOC,eARiC;IAS/CC,YAAY,GAAG,oCATgC;IAU/CC,cAAc,GAAG,sCAV8B;IAW/CC,KAX+C;IAY/C,GAAGC;EAZ4C,CAa3C;EACJ,MAAM;IAAEV,KAAK,EAAEW,YAAT;IAAuBC;EAAvB,IAAyC,IAAAC,mCAAA,GAA/C;EAEA,MAAMC,SAAS,GAAG,IAAAC,iCAAA,EAAuBf,KAAvB,CAAlB;EACA,MAAMgB,gBAAgB,GAAG,IAAAD,iCAAA,EAAuBJ,YAAvB,CAAzB;EACA,MAAMM,UAAU,GAAGhB,QAAH,aAAGA,QAAH,cAAGA,QAAH,GAAee,gBAAgB,KAAKF,SAApD;;EAEA,MAAMI,WAAW,GAAG,MAAM;IACxBf,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGW,SAAH,CAAP;IACAF,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGE,SAAH,CAAb;EACD,CAHD;;EAKA,oBACE,oBAAC,mBAAD;IACE,IAAI,EAAEjB,IADR;IAEE,IAAI,EAAEoB,UAAU,GAAGV,YAAH,GAAkBC,cAFpC;IAGE,KAAK,EAAES,UAAU,GAAGlB,KAAH,GAAWG,eAH9B;IAIE,QAAQ,EAAEJ,QAJZ;IAKE,OAAO,EAAEoB,WALX;IAME,IAAI,EAAEd,IANR;IAOE,KAAK,EAAEK;EAPT,GAQMC,IARN,EADF;AAYD,CArCD;;eAuCed,W"}
+{"version":3,"names":["RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","Config","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","useRadioButtonGroupContext","realValue","getValueForRadioButton","realContextValue","isSelected","handlePress"],"sources":["RadioButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { useRadioButtonGroupContext } from \"./context\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nexport type RadioButtonProps = {\n  selected?: boolean;\n  disabled?: boolean;\n  color?: string;\n  value?: string | number;\n  unselectedColor?: string;\n  onPress?: (value?: string) => void;\n  style?: StyleProp<ViewStyle>;\n  size?: number;\n  selectedIcon?: string;\n  unselectedIcon?: string;\n} & IconSlot;\n\nconst RadioButton: React.FC<RadioButtonProps> = ({\n  Icon,\n  disabled = false,\n  color,\n  value = \"\",\n  selected,\n  unselectedColor,\n  onPress,\n  size = Config.radioButtonSize,\n  selectedIcon = \"MaterialIcons/radio-button-checked\",\n  unselectedIcon = \"MaterialIcons/radio-button-unchecked\",\n  style,\n  ...rest\n}) => {\n  const { value: contextValue, onValueChange } = useRadioButtonGroupContext();\n\n  const realValue = getValueForRadioButton(value);\n  const realContextValue = getValueForRadioButton(contextValue);\n  const isSelected = selected ?? realContextValue === realValue;\n\n  const handlePress = () => {\n    onPress?.(realValue);\n    onValueChange?.(realValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={isSelected ? selectedIcon : unselectedIcon}\n      color={isSelected ? color : unselectedColor}\n      disabled={disabled}\n      onPress={handlePress}\n      size={size}\n      style={style}\n      {...rest}\n    />\n  );\n};\n\nexport default RadioButton;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;AAiBA,MAAMA,WAAuC,GAAG,QAa1C;EAAA,IAb2C;IAC/CC,IAD+C;IAE/CC,QAAQ,GAAG,KAFoC;IAG/CC,KAH+C;IAI/CC,KAAK,GAAG,EAJuC;IAK/CC,QAL+C;IAM/CC,eAN+C;IAO/CC,OAP+C;IAQ/CC,IAAI,GAAGC,eAAA,CAAOC,eARiC;IAS/CC,YAAY,GAAG,oCATgC;IAU/CC,cAAc,GAAG,sCAV8B;IAW/CC,KAX+C;IAY/C,GAAGC;EAZ4C,CAa3C;EACJ,MAAM;IAAEV,KAAK,EAAEW,YAAT;IAAuBC;EAAvB,IAAyC,IAAAC,mCAAA,GAA/C;EAEA,MAAMC,SAAS,GAAG,IAAAC,iCAAA,EAAuBf,KAAvB,CAAlB;EACA,MAAMgB,gBAAgB,GAAG,IAAAD,iCAAA,EAAuBJ,YAAvB,CAAzB;EACA,MAAMM,UAAU,GAAGhB,QAAQ,IAAIe,gBAAgB,KAAKF,SAApD;;EAEA,MAAMI,WAAW,GAAG,MAAM;IACxBf,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGW,SAAH,CAAP;IACAF,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGE,SAAH,CAAb;EACD,CAHD;;EAKA,oBACE,oBAAC,mBAAD;IACE,IAAI,EAAEjB,IADR;IAEE,IAAI,EAAEoB,UAAU,GAAGV,YAAH,GAAkBC,cAFpC;IAGE,KAAK,EAAES,UAAU,GAAGlB,KAAH,GAAWG,eAH9B;IAIE,QAAQ,EAAEJ,QAJZ;IAKE,OAAO,EAAEoB,WALX;IAME,IAAI,EAAEd,IANR;IAOE,KAAK,EAAEK;EAPT,GAQMC,IARN,EADF;AAYD,CArCD;;eAuCed,W"}

package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color","withTheme"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n  label?: string;\n  labelStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<Props> = ({\n  label,\n  children,\n  theme,\n  labelStyle,\n  style,\n  ...rest\n}) => {\n  return (\n    <View style={style}>\n      <Text\n        style={[\n          {\n            fontSize: theme.typography.headline4.fontSize,\n            color: theme.typography.headline4.color,\n          },\n          labelStyle,\n        ]}\n      >\n        {label}\n      </Text>\n      <RadioButtonGroup theme={theme} {...rest}>\n        {children}\n      </RadioButtonGroup>\n    </View>\n  );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAQA,MAAMA,qBAAsC,GAAG,QAOzC;EAAA,IAP0C;IAC9CC,KAD8C;IAE9CC,QAF8C;IAG9CC,KAH8C;IAI9CC,UAJ8C;IAK9CC,KAL8C;IAM9C,GAAGC;EAN2C,CAO1C;EACJ,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAED;EAAb,gBACE,6BAAC,aAAD;IACE,KAAK,EAAE,CACL;MACEE,QAAQ,EAAEJ,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BF,QADvC;MAEEG,KAAK,EAAEP,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BC;IAFpC,CADK,EAKLN,UALK;EADT,GASGH,KATH,CADF,eAYE,6BAAC,yBAAD;IAAkB,KAAK,EAAEE;EAAzB,GAAoCG,IAApC,GACGJ,QADH,CAZF,CADF;AAkBD,CA1BD;;eA4Be,IAAAS,kBAAA,EAAUX,qBAAV,C"}
+{"version":3,"names":["RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color","withTheme"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n  label?: string;\n  labelStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<React.PropsWithChildren<Props>> = ({\n  label,\n  children,\n  theme,\n  labelStyle,\n  style,\n  ...rest\n}) => {\n  return (\n    <View style={style}>\n      <Text\n        style={[\n          {\n            fontSize: theme.typography.headline4.fontSize,\n            color: theme.typography.headline4.color,\n          },\n          labelStyle,\n        ]}\n      >\n        {label}\n      </Text>\n      <RadioButtonGroup theme={theme} {...rest}>\n        {children}\n      </RadioButtonGroup>\n    </View>\n  );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAQA,MAAMA,qBAA+D,GAAG,QAOlE;EAAA,IAPmE;IACvEC,KADuE;IAEvEC,QAFuE;IAGvEC,KAHuE;IAIvEC,UAJuE;IAKvEC,KALuE;IAMvE,GAAGC;EANoE,CAOnE;EACJ,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAED;EAAb,gBACE,6BAAC,aAAD;IACE,KAAK,EAAE,CACL;MACEE,QAAQ,EAAEJ,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BF,QADvC;MAEEG,KAAK,EAAEP,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BC;IAFpC,CADK,EAKLN,UALK;EADT,GASGH,KATH,CADF,eAYE,6BAAC,yBAAD;IAAkB,KAAK,EAAEE;EAAzB,GAAoCG,IAApC,GACGJ,QADH,CAZF,CADF;AAkBD,CA1BD;;eA4Be,IAAAS,kBAAA,EAAUX,qBAAV,C"}

package/lib/commonjs/components/RadioButton/RadioButtonRow.js

@@ -79,7 +79,7 @@ const RadioButtonRow = _ref => {
   } = (0, _context.useRadioButtonGroupContext)();
   const realValue = (0, _utilities.getValueForRadioButton)(value);
   const realContextValue = (0, _utilities.getValueForRadioButton)(contextValue);
-  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
+  const isSelected = selected ?? realContextValue === realValue;
 
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);

package/lib/commonjs/components/RadioButton/RadioButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["Direction","getRadioButtonAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","useRadioButtonGroupContext","realValue","getValueForRadioButton","realContextValue","isSelected","handlePress","textStyles","viewStyles","extractStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"sources":["RadioButtonRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles, getValueForRadioButton } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string | number; // A string (or number that will be parsed String(number)) that this radio button row represents when selected\n  color?: string;\n  unselectedColor?: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  radioButtonStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n  Icon,\n  label,\n  value = \"\",\n  color,\n  unselectedColor,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  radioButtonStyle,\n  direction = Direction.Row,\n  selected,\n  disabled,\n  style,\n  ...rest\n}) => {\n  const {\n    value: contextValue,\n    onValueChange,\n    direction: parentDirection,\n  } = useRadioButtonGroupContext();\n\n  const realValue = getValueForRadioButton(value);\n  const realContextValue = getValueForRadioButton(contextValue);\n  const isSelected = selected ?? realContextValue === realValue;\n\n  const handlePress = () => {\n    onPress?.(realValue);\n    onValueChange?.(realValue);\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getRadioButtonAlignment(parentDirection, direction),\n        }}\n      >\n        <RadioButton\n          Icon={Icon}\n          selected={isSelected}\n          value={realValue}\n          color={color}\n          unselectedColor={unselectedColor}\n          style={radioButtonStyle}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    display: \"flex\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default RadioButtonRow;\n"],"mappings":"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"}
+{"version":3,"names":["Direction","getRadioButtonAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","useRadioButtonGroupContext","realValue","getValueForRadioButton","realContextValue","isSelected","handlePress","textStyles","viewStyles","extractStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"sources":["RadioButtonRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles, getValueForRadioButton } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string | number; // A string (or number that will be parsed String(number)) that this radio button row represents when selected\n  color?: string;\n  unselectedColor?: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  radioButtonStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n  Icon,\n  label,\n  value = \"\",\n  color,\n  unselectedColor,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  radioButtonStyle,\n  direction = Direction.Row,\n  selected,\n  disabled,\n  style,\n  ...rest\n}) => {\n  const {\n    value: contextValue,\n    onValueChange,\n    direction: parentDirection,\n  } = useRadioButtonGroupContext();\n\n  const realValue = getValueForRadioButton(value);\n  const realContextValue = getValueForRadioButton(contextValue);\n  const isSelected = selected ?? realContextValue === realValue;\n\n  const handlePress = () => {\n    onPress?.(realValue);\n    onValueChange?.(realValue);\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getRadioButtonAlignment(parentDirection, direction),\n        }}\n      >\n        <RadioButton\n          Icon={Icon}\n          selected={isSelected}\n          value={realValue}\n          color={color}\n          unselectedColor={unselectedColor}\n          style={radioButtonStyle}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    display: \"flex\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default RadioButtonRow;\n"],"mappings":"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"}

package/lib/commonjs/components/ResizeMode.js

@@ -1,2 +1,5 @@
 "use strict";
+//# sourceMappingURL=ResizeMode.js.mapodule", {
+  value: true
+});
 //# sourceMappingURL=ResizeMode.js.map

package/lib/commonjs/components/Row.js.map

@@ -1 +1 @@
-{"version":3,"names":["Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","Config","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","StyleSheet","create","flexDirection","flex","justifyContent","alignItems","withTheme"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Text,\n  Image,\n  ImageSourcePropType,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  titleTypeStyle?: StyleProp<TextStyle>;\n  titleColor?: string;\n  subtitleTypeStyle?: StyleProp<TextStyle>;\n  subtitleColor?: string;\n  title?: string;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  image?: string | ImageSourcePropType;\n  right?: () => React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst Row: React.FC<Props> = ({\n  titleTypeStyle,\n  titleColor,\n  subtitleTypeStyle,\n  subtitleColor,\n  title,\n  subtitle,\n  multilineSubtitle,\n  image,\n  right,\n  style,\n}) => {\n  return (\n    <View style={[styles.container, { padding: 16 }, style]}>\n      <View style={styles.leftContainer}>\n        {image && (\n          <Image\n            source={typeof image === \"string\" ? { uri: image } : image}\n            style={{\n              marginRight: 12,\n              width: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n              height: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n            }}\n          />\n        )}\n        <View style={styles.textContainer}>\n          <Text\n            style={[\n              titleTypeStyle,\n              {\n                color: titleColor,\n              },\n            ]}\n            numberOfLines={1}\n          >\n            {title}\n          </Text>\n          {subtitle ? (\n            <Text\n              style={[\n                subtitleTypeStyle,\n                {\n                  color: subtitleColor,\n                  marginTop: 4,\n                },\n              ]}\n              numberOfLines={multilineSubtitle ? undefined : 1}\n            >\n              {subtitle}\n            </Text>\n          ) : null}\n        </View>\n      </View>\n      {right && right()}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  leftContainer: {\n    flexDirection: \"row\",\n    flex: 1,\n  },\n  container: {\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  textContainer: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(Row);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;AACA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,QAWvB;EAAA,IAXwB;IAC5BC,cAD4B;IAE5BC,UAF4B;IAG5BC,iBAH4B;IAI5BC,aAJ4B;IAK5BC,KAL4B;IAM5BC,QAN4B;IAO5BC,iBAP4B;IAQ5BC,KAR4B;IAS5BC,KAT4B;IAU5BC;EAV4B,CAWxB;EACJ,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,OAAO,EAAE;IAAX,CAAnB,EAAoCH,KAApC;EAAb,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACG;EAApB,GACGN,KAAK,iBACJ,oBAAC,kBAAD;IACE,MAAM,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4B;MAAEO,GAAG,EAAEP;IAAP,CAA5B,GAA6CA,KADvD;IAEE,KAAK,EAAE;MACLQ,WAAW,EAAE,EADR;MAELC,KAAK,EAAEX,QAAQ,GACXY,eAAA,CAAOC,qBADI,GAEXD,eAAA,CAAOE,sBAJN;MAKLC,MAAM,EAAEf,QAAQ,GACZY,eAAA,CAAOC,qBADK,GAEZD,eAAA,CAAOE;IAPN;EAFT,EAFJ,eAeE,oBAAC,iBAAD;IAAM,KAAK,EAAET,MAAM,CAACW;EAApB,gBACE,oBAAC,iBAAD;IACE,KAAK,EAAE,CACLrB,cADK,EAEL;MACEsB,KAAK,EAAErB;IADT,CAFK,CADT;IAOE,aAAa,EAAE;EAPjB,GASGG,KATH,CADF,EAYGC,QAAQ,gBACP,oBAAC,iBAAD;IACE,KAAK,EAAE,CACLH,iBADK,EAEL;MACEoB,KAAK,EAAEnB,aADT;MAEEoB,SAAS,EAAE;IAFb,CAFK,CADT;IAQE,aAAa,EAAEjB,iBAAiB,GAAGkB,SAAH,GAAe;EARjD,GAUGnB,QAVH,CADO,GAaL,IAzBN,CAfF,CADF,EA4CGG,KAAK,IAAIA,KAAK,EA5CjB,CADF;AAgDD,CA5DD;;AA8DA,MAAME,MAAM,GAAGe,uBAAA,CAAWC,MAAX,CAAkB;EAC/Bb,aAAa,EAAE;IACbc,aAAa,EAAE,KADF;IAEbC,IAAI,EAAE;EAFO,CADgB;EAK/BjB,SAAS,EAAE;IACTgB,aAAa,EAAE,KADN;IAETE,cAAc,EAAE,eAFP;IAGTC,UAAU,EAAE;EAHH,CALoB;EAU/BT,aAAa,EAAE;IACbO,IAAI,EAAE,CADO;IAEbC,cAAc,EAAE;EAFH;AAVgB,CAAlB,CAAf;;eAgBe,IAAAE,kBAAA,EAAUhC,GAAV,C"}
+{"version":3,"names":["Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","Config","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","StyleSheet","create","flexDirection","flex","justifyContent","alignItems","withTheme"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Text,\n  Image,\n  ImageSourcePropType,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  titleTypeStyle?: StyleProp<TextStyle>;\n  titleColor?: string;\n  subtitleTypeStyle?: StyleProp<TextStyle>;\n  subtitleColor?: string;\n  title?: string;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  image?: string | ImageSourcePropType;\n  right?: () => React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst Row: React.FC<React.PropsWithChildren<Props>> = ({\n  titleTypeStyle,\n  titleColor,\n  subtitleTypeStyle,\n  subtitleColor,\n  title,\n  subtitle,\n  multilineSubtitle,\n  image,\n  right,\n  style,\n}) => {\n  return (\n    <View style={[styles.container, { padding: 16 }, style]}>\n      <View style={styles.leftContainer}>\n        {image && (\n          <Image\n            source={typeof image === \"string\" ? { uri: image } : image}\n            style={{\n              marginRight: 12,\n              width: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n              height: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n            }}\n          />\n        )}\n        <View style={styles.textContainer}>\n          <Text\n            style={[\n              titleTypeStyle,\n              {\n                color: titleColor,\n              },\n            ]}\n            numberOfLines={1}\n          >\n            {title}\n          </Text>\n          {subtitle ? (\n            <Text\n              style={[\n                subtitleTypeStyle,\n                {\n                  color: subtitleColor,\n                  marginTop: 4,\n                },\n              ]}\n              numberOfLines={multilineSubtitle ? undefined : 1}\n            >\n              {subtitle}\n            </Text>\n          ) : null}\n        </View>\n      </View>\n      {right && right()}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  leftContainer: {\n    flexDirection: \"row\",\n    flex: 1,\n  },\n  container: {\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  textContainer: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(Row);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;AACA;;;;;;;;AAiBA,MAAMA,GAA6C,GAAG,QAWhD;EAAA,IAXiD;IACrDC,cADqD;IAErDC,UAFqD;IAGrDC,iBAHqD;IAIrDC,aAJqD;IAKrDC,KALqD;IAMrDC,QANqD;IAOrDC,iBAPqD;IAQrDC,KARqD;IASrDC,KATqD;IAUrDC;EAVqD,CAWjD;EACJ,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,OAAO,EAAE;IAAX,CAAnB,EAAoCH,KAApC;EAAb,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACG;EAApB,GACGN,KAAK,iBACJ,oBAAC,kBAAD;IACE,MAAM,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4B;MAAEO,GAAG,EAAEP;IAAP,CAA5B,GAA6CA,KADvD;IAEE,KAAK,EAAE;MACLQ,WAAW,EAAE,EADR;MAELC,KAAK,EAAEX,QAAQ,GACXY,eAAA,CAAOC,qBADI,GAEXD,eAAA,CAAOE,sBAJN;MAKLC,MAAM,EAAEf,QAAQ,GACZY,eAAA,CAAOC,qBADK,GAEZD,eAAA,CAAOE;IAPN;EAFT,EAFJ,eAeE,oBAAC,iBAAD;IAAM,KAAK,EAAET,MAAM,CAACW;EAApB,gBACE,oBAAC,iBAAD;IACE,KAAK,EAAE,CACLrB,cADK,EAEL;MACEsB,KAAK,EAAErB;IADT,CAFK,CADT;IAOE,aAAa,EAAE;EAPjB,GASGG,KATH,CADF,EAYGC,QAAQ,gBACP,oBAAC,iBAAD;IACE,KAAK,EAAE,CACLH,iBADK,EAEL;MACEoB,KAAK,EAAEnB,aADT;MAEEoB,SAAS,EAAE;IAFb,CAFK,CADT;IAQE,aAAa,EAAEjB,iBAAiB,GAAGkB,SAAH,GAAe;EARjD,GAUGnB,QAVH,CADO,GAaL,IAzBN,CAfF,CADF,EA4CGG,KAAK,IAAIA,KAAK,EA5CjB,CADF;AAgDD,CA5DD;;AA8DA,MAAME,MAAM,GAAGe,uBAAA,CAAWC,MAAX,CAAkB;EAC/Bb,aAAa,EAAE;IACbc,aAAa,EAAE,KADF;IAEbC,IAAI,EAAE;EAFO,CADgB;EAK/BjB,SAAS,EAAE;IACTgB,aAAa,EAAE,KADN;IAETE,cAAc,EAAE,eAFP;IAGTC,UAAU,EAAE;EAHH,CALoB;EAU/BT,aAAa,EAAE;IACbO,IAAI,EAAE,CADO;IAEbC,cAAc,EAAE;EAFH;AAVgB,CAAlB,CAAf;;eAgBe,IAAAE,kBAAA,EAAUhC,GAAV,C"}