@draftbit/core 46.0.1-d651f1.1 → 46.0.1-e1d164.1

package/lib/commonjs/components/Carousel.js

@@ -50,8 +50,6 @@ function Pager(_ref) {
 }
 
 function Carousel(_ref2) {
-  var _data$length;
-
   let {
     data,
     children,
@@ -61,7 +59,7 @@ function Carousel(_ref2) {
   } = _ref2;
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
+  const itemsLength = ((data === null || data === void 0 ? void 0 : data.length) ?? 0) + length;
   const slides = Array.isArray(data) ? data : [];
 
   const {

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

@@ -1 +1 @@
-{"version":3,"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","withTheme"],"sources":["Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n  theme: any;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: React.PropsWithChildren<Props>) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"],"mappings":"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"}
+{"version":3,"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","withTheme"],"sources":["Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n  theme: any;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: React.PropsWithChildren<Props>) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","React","useState","useEffect","previousDefaultValue","usePrevious","Boolean","colors","useTheme","checkboxColor","primary","handlePress","newValue","styles","container","width","height","icon","StyleSheet","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"sources":["Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n  status?: boolean;\n  disabled?: boolean;\n  onPress?: (checked: boolean) => void;\n  onCheck?: () => void;\n  onUncheck?: () => void;\n  color?: string;\n  uncheckedColor?: string;\n  checkedIcon?: string;\n  uncheckedIcon?: string;\n  defaultValue?: boolean;\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =\n  ({\n    Icon,\n    status,\n    disabled = false,\n    onPress,\n    onCheck,\n    onUncheck,\n    color,\n    uncheckedColor,\n    defaultValue,\n    checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n    uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n    size = 24,\n    style,\n    ...rest\n  }) => {\n    const [internalValue, setInternalValue] = React.useState<boolean>(\n      status || defaultValue || false\n    );\n\n    React.useEffect(() => {\n      if (status != null) {\n        setInternalValue(status);\n      }\n    }, [status]);\n\n    // This special logic is to handle weird APIs like Airtable that return\n    // true or undefined for a boolean\n    const previousDefaultValue = usePrevious(defaultValue) as\n      | boolean\n      | undefined;\n\n    React.useEffect(() => {\n      if (defaultValue !== previousDefaultValue) {\n        setInternalValue(Boolean(defaultValue));\n      }\n    }, [defaultValue, previousDefaultValue]);\n\n    const { colors } = useTheme();\n\n    const checkboxColor = internalValue\n      ? color || colors.primary\n      : uncheckedColor || colors.primary;\n\n    const handlePress = () => {\n      const newValue = !internalValue;\n\n      setInternalValue(newValue);\n      onPress?.(newValue);\n\n      if (newValue) {\n        onCheck?.();\n      }\n\n      if (!newValue) {\n        onUncheck?.();\n      }\n    };\n\n    return (\n      <Touchable\n        {...rest}\n        onPress={handlePress}\n        disabled={disabled}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        accessibilityLiveRegion=\"polite\"\n        style={[styles.container, style, { width: size, height: size }]}\n      >\n        <Icon\n          style={styles.icon}\n          name={internalValue ? checkedIcon : uncheckedIcon}\n          size={size}\n          color={checkboxColor}\n        />\n        <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n          <View\n            style={[\n              styles.fill,\n              { opacity: disabled ? 0.5 : 1 },\n              { borderColor: checkboxColor },\n            ]}\n          />\n        </View>\n      </Touchable>\n    );\n  };\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 18,\n  },\n  fillContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignSelf: \"center\",\n  },\n  fill: {\n    borderRadius: 5,\n    width: 30,\n    height: 30,\n    alignSelf: \"center\",\n  },\n});\n\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"names":["Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","React","useState","useEffect","previousDefaultValue","usePrevious","Boolean","colors","useTheme","checkboxColor","primary","handlePress","newValue","styles","container","width","height","icon","StyleSheet","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"sources":["Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n  status?: boolean;\n  disabled?: boolean;\n  onPress?: (checked: boolean) => void;\n  onCheck?: () => void;\n  onUncheck?: () => void;\n  color?: string;\n  uncheckedColor?: string;\n  checkedIcon?: string;\n  uncheckedIcon?: string;\n  defaultValue?: boolean;\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<\n  CheckboxProps & TouchableHighlightProps & IconSlot\n> = ({\n  Icon,\n  status,\n  disabled = false,\n  onPress,\n  onCheck,\n  onUncheck,\n  color,\n  uncheckedColor,\n  defaultValue,\n  checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n  uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n  size = 24,\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    status || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (status != null) {\n      setInternalValue(status);\n    }\n  }, [status]);\n\n  // This special logic is to handle weird APIs like Airtable that return\n  // true or undefined for a boolean\n  const previousDefaultValue = usePrevious(defaultValue) as boolean | undefined;\n\n  React.useEffect(() => {\n    if (defaultValue !== previousDefaultValue) {\n      setInternalValue(Boolean(defaultValue));\n    }\n  }, [defaultValue, previousDefaultValue]);\n\n  const { colors } = useTheme();\n\n  const checkboxColor = internalValue\n    ? color || colors.primary\n    : uncheckedColor || colors.primary;\n\n  const handlePress = () => {\n    const newValue = !internalValue;\n\n    setInternalValue(newValue);\n    onPress?.(newValue);\n\n    if (newValue) {\n      onCheck?.();\n    }\n\n    if (!newValue) {\n      onUncheck?.();\n    }\n  };\n\n  return (\n    <Touchable\n      {...rest}\n      onPress={handlePress}\n      disabled={disabled}\n      accessibilityState={{ disabled }}\n      accessibilityRole=\"button\"\n      accessibilityLiveRegion=\"polite\"\n      style={[styles.container, style, { width: size, height: size }]}\n    >\n      <Icon\n        style={styles.icon}\n        name={internalValue ? checkedIcon : uncheckedIcon}\n        size={size}\n        color={checkboxColor}\n      />\n      <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n        <View\n          style={[\n            styles.fill,\n            { opacity: disabled ? 0.5 : 1 },\n            { borderColor: checkboxColor },\n          ]}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 18,\n  },\n  fillContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignSelf: \"center\",\n  },\n  fill: {\n    borderRadius: 5,\n    width: 30,\n    height: 30,\n    alignSelf: \"center\",\n  },\n});\n\nexport default Checkbox;\n"],"mappings":"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"}

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

@@ -25,9 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -91,13 +89,14 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -137,6 +136,24 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+var _default = CheckboxGroupRow;
+exports.default = _default;
+//# sourceMappingURL=CheckboxGroupRow.js.map    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+
 var _default = CheckboxGroupRow;
 exports.default = _default;
 //# sourceMappingURL=CheckboxGroupRow.js.map

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","style","color","uncheckedColor","rest","values","selectedValues","onValueChange","useCheckboxGroupContext","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","extractStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"sources":["CheckboxGroupRow.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 Checkbox, { CheckboxProps } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxGroupRowProps extends Omit<CheckboxProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string; // A string that this checkbox represents\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: boolean) => void;\n  direction?: Direction;\n  color: string;\n  unselectedColor: string;\n}\n\nconst getCheckboxAlignment = (\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 CheckboxGroupRow: React.FC<CheckboxGroupRowProps & IconSlot> = ({\n  Icon,\n  label = \"Label\",\n  status,\n  value,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  disabled,\n  style,\n  color,\n  uncheckedColor,\n  ...rest\n}) => {\n  const {\n    values: selectedValues,\n    onValueChange,\n    direction: parentDirection,\n  } = useCheckboxGroupContext();\n\n  const values = Array.isArray(selectedValues) ? selectedValues : [];\n  const isChecked = status || values.includes(value);\n\n  const handlePress = () => {\n    if (!disabled) {\n      onPress?.(!isChecked);\n      onValueChange?.(value, !isChecked);\n    }\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: getCheckboxAlignment(parentDirection, direction),\n        }}\n      >\n        <Checkbox\n          Icon={Icon}\n          status={isChecked}\n          onPress={handlePress}\n          style={checkboxStyle}\n          disabled={disabled}\n          color={color}\n          uncheckedColor={uncheckedColor}\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 CheckboxGroupRow;\n"],"mappings":"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"}
+{"version":3,"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","React","createElement","Text","style","Fragment","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","color","uncheckedColor","rest","values","selectedValues","onValueChange","useCheckboxGroupContext","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","extractStyles","Touchable","styles","mainParent","flexDirection","View","alignItems","flex","Checkbox","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"sources":["CheckboxGroupRow.js"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport Checkbox from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Row\"] = \"row\";\n    Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getCheckboxAlignment = (parentDirection, direction) => {\n    if (parentDirection === GroupDirection.Horizontal) {\n        return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n    }\n    else if (direction === Direction.RowReverse) {\n        return \"flex-start\";\n    }\n    else {\n        return \"flex-end\";\n    }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n    if (typeof value === \"string\") {\n        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n    }\n    else {\n        return React.createElement(React.Fragment, null, value);\n    }\n};\nconst CheckboxGroupRow = ({ Icon, label = \"Label\", status, value, onPress, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, disabled, style, color, uncheckedColor, ...rest }) => {\n    const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();\n    const values = Array.isArray(selectedValues) ? selectedValues : [];\n    const isChecked = status || values.includes(value);\n    const handlePress = () => {\n        if (!disabled) {\n            onPress?.(!isChecked);\n            onValueChange?.(value, !isChecked);\n        }\n    };\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n        React.createElement(View, { style: [\n                styles.label,\n                {\n                    alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n                },\n                labelContainerStyle,\n            ] }, renderLabel(label, labelStyle, textStyles)),\n        React.createElement(View, { style: {\n                flex: 1,\n                alignItems: getCheckboxAlignment(parentDirection, direction),\n            } },\n            React.createElement(Checkbox, { Icon: Icon, status: isChecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor }))));\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});\nexport default CheckboxGroupRow;\n"],"mappings":"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"}

package/lib/commonjs/components/CircleImage.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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 CircleImage = _ref => {
   let {
     source = _Config.default.placeholderImageURL,
@@ -27,7 +25,23 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Image, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius
+    }, style],
+    source: typeof source === "string" ? {
+      uri: source
+    } : source,
+    resizeMode: "cover",
+    ...props
+  });
+};
+
+var _default = CircleImage;
+exports.default = _default;
+//# sourceMappingURL=CircleImage.js.mapeateElement(_reactNative.Image, _extends({
     style: [{
       width: size,
       height: size,

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

@@ -1 +1 @@
-{"version":3,"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","width","height","uri"],"sources":["CircleImage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Image,\n  ImageSourcePropType,\n  StyleProp,\n  ImageStyle,\n} from \"react-native\";\nimport Config from \"./Config\";\ninterface Props {\n  source?: string | ImageSourcePropType;\n  size?: number;\n  style?: StyleProp<ImageStyle>;\n}\n\nconst CircleImage: React.FC<React.PropsWithChildren<Props>> = ({\n  source = Config.placeholderImageURL,\n  size = 60,\n  style,\n  ...props\n}) => {\n  const borderRadius = size / 2;\n\n  return (\n    <Image\n      style={[{ width: size, height: size, borderRadius }, style]}\n      source={typeof source === \"string\" ? { uri: source } : source}\n      resizeMode=\"cover\"\n      {...props}\n    />\n  );\n};\n\nexport default CircleImage;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;;;;;;;;;;AAOA,MAAMA,WAAqD,GAAG,QAKxD;EAAA,IALyD;IAC7DC,MAAM,GAAGC,eAAA,CAAOC,mBAD6C;IAE7DC,IAAI,GAAG,EAFsD;IAG7DC,KAH6D;IAI7D,GAAGC;EAJ0D,CAKzD;EACJ,MAAMC,YAAY,GAAGH,IAAI,GAAG,CAA5B;EAEA,oBACE,oBAAC,kBAAD;IACE,KAAK,EAAE,CAAC;MAAEI,KAAK,EAAEJ,IAAT;MAAeK,MAAM,EAAEL,IAAvB;MAA6BG;IAA7B,CAAD,EAA8CF,KAA9C,CADT;IAEE,MAAM,EAAE,OAAOJ,MAAP,KAAkB,QAAlB,GAA6B;MAAES,GAAG,EAAET;IAAP,CAA7B,GAA+CA,MAFzD;IAGE,UAAU,EAAC;EAHb,GAIMK,KAJN,EADF;AAQD,CAhBD;;eAkBeN,W"}
+{"version":3,"names":["CircleImage","source","Config","placeholderImageURL","size","style","props","borderRadius","React","createElement","Image","width","height","uri","resizeMode"],"sources":["CircleImage.js"],"sourcesContent":["import * as React from \"react\";\nimport { Image, } from \"react-native\";\nimport Config from \"./Config\";\nconst CircleImage = ({ source = Config.placeholderImageURL, size = 60, style, ...props }) => {\n    const borderRadius = size / 2;\n    return (React.createElement(Image, { style: [{ width: size, height: size, borderRadius }, style], source: typeof source === \"string\" ? { uri: source } : source, resizeMode: \"cover\", ...props }));\n};\nexport default CircleImage;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACA,MAAMA,WAAW,GAAG,QAAyE;EAAA,IAAxE;IAAEC,MAAM,GAAGC,eAAA,CAAOC,mBAAlB;IAAuCC,IAAI,GAAG,EAA9C;IAAkDC,KAAlD;IAAyD,GAAGC;EAA5D,CAAwE;EACzF,MAAMC,YAAY,GAAGH,IAAI,GAAG,CAA5B;EACA,oBAAQI,KAAK,CAACC,aAAN,CAAoBC,kBAApB,EAA2B;IAAEL,KAAK,EAAE,CAAC;MAAEM,KAAK,EAAEP,IAAT;MAAeQ,MAAM,EAAER,IAAvB;MAA6BG;IAA7B,CAAD,EAA8CF,KAA9C,CAAT;IAA+DJ,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6B;MAAEY,GAAG,EAAEZ;IAAP,CAA7B,GAA+CA,MAAtH;IAA8Ha,UAAU,EAAE,OAA1I;IAAmJ,GAAGR;EAAtJ,CAA3B,CAAR;AACH,CAHD;;eAIeN,W"}

package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js

@@ -20,7 +20,7 @@ var _DefaultTheme = _interopRequireDefault(require("../../styles/DefaultTheme"))
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const DatePickerComponent = _ref => {
-  var _theme$colors$primary, _theme$colors, _theme$colors$seconda, _theme$colors2;
+  var _theme$colors, _theme$colors2;
 
   let {
     value,
@@ -33,10 +33,10 @@ const DatePickerComponent = _ref => {
   const internalTheme = (0, _styles.createMuiTheme)({
     palette: {
       primary: {
-        main: (_theme$colors$primary = theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.primary) !== null && _theme$colors$primary !== void 0 ? _theme$colors$primary : _DefaultTheme.default.colors.primary
+        main: (theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.primary) ?? _DefaultTheme.default.colors.primary
       },
       secondary: {
-        main: (_theme$colors$seconda = theme === null || theme === void 0 ? void 0 : (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 ? void 0 : _theme$colors2.secondary) !== null && _theme$colors$seconda !== void 0 ? _theme$colors$seconda : _DefaultTheme.default.colors.secondary
+        main: (theme === null || theme === void 0 ? void 0 : (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 ? void 0 : _theme$colors2.secondary) ?? _DefaultTheme.default.colors.secondary
       }
     }
   });

package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","createMuiTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","DateFnsUtils","d","withTheme"],"sources":["DatePickerComponent.web.tsx"],"sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n  MuiPickersUtilsProvider,\n  DatePicker,\n  TimePicker,\n  DateTimePicker,\n} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n  isVisible,\n  theme,\n}) => {\n  const internalTheme = createMuiTheme({\n    palette: {\n      primary: {\n        main: theme?.colors?.primary ?? Theme.colors.primary,\n      },\n      secondary: {\n        main: theme?.colors?.secondary ?? Theme.colors.secondary,\n      },\n    },\n  });\n\n  const Picker =\n    mode === \"date\"\n      ? DatePicker\n      : mode === \"time\"\n      ? TimePicker\n      : DateTimePicker;\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <ThemeProvider theme={internalTheme}>\n        <Picker\n          value={value}\n          open={isVisible}\n          onChange={(d) => {\n            toggleVisibility();\n            onChange(null, d);\n          }}\n          onClose={() => toggleVisibility()}\n          variant=\"dialog\"\n          TextFieldComponent={() => null}\n        />\n      </ThemeProvider>\n    </MuiPickersUtilsProvider>\n  );\n};\n\nexport default withTheme(DatePickerComponent);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAMA;;AAEA;;AACA;;;;AAEA,MAAMA,mBAA8D,GAAG,QAOjE;EAAA;;EAAA,IAPkE;IACtEC,KADsE;IAEtEC,QAFsE;IAGtEC,IAHsE;IAItEC,gBAJsE;IAKtEC,SALsE;IAMtEC;EANsE,CAOlE;EACJ,MAAMC,aAAa,GAAG,IAAAC,sBAAA,EAAe;IACnCC,OAAO,EAAE;MACPC,OAAO,EAAE;QACPC,IAAI,2BAAEL,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEM,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BG,qBAAA,CAAMD,MAAN,CAAaF;MADtC,CADF;MAIPI,SAAS,EAAE;QACTH,IAAI,2BAAEL,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEM,MAAT,mDAAE,eAAeE,SAAjB,yEAA8BD,qBAAA,CAAMD,MAAN,CAAaE;MADtC;IAJJ;EAD0B,CAAf,CAAtB;EAWA,MAAMC,MAAM,GACVZ,IAAI,KAAK,MAAT,GACIa,mBADJ,GAEIb,IAAI,KAAK,MAAT,GACAc,mBADA,GAEAC,uBALN;EAOA,oBACE,6BAAC,gCAAD;IAAyB,KAAK,EAAEC;EAAhC,gBACE,6BAAC,qBAAD;IAAe,KAAK,EAAEZ;EAAtB,gBACE,6BAAC,MAAD;IACE,KAAK,EAAEN,KADT;IAEE,IAAI,EAAEI,SAFR;IAGE,QAAQ,EAAGe,CAAD,IAAO;MACfhB,gBAAgB;MAChBF,QAAQ,CAAC,IAAD,EAAOkB,CAAP,CAAR;IACD,CANH;IAOE,OAAO,EAAE,MAAMhB,gBAAgB,EAPjC;IAQE,OAAO,EAAC,QARV;IASE,kBAAkB,EAAE,MAAM;EAT5B,EADF,CADF,CADF;AAiBD,CA3CD;;eA6Ce,IAAAiB,kBAAA,EAAUrB,mBAAV,C"}
+{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","createMuiTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","DateFnsUtils","d","withTheme"],"sources":["DatePickerComponent.web.tsx"],"sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n  MuiPickersUtilsProvider,\n  DatePicker,\n  TimePicker,\n  DateTimePicker,\n} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n  isVisible,\n  theme,\n}) => {\n  const internalTheme = createMuiTheme({\n    palette: {\n      primary: {\n        main: theme?.colors?.primary ?? Theme.colors.primary,\n      },\n      secondary: {\n        main: theme?.colors?.secondary ?? Theme.colors.secondary,\n      },\n    },\n  });\n\n  const Picker =\n    mode === \"date\"\n      ? DatePicker\n      : mode === \"time\"\n      ? TimePicker\n      : DateTimePicker;\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <ThemeProvider theme={internalTheme}>\n        <Picker\n          value={value}\n          open={isVisible}\n          onChange={(d) => {\n            toggleVisibility();\n            onChange(null, d);\n          }}\n          onClose={() => toggleVisibility()}\n          variant=\"dialog\"\n          TextFieldComponent={() => null}\n        />\n      </ThemeProvider>\n    </MuiPickersUtilsProvider>\n  );\n};\n\nexport default withTheme(DatePickerComponent);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAMA;;AAEA;;AACA;;;;AAEA,MAAMA,mBAA8D,GAAG,QAOjE;EAAA;;EAAA,IAPkE;IACtEC,KADsE;IAEtEC,QAFsE;IAGtEC,IAHsE;IAItEC,gBAJsE;IAKtEC,SALsE;IAMtEC;EANsE,CAOlE;EACJ,MAAMC,aAAa,GAAG,IAAAC,sBAAA,EAAe;IACnCC,OAAO,EAAE;MACPC,OAAO,EAAE;QACPC,IAAI,EAAE,CAAAL,KAAK,SAAL,IAAAA,KAAK,WAAL,6BAAAA,KAAK,CAAEM,MAAP,gEAAeF,OAAf,KAA0BG,qBAAA,CAAMD,MAAN,CAAaF;MADtC,CADF;MAIPI,SAAS,EAAE;QACTH,IAAI,EAAE,CAAAL,KAAK,SAAL,IAAAA,KAAK,WAAL,8BAAAA,KAAK,CAAEM,MAAP,kEAAeE,SAAf,KAA4BD,qBAAA,CAAMD,MAAN,CAAaE;MADtC;IAJJ;EAD0B,CAAf,CAAtB;EAWA,MAAMC,MAAM,GACVZ,IAAI,KAAK,MAAT,GACIa,mBADJ,GAEIb,IAAI,KAAK,MAAT,GACAc,mBADA,GAEAC,uBALN;EAOA,oBACE,6BAAC,gCAAD;IAAyB,KAAK,EAAEC;EAAhC,gBACE,6BAAC,qBAAD;IAAe,KAAK,EAAEZ;EAAtB,gBACE,6BAAC,MAAD;IACE,KAAK,EAAEN,KADT;IAEE,IAAI,EAAEI,SAFR;IAGE,QAAQ,EAAGe,CAAD,IAAO;MACfhB,gBAAgB;MAChBF,QAAQ,CAAC,IAAD,EAAOkB,CAAP,CAAR;IACD,CANH;IAOE,OAAO,EAAE,MAAMhB,gBAAgB,EAPjC;IAQE,OAAO,EAAC,QARV;IASE,kBAAkB,EAAE,MAAM;EAT5B,EADF,CADF,CADF;AAiBD,CA3CD;;eA6Ce,IAAAiB,kBAAA,EAAUrB,mBAAV,C"}

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
       }]
@@ -358,4 +358,7 @@ const styles = _reactNative.StyleSheet.create({
     maxHeight: deviceHeight
   }
 });
+//# sourceMappingURL=Picker.js.map deviceHeight
+  }
+});
 //# sourceMappingURL=Picker.js.map

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":"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"}

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,