@draftbit/core 44.1.13-6f194c.0 → 44.1.13-9a8dff.0

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["PickerComponent.tsx"],"names":["Picker","Icon","style","options","placeholder","value","selectedValue","disabled","onValueChange","theme","assistiveText","label","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","pickerVisible","setIsPickerVisible","React","useState","viewStyles","textStyles","colors","console","log","borders","borderStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","light","borderStyle","margins","marginStyles","stylesWithoutBordersAndMargins","height","width","selectedLabel","find","o","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","undefined","paddingLeft","assistiveTextLabel","paddingTop","primaryTextStyle","identity","toggleVisibility","alignSelf","alignItems","flexDirection","justifyContent","flex","paddingRight","String","Platform","OS","position","bottom","left","right","backgroundColor","divider","map","opacity","top"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAIA,MAAMA,MAAgD,GAAG,QAgBnD;AAAA;;AAAA,MAhBoD;AACxDC,IAAAA,IADwD;AAExDC,IAAAA,KAFwD;AAGxDC,IAAAA,OAAO,GAAG,EAH8C;AAIxDC,IAAAA,WAAW,GAAG,EAJ0C;AAKxDC,IAAAA,KAAK,EAAEC,aAAa,GAAG,EALiC;AAMxDC,IAAAA,QAAQ,GAAG,KAN6C;AAOxDC,IAAAA,aAAa,GAAG,MAAM,CAAE,CAPgC;AAQxDC,IAAAA,KARwD;AASxDC,IAAAA,aATwD;AAUxDC,IAAAA,KAVwD;AAWxDC,IAAAA,YAAY,GAAG,OAXyC;AAYxDC,IAAAA,YAZwD;AAaxDC,IAAAA,oBAbwD;AAcxDC,IAAAA,aAdwD;AAexDC,IAAAA;AAfwD,GAgBpD;AACJ,QAAM,CAACC,aAAD,EAAgBC,kBAAhB,IAAsCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA5C;AAEA,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcpB,KAAd,CAAnC;AAEA,QAAM;AAAEqB,IAAAA;AAAF,MAAad,KAAnB;AAEAe,EAAAA,OAAO,CAACC,GAAR,CAAY,CACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBU,GAAZ;AAmBA,QAAMC,OAAO,GAAG,CACd,cADc,EAEd,qBAFc,EAGd,sBAHc,EAId,yBAJc,EAKd,wBALc,EAMd,gBANc,EAOd,kBAPc,EAQd,mBARc,EASd,iBATc,EAUd,aAVc,EAWd,aAXc,CAAhB;AAcA,QAAMC,YAAY,GAAG,EACnB,GAAG,EACD,IAAIX,IAAI,KAAK,OAAT,GACA;AACEY,QAAAA,mBAAmB,EAAE,CADvB;AAEEC,QAAAA,oBAAoB,EAAE,CAFxB;AAGEC,QAAAA,uBAAuB,EAAE,CAH3B;AAIEC,QAAAA,sBAAsB,EAAE,CAJ1B;AAKEC,QAAAA,cAAc,EAAE,CALlB;AAMEC,QAAAA,gBAAgB,EAAE,CANpB;AAOEC,QAAAA,eAAe,EAAE;AAPnB,OADA,GAUA,EAVJ,CADC;AAYDC,MAAAA,iBAAiB,EAAE,CAZlB;AAaDC,MAAAA,WAAW,EAAEb,MAAM,CAACc,KAbnB;AAcDC,MAAAA,WAAW,EAAE;AAdZ,KADgB;AAiBnB,OAAG,kBAAKjB,UAAL,EAAiBK,OAAjB;AAjBgB,GAArB;AAoBA,QAAMa,OAAO,GAAG,CAAC,YAAD,EAAe,aAAf,EAA8B,WAA9B,EAA2C,cAA3C,CAAhB;AAEA,QAAMC,YAAY,GAAG,kBAAKnB,UAAL,EAAiBkB,OAAjB,CAArB;AAEA,QAAME,8BAA8B,GAAG,EACrC,GAAG;AACDC,MAAAA,MAAM,EAAE,EADP;AAEDC,MAAAA,KAAK,EAAE;AAFN,KADkC;AAKrC,OAAG,kBAAKtB,UAAL,EAAiB,CAAC,GAAGK,OAAJ,EAAa,GAAGa,OAAhB,CAAjB;AALkC,GAAvC;AAQA,QAAMK,aAAa,GACjBtC,aAAa,6BACXH,OAAD,CAAuC0C,IAAvC,CACEC,CAAD,IAAOA,CAAC,CAACzC,KAAF,KAAYC,aADpB,CADY,0CACZ,MAEEK,KAHU,qDAIXL,aAJW,CADf;AAOA,QAAMyC,SAAS,GAAGpC,KAAK,gBACrB,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLqC,MAAAA,SAAS,EAAE1B,UAAU,CAAC0B,SADjB;AAELC,MAAAA,KAAK,EAAE1B,MAAM,CAACc,KAFT;AAGLa,MAAAA,QAAQ,EAAE,EAHL;AAILC,MAAAA,aAAa,EAAE;AAJV;AADT,KAQGxC,KARH,CADqB,GAWnB,IAXJ;AAaA,QAAMyC,cAAc,GAAGxC,YAAY,KAAK,QAAxC;AAEA,QAAMyC,QAAQ,GAAGxC,YAAY,gBAC3B,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,YADR;AAEE,IAAA,IAAI,EAAE,EAFR;AAGE,IAAA,KAAK,EAAE;AACLyC,MAAAA,WAAW,EAAE,CADR;AAELC,MAAAA,UAAU,EAAE,CAAC;AAFR;AAHT,IAD2B,GASzB,IATJ;AAWA,QAAMC,SAAS,GAAGzC,aAAa,gBAC7B,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,aADR;AAEE,IAAA,IAAI,EAAE,EAFR;AAGE,IAAA,KAAK,EAAE;AACLuC,MAAAA,WAAW,EAAE,CAAC,CADT;AAELC,MAAAA,UAAU,EAAE;AAFP;AAHT,IAD6B,GAS3B,IATJ,CAzGI,CAoHJ;;AACA,QAAMZ,KAAK,4BAAGF,8BAAH,aAAGA,8BAAH,uBAAGA,8BAA8B,CAAEE,KAAnC,yEAA4Cc,SAAvD;AAEA,QAAMT,SAAS,GAAG1B,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAE0B,SAA9B;AAEA,QAAMU,WAAW,GACfN,cAAc,KACb,CAACJ,SAAD,IAAcA,SAAS,KAAK,MAA5B,IAAsCA,SAAS,KAAK,SADvC,CAAd,GAEI,EAFJ,CAEO;AAFP,IAGI,CAJN;AAMA,QAAMW,kBAAkB,GAAGjD,aAAa,gBACtC,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLsC,MAAAA,SADK;AAELL,MAAAA,KAFK;AAGLe,MAAAA,WAHK;AAILT,MAAAA,KAAK,EAAE1B,MAAM,CAACc,KAJT;AAKLa,MAAAA,QAAQ,EAAE,EALL;AAMLU,MAAAA,UAAU,EAAE;AANP;AADT,KAUGlD,aAVH,CADsC,GAapC,IAbJ;AAeA,QAAMmD,gBAAgB,GAAG;AACvBZ,IAAAA,KAAK,EAAE1B,MAAM,CAACc,KADS;AAEvBa,IAAAA,QAAQ,EAAE,EAFa;AAGvB,OAAG,oBAAO5B,UAAP,EAAmBwC,gBAAnB,CAHoB;AAIvB,QAAI1D,WAAW,KAAKE,aAAhB,GACA;AAAE2C,MAAAA,KAAK,EAAEnC,oBAAF,aAAEA,oBAAF,cAAEA,oBAAF,GAA0BS,MAAM,CAACc;AAAxC,KADA,GAEA,EAFJ;AAJuB,GAAzB;;AASA,QAAM0B,gBAAgB,GAAG,MAAM7C,kBAAkB,CAAC,CAACD,aAAF,CAAjD;;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACE+C,MAAAA,SAAS,EAAE;AADb,KADK,EAILxB,YAJK;AADT,kBAQE,oBAAC,kBAAD;AACE,IAAA,QAAQ,EAAEjC,QADZ;AAEE,IAAA,OAAO,EAAEwD,gBAFX;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE,SAAb;AAAwBC,MAAAA,UAAU,EAAE;AAApC;AAHT,kBAKE,oBAAC,iBAAD;AACE,IAAA,aAAa,EAAC,MADhB;AAEE,IAAA,KAAK,EAAE,CACL;AACE;AACAC,MAAAA,aAAa,EAAE,KAFjB;AAGED,MAAAA,UAAU,EAAE,QAHd;AAIEE,MAAAA,cAAc,EAAE;AAJlB,KADK,EAOL1B,8BAPK,EAQL;AACA,KAACW,cAAD,IAAmBzB,YATd;AAFT,KAcG0B,QAdH,eAgBE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACEe,MAAAA,IAAI,EAAE,CADR;AAEE1B,MAAAA,MAAM,EAAE,MAFV;AAGEwB,MAAAA,aAAa,EAAE,KAHjB;AAIED,MAAAA,UAAU,EAAE,QAJd;AAKEE,MAAAA,cAAc,EAAE,eALlB;AAMET,MAAAA,WAAW,EAAE,EANf;AAOEW,MAAAA,YAAY,EAAE;AAPhB,KADK,EAUL;AACAjB,IAAAA,cAAc,IAAIzB,YAXb;AADT,kBAeE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLyC,MAAAA,IAAI,EAAE,CADD,CAEL;AACA;AACA;AACA;;AALK;AADT,KASGrB,SATH,eAWE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEc;AAAb,KACGS,MAAM,CAAC1B,aAAD,aAACA,aAAD,cAACA,aAAD,GAAkBxC,WAAlB,CADT,CAXF,CAfF,EA+BGoD,SA/BH,CAhBF,CALF,EAuDGG,kBAvDH,CARF,EAkEGY,sBAASC,EAAT,KAAgB,KAAhB,IAAyBvD,aAAzB,gBACC,oBAAC,eAAD,qBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLwD,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,MAAM,EAAE,CAFH;AAGLC,MAAAA,IAAI,EAAE,CAHD;AAILC,MAAAA,KAAK,EAAE,CAJF;AAKLV,MAAAA,aAAa,EAAE,KALV;AAMLC,MAAAA,cAAc,EAAE,QANX;AAOLU,MAAAA,eAAe,EAAEtD,MAAM,CAACuD;AAPnB;AADT,kBAWE,oBAAC,wCAAD;AACE,IAAA,KAAK,EAAE;AACLD,MAAAA,eAAe,EAAE,OADZ;AAELX,MAAAA,aAAa,EAAE,QAFV;AAGLvB,MAAAA,KAAK,EAAE;AAHF;AADT,kBAOE,oBAAC,yBAAD;AACE,IAAA,IAAI,EAAE1C,IADR;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,OAAO,EAAE8D,gBAHX;AAIE,IAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAb;AAJT,KAMG,OANH,CAPF,eAgBE,oBAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEa,MAAAA,eAAe,EAAE;AAAnB,KADT;AAEE,IAAA,aAAa,EAAEvE,aAFjB;AAGE,IAAA,aAAa,EAAEE;AAHjB,KAKIL,OAAD,CAAuC4E,GAAvC,CAA4CjC,CAAD,iBAC1C,oBAAC,cAAD,CAAc,IAAd;AACE,IAAA,KAAK,EAAEA,CAAC,CAACnC,KADX;AAEE,IAAA,KAAK,EAAEmC,CAAC,CAACzC,KAFX;AAGE,IAAA,GAAG,EAAEyC,CAAC,CAACzC;AAHT,IADD,CALH,CAhBF,CAXF,CADF,CADD,gBA8CC,oBAAC,cAAD;AACE,IAAA,OAAO,EAAEY,aADX;AAEE,IAAA,aAAa,EAAEX,aAFjB;AAGE,IAAA,aAAa,EAAEE,aAHjB;AAIE,IAAA,KAAK,EAAE;AACLwE,MAAAA,OAAO,EAAE,CADJ;AAELP,MAAAA,QAAQ,EAAE,UAFL;AAGLQ,MAAAA,GAAG,EAAE,CAHA;AAILN,MAAAA,IAAI,EAAE,CAJD;AAKLC,MAAAA,KAAK,EAAE,CALF;AAMLF,MAAAA,MAAM,EAAE,CANH;AAOL/B,MAAAA,KAAK,EAAE;AAPF;AAJT,KAcIxC,OAAD,CAAuC4E,GAAvC,CAA4CjC,CAAD,iBAC1C,oBAAC,cAAD,CAAc,IAAd;AAAmB,IAAA,KAAK,EAAEA,CAAC,CAACnC,KAA5B;AAAmC,IAAA,KAAK,EAAEmC,CAAC,CAACzC,KAA5C;AAAmD,IAAA,GAAG,EAAEyC,CAAC,CAACzC;AAA1D,IADD,CAdH,CAhHJ,CADF;AAsID,CA/SD;;eAiTe,wBAAUL,MAAV,C","sourcesContent":["import * as React from \"react\";\nimport { View, /* StyleSheet, */ Text, Platform } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { omit, pick, pickBy, identity } from \"lodash\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport { PickerProps, PickerOption } from \"./Picker\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\nconst Picker: React.FC<PickerProps & IconSlot & Theme> = ({\n  Icon,\n  style,\n  options = [],\n  placeholder = \"\",\n  value: selectedValue = \"\",\n  disabled = false,\n  onValueChange = () => {},\n  theme,\n  assistiveText,\n  label,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor,\n  rightIconName,\n  type,\n}) => {\n  const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const { colors } = theme;\n\n  console.log({\n    // viewStyles,\n    // textStyles,\n    // options,\n    // placeholder,\n    // selectedValue,\n    // theme,\n    // disabled,\n    // onValueChange,\n    // colors,\n    // assistiveText,\n    // label,\n    // leftIconMode,\n    // leftIconName,\n    // placeholderTextColor,\n    // rightIconName,\n    // type,\n  });\n\n  const borders = [\n    \"borderRadius\",\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomRightRadius\",\n    \"borderBottomLeftRadius\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"borderColor\",\n    \"borderStyle\",\n  ];\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: colors.light,\n      borderStyle: \"solid\",\n    },\n    ...pick(viewStyles, borders),\n  };\n\n  const margins = [\"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\"];\n\n  const marginStyles = pick(viewStyles, margins);\n\n  const stylesWithoutBordersAndMargins = {\n    ...{\n      height: 60,\n      width: \"100%\",\n    },\n    ...omit(viewStyles, [...borders, ...margins]),\n  };\n\n  const selectedLabel =\n    selectedValue &&\n    ((options as unknown as PickerOption[]).find(\n      (o) => o.value === selectedValue\n    )?.label ??\n      selectedValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: colors.light,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      size={24}\n      style={{\n        marginRight: 8,\n        marginLeft: -6,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      size={24}\n      style={{\n        marginRight: -6,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  // @ts-ignore\n  const width = stylesWithoutBordersAndMargins?.width ?? undefined;\n\n  const textAlign = textStyles?.textAlign;\n\n  const paddingLeft =\n    leftIconOutset &&\n    (!textAlign || textAlign === \"left\" || textAlign === \"justify\")\n      ? 28 // icon size + 4\n      : 0;\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width,\n        paddingLeft,\n        color: colors.light,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: colors.light,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === selectedValue\n      ? { color: placeholderTextColor ?? colors.light }\n      : {}),\n  };\n\n  const toggleVisibility = () => setIsPickerVisible(!pickerVisible);\n\n  return (\n    <View\n      style={[\n        {\n          alignSelf: \"stretch\",\n        },\n        marginStyles,\n      ]}\n    >\n      <Touchable\n        disabled={disabled}\n        onPress={toggleVisibility}\n        style={{ alignSelf: \"stretch\", alignItems: \"center\" }}\n      >\n        <View\n          pointerEvents=\"none\"\n          style={[\n            {\n              //alignSelf: \"stretch\",\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n            },\n            stylesWithoutBordersAndMargins,\n            // @ts-ignore\n            !leftIconOutset && borderStyles,\n          ]}\n        >\n          {leftIcon}\n\n          <View\n            style={[\n              {\n                flex: 1,\n                height: \"100%\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"space-between\",\n                paddingLeft: 12,\n                paddingRight: 12,\n              },\n              // @ts-ignore\n              leftIconOutset && borderStyles,\n            ]}\n          >\n            <View\n              style={{\n                flex: 1,\n                // paddingTop: 0,\n                // paddingRight: 0, // add inner text paddding settings\n                // paddingLeft: 0,\n                // paddingBottom: 0,\n              }}\n            >\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      {Platform.OS === \"ios\" && pickerVisible ? (\n        <Portal>\n          <View\n            style={{\n              position: \"absolute\",\n              bottom: 0,\n              left: 0,\n              right: 0,\n              flexDirection: \"row\",\n              justifyContent: \"center\",\n              backgroundColor: colors.divider,\n            }}\n          >\n            <SafeAreaView\n              style={{\n                backgroundColor: \"white\",\n                flexDirection: \"column\",\n                width: \"100%\",\n              }}\n            >\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={toggleVisibility}\n                style={{ alignSelf: \"flex-end\" }}\n              >\n                {\"Close\"}\n              </Button>\n\n              <NativePicker\n                style={{ backgroundColor: \"white\" }}\n                selectedValue={selectedValue}\n                onValueChange={onValueChange}\n              >\n                {(options as unknown as PickerOption[]).map((o) => (\n                  <NativePicker.Item\n                    label={o.label}\n                    value={o.value}\n                    key={o.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      ) : (\n        <NativePicker\n          enabled={pickerVisible}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {(options as unknown as PickerOption[]).map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n      )}\n    </View>\n  );\n};\n\nexport default withTheme(Picker);\n"]}

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

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

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

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