@draftbit/core 46.6.0 → 46.6.4

package/lib/module/components/Checkbox/Checkbox.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { View, StyleSheet, Pressable } from "react-native";
 import { useTheme } from "../../theming";
@@ -25,6 +26,7 @@ const Checkbox = _ref => {
       setInternalValue(status);
     }
   }, [status]);
+
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = usePrevious(defaultValue);
@@ -48,8 +50,7 @@ const Checkbox = _ref => {
       onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
     }
   };
-  return /*#__PURE__*/React.createElement(Pressable, {
-    ...rest,
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {
@@ -61,7 +62,7 @@ const Checkbox = _ref => {
       width: size,
       height: size
     }]
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     style: styles.icon,
     name: internalValue ? checkedIcon : uncheckedIcon,
     size: size,
@@ -94,26 +95,4 @@ const styles = StyleSheet.create({
     alignSelf: "center"
   }
 });
-export default Checkbox;or: checkboxColor
-    }]
-  })));
-};
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: 18
-  },
-  fillContainer: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    alignSelf: "center"
-  },
-  fill: {
-    borderRadius: 5,
-    width: 30,
-    height: 30,
-    alignSelf: "center"
-  }
-});
 export default Checkbox;

package/lib/module/components/Checkbox/CheckboxGroup.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { View } from "react-native";
 import { checkboxGroupContext, Direction } from "./context";
@@ -22,22 +23,7 @@ const CheckboxGroup = _ref => {
       alignItems: "center"
     });
   }
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      minHeight: 40
-    }, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Provider, {
-    value: {
-      values,
-      onValueChange,
-      direction
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: _containerStyle
-  }, children)));
-};
-export default CheckboxGroup;PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [{
       minHeight: 40
     }, style]

package/lib/module/components/Checkbox/CheckboxGroupRow.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { StyleSheet, View, Platform, Pressable } from "react-native";
 import Checkbox from "./Checkbox";
@@ -5,7 +6,7 @@ import Text from "../Text";
 import { useCheckboxGroupContext } from "./context";
 import { Direction as GroupDirection } from "./context";
 import { extractStyles } from "../../utilities";
-export var Direction;
+export let Direction;
 (function (Direction) {
   Direction["Row"] = "row";
   Direction["RowReverse"] = "row-reverse";
@@ -62,14 +63,13 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled,
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+    disabled: disabled
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -107,23 +107,4 @@ const styles = StyleSheet.create({
     flex: 3
   }
 });
-export default CheckboxGroupRow;reate({
-  mainParent: {
-    alignItems: "center",
-    justifyContent: "space-around",
-    paddingStart: 20,
-    minHeight: 50,
-    paddingEnd: 20,
-    display: "flex",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  },
-  label: {
-    flex: 3
-  }
-});
 export default CheckboxGroupRow;

package/lib/module/components/CircularProgress.js

@@ -1,24 +1,27 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from "react";
 import { View } from "react-native";
 import { Svg, Path, G } from "react-native-svg";
 class CircularProgress extends React.Component {
   constructor() {
     super(...arguments);
-    this.polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
+    _defineProperty(this, "polarToCartesian", (centerX, centerY, radius, angleInDegrees) => {
       var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
       return {
         x: centerX + radius * Math.cos(angleInRadians),
         y: centerY + radius * Math.sin(angleInRadians)
       };
-    };
-    this.circlePath = (x, y, radius, startAngle, endAngle) => {
+    });
+    _defineProperty(this, "circlePath", (x, y, radius, startAngle, endAngle) => {
       var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
       var end = this.polarToCartesian(x, y, radius, startAngle);
       var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
       var d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y];
       return d.join(" ");
-    };
-    this.clampFill = fill => Math.min(100, Math.max(0, fill));
+    });
+    _defineProperty(this, "clampFill", fill => Math.min(100, Math.max(0, fill)));
   }
   render() {
     const {
@@ -98,27 +101,4 @@ class CircularProgress extends React.Component {
     }, children(fill)));
   }
 }
-export default CircularProgress;eElement(G, {
-      rotation: rotation,
-      originX: (size + padding) / 2,
-      originY: (size + padding) / 2
-    }, backgroundColor && /*#__PURE__*/React.createElement(Path, {
-      d: backgroundPath,
-      stroke: backgroundColor,
-      strokeWidth: backgroundWidth || width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayBackground,
-      fill: "transparent"
-    }), fill > 0 && /*#__PURE__*/React.createElement(Path, {
-      d: circlePathItem,
-      stroke: tintColor,
-      strokeWidth: width,
-      strokeLinecap: lineCap,
-      strokeDasharray: strokeDasharrayTint,
-      fill: "transparent"
-    }), cap)), children && /*#__PURE__*/React.createElement(View, {
-      style: localChildrenContainerStyle
-    }, children(fill)));
-  }
-}
 export default CircularProgress;

package/lib/module/components/DatePicker/DatePicker.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -81,20 +82,24 @@ const DatePicker = _ref => {
     focused ? _handleBlur() : _handleFocus();
   };
   const insets = useSafeAreaInsets();
+
   // const _restoreLabel = () =>
   //   Animated.timing(labeled, {
   //     toValue: 1,
   //     duration: FOCUS_ANIMATION_DURATION,
   //     useNativeDriver: true,
   //   }).start();
+
   // const _minmizeLabel = () =>
   //   Animated.timing(labeled, {
   //     toValue: 0,
   //     duration: BLUR_ANIMATION_DURATION,
   //     useNativeDriver: true,
   //   }).start();
+
   // const _showPlaceholder = () =>
   //   setTimeout(() => setPlaceholder1(placeholder || ""), 50);
+
   const _hidePlaceholder = () => {
     setPlaceholder1("");
   };
@@ -237,7 +242,9 @@ const DatePicker = _ref => {
   const inputStyles = [styles.input, inputStyle, type === "solid" ? {
     marginHorizontal: 12
   } : {}];
+
   // const render = (props) => <NativeTextInput {...props} />;
+
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
   }, /*#__PURE__*/React.createElement(Touchable, {
@@ -247,10 +254,9 @@ const DatePicker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
-  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
-    ...leftIconProps,
+  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
     style: leftIconStyle
-  }) : null, /*#__PURE__*/React.createElement(View, {
+  })) : null, /*#__PURE__*/React.createElement(View, {
     style: [containerStyle, style ? {
       height: style.height
     } : {}, viewStyles]
@@ -299,13 +305,12 @@ const DatePicker = _ref => {
       opacity: hasActiveOutline ? labeled : 1
     }],
     numberOfLines: 1
-  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, {
-    ...leftIconProps,
+  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
     style: {
       ...leftIconStyle,
       marginLeft: type === "solid" ? 16 : 0
     }
-  }) : null, /*#__PURE__*/React.createElement(NativeTextInput, {
+  })) : null, /*#__PURE__*/React.createElement(NativeTextInput, _extends({
     value: formatDate(),
     placeholder: label ? placeholder1 : placeholder,
     editable: !disabled,
@@ -314,9 +319,8 @@ const DatePicker = _ref => {
     onFocus: _handleFocus,
     onBlur: _handleBlur,
     underlineColorAndroid: "transparent",
-    style: [inputStyles, textStyles],
-    ...props
-  })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    style: [inputStyles, textStyles]
+  }, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
     name: rightIconName,
     size: ICON_SIZE,
     color: colors.light,
@@ -387,22 +391,4 @@ const styles = StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
-export default withTheme(DatePicker);yContent: "center",
-    textAlignVertical: "center",
-    margin: 0,
-    textAlign: I18nManager.isRTL ? "right" : "left"
-  },
-  placeholder: {
-    position: "absolute",
-    left: 0
-  },
-  pickerContainer: {
-    flexDirection: "column",
-    width: "100%",
-    zIndex: 100
-  },
-  closeButton: {
-    alignSelf: "flex-end"
-  }
-});
 export default withTheme(DatePicker);

package/lib/module/components/DeprecatedButton.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { ActivityIndicator, View, Text, StyleSheet, Pressable } from "react-native";
 import color from "color";
@@ -74,8 +75,7 @@ const Button = _ref => {
       elevation,
       alignSelf: "stretch"
     }
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    ...rest,
+  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -83,7 +83,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -114,22 +114,4 @@ const styles = StyleSheet.create({
     width: Config.buttonIconSize
   }
 });
-export default withTheme(Button);: 1,
-    style: [textStyle, typography.button]
-  }, children))));
-};
-const styles = StyleSheet.create({
-  button: {
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: Config.buttonIconSize
-  }
-});
 export default withTheme(Button);

package/lib/module/components/Elevation.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { Animated, StyleSheet, View } from "react-native";
 import shadow from "../styles/shadow";
@@ -18,20 +19,7 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    ...rest,
-    style: [{
-      borderRadius,
-      backgroundColor: colors.surface
-    }, elevation ? shadow(elevation) : null, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      overflow: "hidden",
-      borderRadius
-    }
-  }, children));
-};
-export default withTheme(Elevation);React.createElement(Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface

package/lib/module/components/FieldSearchBarFull.js

@@ -46,6 +46,7 @@ const FieldSearchBarFull = _ref => {
     lineHeight,
     ...typeStyles
   } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
+
   const handleChangeText = newValue => {
     setInternalValue(newValue);
     if (onChange) {
@@ -83,4 +84,4 @@ const styles = StyleSheet.create({
     alignItems: "center"
   }
 });
-export default withTheme(FieldSearchBarFull);;
+export default withTheme(FieldSearchBarFull);

package/lib/module/components/Image.js

@@ -1,3 +1,4 @@
+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); }
 /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
 import React from "react";
 import { Image as NativeImage, StyleSheet } from "react-native";
@@ -55,24 +56,7 @@ const Image = _ref2 => {
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/React.createElement(NativeImage, {
-      ...props,
-      source: imageSource,
-      resizeMode: resizeMode,
-      style: [style, {
-        height: "100%",
-        width: "100%"
-      }]
-    }));
-  }
-  return /*#__PURE__*/React.createElement(NativeImage, {
-    ...props,
-    source: source,
-    resizeMode: resizeMode,
-    style: style
-  });
-};
-export default Image;eImage, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
       source: imageSource,
       resizeMode: resizeMode,
       style: [style, {

package/lib/module/components/Layout.js

@@ -1,5 +1,8 @@
+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); }
 import * as React from "react";
 import { View } from "react-native";
+// @ts-ignore
+
 export function Center(_ref) {
   let {
     width = 240,
@@ -9,16 +12,15 @@ export function Center(_ref) {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style],
-    ...rest
-  }, children);
+    }, style]
+  }, rest), children);
 }
 export function Circle(_ref2) {
   let {
@@ -29,7 +31,7 @@ export function Circle(_ref2) {
     ...rest
   } = _ref2;
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement(Center, _extends({
     width: size,
     height: size,
     bgColor: bgColor,
@@ -37,9 +39,8 @@ export function Circle(_ref2) {
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }],
-    ...rest
-  }, children);
+    }]
+  }, rest), children);
 }
 export function Square(_ref3) {
   let {
@@ -49,13 +50,12 @@ export function Square(_ref3) {
     style,
     ...rest
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement(Center, _extends({
     style: style,
     width: size,
     height: size,
-    bgColor: bgColor,
-    ...rest
-  }, children);
+    bgColor: bgColor
+  }, rest), children);
 }
 export function Row(_ref4) {
   let {
@@ -65,14 +65,15 @@ export function Row(_ref4) {
     style,
     ...rest
   } = _ref4;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [style, {
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [style,
+    // style goes first b/c we can't override these
+    {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }],
-    ...rest
-  }, children);
+    }]
+  }, rest), children);
 }
 export function Spacer(_ref5) {
   let {
@@ -84,36 +85,14 @@ export function Spacer(_ref5) {
     style,
     ...rest
   } = _ref5;
-  return /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }],
-    ...rest
-  }, children);
-}
-export function Stack(_ref6) {
-  let {
-    children,
-    justifyContent = "flex-start",
-    alignItems = "flex-start",
-    style,
-    ...rest
-  } = _ref6;
-  return (
-    /*#__PURE__*/
-    // style must go first since we don't want justifyContent, alignItems overridden
-    React.createElement(View, {
-      style: [style, {
-        justifyContent,
-        alignItems
-      }],
-      ...rest
-    }, children)
-  );
-}hildren);
+    }]
+  }, rest), children);
 }
 export function Stack(_ref6) {
   let {

package/lib/module/components/NumberInput.js

@@ -1,3 +1,4 @@
+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); }
 import React, { useEffect, useState } from "react";
 import { TextInput } from "react-native";
 import { isString, isNumber, isNaN } from "lodash";
@@ -25,6 +26,7 @@ const NumberInput = _ref => {
     }
     return "0";
   };
+
   // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
   useEffect(() => {
     const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
@@ -39,6 +41,7 @@ const NumberInput = _ref => {
     setCurrentStringNumberValue(newStringNumberValue);
     onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
   };
+
   // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
   useEffect(() => {
     const nextStringNumberValue = formatValueToStringNumber(value);
@@ -47,18 +50,6 @@ const NumberInput = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
-  return /*#__PURE__*/React.createElement(TextInput, {
-    keyboardType: "numeric",
-    value: currentStringNumberValue,
-    onChangeText: handleChangeText,
-    ...props
-  });
-};
-export default NumberInput;alue) {
-      handleChangeText(nextStringNumberValue);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
   return /*#__PURE__*/React.createElement(TextInput, _extends({
     keyboardType: "numeric",
     value: currentStringNumberValue,

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

@@ -37,6 +37,7 @@ const unstyledColor = "rgba(165, 173, 183, 1)";
 const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
 const Picker = _ref => {
+  var _find$label, _find;
   let {
     error,
     options = [],
@@ -58,7 +59,6 @@ const Picker = _ref => {
     rightIconName,
     type = "solid"
   } = _ref;
-  var _a, _b;
   const androidPickerRef = React.useRef(undefined);
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
   const [pickerVisible, setPickerVisible] = React.useState(false);
@@ -76,9 +76,9 @@ const Picker = _ref => {
     }
   }, [defaultValue]);
   React.useEffect(() => {
-    var _a;
     if (pickerVisible && androidPickerRef.current) {
-      (_a = androidPickerRef === null || androidPickerRef === void 0 ? void 0 : androidPickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      var _androidPickerRef$cur;
+      androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
     }
   }, [pickerVisible, androidPickerRef]);
   const normalizedOptions = normalizeOptions(options);
@@ -128,7 +128,7 @@ const Picker = _ref => {
     ...extractedMarginStyles
   };
   const stylesWithoutBordersAndMargins = omit(viewStyles, [...borderStyleNames, ...marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  const selectedLabel = internalValue && ((_b = (_a = pickerOptions.find(option => option.value === internalValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : internalValue);
+  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 labelText = label ? /*#__PURE__*/React.createElement(Text, {
     style: {
       textAlign: textStyles.textAlign,
@@ -314,10 +314,4 @@ const styles = StyleSheet.create({
     maxHeight: deviceHeight
   }
 });
-export default withTheme(Picker);bottom: 0,
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight
-  }
-});
 export default withTheme(Picker);