@draftbit/core 46.1.4-e6469c.0 → 46.1.4

package/lib/commonjs/components/ActionSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.js"],"sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/lib/commonjs/components/DeprecatedButton.js

@@ -25,6 +25,8 @@ 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 Button = _ref => {
   let {
     Icon,
@@ -126,7 +128,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -134,7 +136,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -169,23 +171,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Button);
 
-exports.default = _default;
-//# sourceMappingURL=DeprecatedButton.js.mapt.create({
-  button: {
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: _Config.default.buttonIconSize
-  }
-});
-
-var _default = (0, _theming.withTheme)(Button);
-
 exports.default = _default;
 //# sourceMappingURL=DeprecatedButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","React","createElement","Elevation","alignSelf","Touchable","accessibilityState","accessibilityRole","button","View","content","name","size","ActivityIndicator","Text","numberOfLines","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","withTheme"],"sources":["DeprecatedButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst Button = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"solid\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n    };\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n        marginVertical: 16,\n        marginHorizontal: 16,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            marginLeft: 16,\n            marginRight: -8,\n            width: Config.buttonIconSize,\n        },\n    ];\n    const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style || {});\n    const margins = {\n        margin,\n        marginEnd,\n        marginTop,\n        marginLeft,\n        marginRight,\n        marginBottom,\n        marginHorizontal,\n        marginVertical,\n    };\n    return (React.createElement(Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: [styles.button, buttonStyle, innerStyles] },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        minWidth: 64,\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        width: Config.buttonIconSize,\n    },\n});\nexport default withTheme(Button);\n"],"mappings":"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"}
+{"version":3,"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","withTheme"],"sources":["DeprecatedButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  Text,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n *   <figure>\n *     <img src=\"screenshots/button-1.png\" />\n *     <figcaption>Text button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-2.png\" />\n *     <figcaption>Outlined button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-3.png\" />\n *     <figcaption>Contained button</figcaption>\n *   </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n *     Press me\n *   </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"outline\" | \"text\";\n  loading?: boolean;\n  icon?: string;\n  labelColor?: string;\n  color?: string;\n  children?: React.ReactNode;\n  onPress: () => void;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst Button: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  labelColor,\n  color: colorOverride,\n  children,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"solid\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n  };\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n    marginVertical: 16,\n    marginHorizontal: 16,\n  };\n\n  const iconStyle = [\n    styles.icon,\n    {\n      marginLeft: 16,\n      marginRight: -8,\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  const {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n    ...innerStyles\n  } = StyleSheet.flatten(style || {});\n\n  const margins = {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n  };\n\n  return (\n    <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={[styles.button, buttonStyle, innerStyles]}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          <Text numberOfLines={1} style={[textStyle, typography.button]}>\n            {children}\n          </Text>\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    minWidth: 64,\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    width: Config.buttonIconSize,\n  },\n});\n\nexport default withTheme(Button);\n"],"mappings":"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"}

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -13,6 +13,8 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -35,20 +37,6 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
-  return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
-    disabled: !onPress,
-    onPress: onPress,
-    style: [style, {
-      width
-    }],
-    ...rest
-  }, children);
-};
-
-var _default = (0, _theming.withTheme)(Card);
-
-exports.default = _default;
-//# sourceMappingURL=DeprecatedCardWrapper.js.map = getWidth(numColumns);
   return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,

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

@@ -1 +1 @@
-{"version":3,"names":["getWidth","numColumns","Card","children","onPress","style","rest","width","React","createElement","Touchable","disabled","withTheme"],"sources":["DeprecatedCardWrapper.js"],"sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nconst getWidth = (numColumns) => {\n    switch (numColumns) {\n        case 1:\n            return \"33%\";\n        case 2:\n            return \"50%\";\n        default:\n            return \"100%\";\n    }\n};\nconst Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {\n    const width = getWidth(numColumns);\n    return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));\n};\nexport default withTheme(Card);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,QAAQ,GAAIC,UAAD,IAAgB;EAC7B,QAAQA,UAAR;IACI,KAAK,CAAL;MACI,OAAO,KAAP;;IACJ,KAAK,CAAL;MACI,OAAO,KAAP;;IACJ;MACI,OAAO,MAAP;EANR;AAQH,CATD;;AAUA,MAAMC,IAAI,GAAG,QAA2D;EAAA,IAA1D;IAAED,UAAU,GAAG,CAAf;IAAkBE,QAAlB;IAA4BC,OAA5B;IAAqCC,KAArC;IAA4C,GAAGC;EAA/C,CAA0D;EACpE,MAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;EACA,oBAAQO,cAAA,CAAMC,aAAN,CAAoBC,kBAApB,EAA+B;IAAEC,QAAQ,EAAE,CAACP,OAAb;IAAsBA,OAAO,EAAEA,OAA/B;IAAwCC,KAAK,EAAE,CAACA,KAAD,EAAQ;MAAEE;IAAF,CAAR,CAA/C;IAAmE,GAAGD;EAAtE,CAA/B,EAA6GH,QAA7G,CAAR;AACH,CAHD;;eAIe,IAAAS,kBAAA,EAAUV,IAAV,C"}
+{"version":3,"names":["getWidth","numColumns","Card","children","onPress","style","rest","width","withTheme"],"sources":["DeprecatedCardWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  numColumns?: number;\n  children?: React.ReactNode;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n  switch (numColumns) {\n    case 1:\n      return \"33%\";\n    case 2:\n      return \"50%\";\n    default:\n      return \"100%\";\n  }\n};\n\nconst Card: React.FC<React.PropsWithChildren<Props>> = ({\n  numColumns = 3,\n  children,\n  onPress,\n  style,\n  ...rest\n}) => {\n  const width = getWidth(numColumns);\n  return (\n    <Touchable\n      disabled={!onPress}\n      onPress={onPress}\n      style={[style, { width }]}\n      {...rest}\n    >\n      {children}\n    </Touchable>\n  );\n};\n\nexport default withTheme(Card);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAYA,MAAMA,QAAQ,GAAIC,UAAD,IAAwB;EACvC,QAAQA,UAAR;IACE,KAAK,CAAL;MACE,OAAO,KAAP;;IACF,KAAK,CAAL;MACE,OAAO,KAAP;;IACF;MACE,OAAO,MAAP;EANJ;AAQD,CATD;;AAWA,MAAMC,IAA8C,GAAG,QAMjD;EAAA,IANkD;IACtDD,UAAU,GAAG,CADyC;IAEtDE,QAFsD;IAGtDC,OAHsD;IAItDC,KAJsD;IAKtD,GAAGC;EALmD,CAMlD;EACJ,MAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;EACA,oBACE,6BAAC,kBAAD;IACE,QAAQ,EAAE,CAACG,OADb;IAEE,OAAO,EAAEA,OAFX;IAGE,KAAK,EAAE,CAACC,KAAD,EAAQ;MAAEE;IAAF,CAAR;EAHT,GAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;eAoBe,IAAAK,kBAAA,EAAUN,IAAV,C"}

package/lib/commonjs/components/Justification.js

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

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

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _lodash = _interopRequireDefault(require("lodash.omit"));
+
+var _theming = require("../../theming");
+
+var _picker = require("@react-native-picker/picker");
+
+var _utilities = require("../../utilities");
+
+var _TextField = _interopRequireDefault(require("../TextField"));
+
+var _Touchable = _interopRequireDefault(require("../Touchable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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;
+
+  let {
+    style,
+    options,
+    placeholder,
+    selectedValue,
+    disabled = false,
+    onValueChange: onValueChangeOverride = () => {},
+    ...props
+  } = _ref;
+  const {
+    viewStyles: {
+      borderRadius,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderTopWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderRightWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderBottomWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderLeftWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderColor,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      backgroundColor,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      padding,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingTop,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingRight,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingBottom,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingLeft,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      ...viewStyles
+    }
+  } = (0, _utilities.extractStyles)(style);
+  const textField = React.useRef(undefined);
+
+  const onValueChange = (itemValue, itemIndex) => {
+    toggleFocus();
+    onValueChangeOverride(itemValue, itemIndex);
+  };
+
+  const toggleFocus = () => {
+    if (!disabled) {
+      // @ts-ignore
+      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
+    }
+  };
+
+  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
+  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,
+    style: [styles.container, viewStyles]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_picker.Picker, {
+    enabled: !disabled,
+    selectedValue: selectedValue,
+    onValueChange: onValueChange,
+    style: {
+      opacity: 0,
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: "100%"
+    }
+  }, options.map(o => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+    value: selectedLabel,
+    placeholder: placeholder // @ts-ignore
+    ,
+    ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
+    ,
+    disabled: disabled // @ts-expect-error
+    ,
+    style: stylesWithoutMargin
+  })))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.android.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+
+var _lodash = _interopRequireDefault(require("lodash.omit"));
+
+var _picker = require("@react-native-picker/picker");
+
+var _theming = require("../../theming");
+
+var _Portal = _interopRequireDefault(require("../Portal/Portal"));
+
+var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
+
+var _TextField = _interopRequireDefault(require("../TextField"));
+
+var _Touchable = _interopRequireDefault(require("../Touchable"));
+
+var _utilities = require("../../utilities");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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;
+
+  let {
+    Icon,
+    style,
+    options,
+    placeholder,
+    selectedValue,
+    disabled = false,
+    onValueChange = () => {},
+    theme: {
+      colors
+    },
+    ...props
+  } = _ref;
+  const {
+    viewStyles: {
+      borderRadius,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderTopWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderRightWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderBottomWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderLeftWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderColor,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      backgroundColor,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      padding,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingTop,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingRight,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingBottom,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingLeft,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      ...viewStyles
+    }
+  } = (0, _utilities.extractStyles)(style);
+  const textField = React.useRef(undefined);
+  const [pickerVisible, setIsPickerVisible] = React.useState(false);
+
+  const toggleVisibility = () => {
+    setIsPickerVisible(!pickerVisible); // @ts-ignore
+
+    textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
+  };
+
+  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
+  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, {
+    disabled: disabled,
+    onPress: toggleVisibility
+  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+    value: String(selectedLabel),
+    placeholder: placeholder // @ts-ignore
+    ,
+    ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
+    ,
+    disabled: disabled,
+    pointerEvents: "none" // @ts-expect-error
+    ,
+    style: stylesWithoutMargin,
+    Icon: Icon
+  }))), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.picker, {
+      backgroundColor: colors.divider
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: styles.pickerContainer
+  }, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
+    Icon: Icon,
+    type: "text",
+    onPress: toggleVisibility,
+    style: styles.closeButton
+  }, "Close"), /*#__PURE__*/React.createElement(_picker.Picker, {
+    style: {
+      backgroundColor: "white"
+    },
+    selectedValue: selectedValue,
+    onValueChange: onValueChange
+  }, options.map(o => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  })))))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  },
+  picker: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  pickerContainer: {
+    backgroundColor: "white",
+    flexDirection: "column",
+    width: "100%"
+  },
+  closeButton: {
+    alignSelf: "flex-end"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.ios.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _picker = require("@react-native-picker/picker");
+
+var _lodash = _interopRequireDefault(require("lodash.omit"));
+
+var _theming = require("../../theming");
+
+var _utilities = require("../../utilities");
+
+var _TextField = _interopRequireDefault(require("../TextField"));
+
+var _Touchable = _interopRequireDefault(require("../Touchable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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;
+
+  let {
+    style,
+    options,
+    placeholder,
+    selectedValue,
+    disabled = false,
+    onValueChange: onValueChangeOverride = () => {},
+    ...props
+  } = _ref;
+  const {
+    viewStyles: {
+      borderRadius,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderTopWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderRightWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderBottomWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderLeftWidth,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      borderColor,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      backgroundColor,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      padding,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingTop,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingRight,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingBottom,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      paddingLeft,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      ...viewStyles
+    }
+  } = (0, _utilities.extractStyles)(style);
+  const textField = React.useRef(undefined);
+
+  const onValueChange = (itemValue, itemIndex) => {
+    toggleFocus();
+    onValueChangeOverride(itemValue, itemIndex);
+  };
+
+  const toggleFocus = () => {
+    if (!disabled) {
+      // @ts-ignore
+      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()
+    }
+  };
+
+  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
+  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,
+    style: [styles.container, viewStyles]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_picker.Picker, {
+    enabled: !disabled,
+    selectedValue: selectedValue,
+    onValueChange: onValueChange,
+    style: {
+      flex: 1,
+      opacity: 0,
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: "100%"
+    }
+  }, options.map(o => /*#__PURE__*/React.createElement(_picker.Picker.Item, {
+    label: o.label,
+    value: o.value,
+    key: o.value
+  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+    value: selectedLabel,
+    placeholder: placeholder // @ts-ignore
+    ,
+    ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
+    ,
+    disabled: disabled // @ts-expect-error
+    ,
+    style: stylesWithoutMargin
+  })))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.web.js.map