@draftbit/core 46.4.4-d73221.2 → 46.4.4-dc4ec4.2

package/lib/commonjs/components/HeaderOverline.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _theming = require("../theming");
-
 var _Header = _interopRequireDefault(require("./Header"));
-
 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 HeaderOverline = _ref => {
   let {
     Icon,
@@ -42,7 +35,6 @@ const HeaderOverline = _ref => {
     style: style
   });
 };
-
 var _default = (0, _theming.withTheme)(HeaderOverline);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=HeaderOverline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase","withTheme"],"sources":["HeaderOverline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderOverline: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.overline}\n      titleColor={colors.light}\n      title={title && title.toUpperCase()}\n      buttonText={buttonText}\n      icon={icon}\n      dividerTopMargin={12}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderOverline);\n"],"mappings":";;;;;;AAAA;AACA;AAIA;AAA8B;AAAA;AAAA;AAY9B,MAAMA,cAAwD,GAAG,QAQ3D;EAAA,IAR4D;IAChEC,IAAI;IACJC,KAAK;IACLC,UAAU;IACVC,IAAI;IACJC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,eAAM;IACL,IAAI,EAAER,IAAK;IACX,cAAc,EAAEQ,UAAU,CAACC,QAAS;IACpC,UAAU,EAAEF,MAAM,CAACG,KAAM;IACzB,KAAK,EAAET,KAAK,IAAIA,KAAK,CAACU,WAAW,EAAG;IACpC,UAAU,EAAET,UAAW;IACvB,IAAI,EAAEC,IAAK;IACX,gBAAgB,EAAE,EAAG;IACrB,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAAC,eAEa,IAAAO,kBAAS,EAACb,cAAc,CAAC;AAAA"}

package/lib/commonjs/components/IconButton.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _theming = require("../theming");
-
 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 IconButton = _ref => {
   let {
     Icon,
@@ -55,7 +48,6 @@ const IconButton = _ref => {
     color: iconColor
   }) : null));
 };
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: "center",
@@ -68,7 +60,6 @@ const styles = _reactNative.StyleSheet.create({
     })
   }
 });
-
 var _default = (0, _theming.withTheme)(IconButton);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","StyleSheet","create","Platform","select","web","cursor","userSelect","withTheme"],"sources":["IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon?: string;\n  color?: string;\n  size?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst IconButton: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  color: customColor,\n  size = 32,\n  disabled = false,\n  loading = false,\n  onPress,\n  theme,\n  style,\n  ...props\n}) => {\n  const iconColor = customColor || theme.colors.primary;\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.container,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n            width: size,\n            height: size,\n            alignItems: \"center\",\n            justifyContent: \"center\",\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      <View>\n        {icon && !loading ? (\n          <Icon name={icon} size={size - 2} color={iconColor} />\n        ) : null}\n        {loading ? <ActivityIndicator size=\"small\" color={iconColor} /> : null}\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(IconButton);\n"],"mappings":";;;;;;AAAA;AACA;AAUA;AAAuC;AAAA;AAAA;AAgBvC,MAAMA,UAAoD,GAAG,QAWvD;EAAA,IAXwD;IAC5DC,IAAI;IACJC,IAAI;IACJC,KAAK,EAAEC,WAAW;IAClBC,IAAI,GAAG,EAAE;IACTC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAMC,SAAS,GAAGR,WAAW,IAAIK,KAAK,CAACI,MAAM,CAACC,OAAO;EAErD,oBACE,oBAAC,sBAAS;IACR,OAAO,EAAEN,OAAQ;IACjB,QAAQ,EAAEF,QAAQ,IAAIC,OAAQ;IAC9B,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAQ,CAAC;MACjB,OAAO,CACLC,MAAM,CAACC,SAAS,EAChB;QACEC,OAAO,EAAEH,OAAO,IAAIT,QAAQ,GAAG,IAAI,GAAG,CAAC;QACvCa,KAAK,EAAEd,IAAI;QACXe,MAAM,EAAEf,IAAI;QACZgB,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAC,EACDZ,KAAK,CACN;IACH;EAAE,GACEC,KAAK,gBAET,oBAAC,iBAAI,QACFT,IAAI,IAAI,CAACK,OAAO,gBACf,oBAAC,IAAI;IAAC,IAAI,EAAEL,IAAK;IAAC,IAAI,EAAEG,IAAI,GAAG,CAAE;IAAC,KAAK,EAAEO;EAAU,EAAG,GACpD,IAAI,EACPL,OAAO,gBAAG,oBAAC,8BAAiB;IAAC,IAAI,EAAC,OAAO;IAAC,KAAK,EAAEK;EAAU,EAAG,GAAG,IAAI,CACjE,CACG;AAEhB,CAAC;AAED,MAAMI,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGG,qBAAQ,CAACC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;MACd;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAAC9B,UAAU,CAAC;AAAA"}

package/lib/commonjs/components/Image.js

@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
-
 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 generateDimensions = _ref => {
   let {
     aspectRatio,
     width,
     height
   } = _ref;
-
   if (aspectRatio && !width && !height) {
     return {
       aspectRatio,
       width: "100%"
     };
   }
-
   if (aspectRatio && height) {
     return {
       aspectRatio,
@@ -38,7 +29,6 @@ const generateDimensions = _ref => {
       width: aspectRatio * height
     };
   }
-
   if (aspectRatio && width) {
     return {
       aspectRatio,
@@ -46,13 +36,11 @@ const generateDimensions = _ref => {
       height: width / aspectRatio
     };
   }
-
   return {
     width,
     height
   };
 };
-
 const Image = _ref2 => {
   let {
     source,
@@ -61,15 +49,12 @@ const Image = _ref2 => {
     ...props
   } = _ref2;
   let imageSource = source === null || source === undefined ? _Config.default.placeholderImageURL : source;
-
   const styles = _reactNative.StyleSheet.flatten(style || {});
-
   const {
     aspectRatio,
     width,
     height
   } = generateDimensions(styles);
-
   if (aspectRatio) {
     return /*#__PURE__*/_react.default.createElement(_AspectRatio.default, {
       style: [style, {
@@ -86,13 +71,12 @@ const Image = _ref2 => {
       }]
     })));
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
     source: source,
     resizeMode: resizeMode,
     style: style
   }));
 };
-
 var _default = Image;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["generateDimensions","aspectRatio","width","height","Image","source","resizeMode","style","props","imageSource","undefined","Config","placeholderImageURL","styles","StyleSheet","flatten"],"sources":["Image.tsx"],"sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport {\n  Image as NativeImage,\n  ImageProps,\n  StyleSheet,\n  ImageSourcePropType,\n} from \"react-native\";\nimport Config from \"./Config\";\n\nimport AspectRatio from \"./AspectRatio\";\n\ntype ImageStyleProp = {\n  width?: number;\n  height?: number;\n  aspectRatio?: number;\n};\n\nconst generateDimensions = ({ aspectRatio, width, height }: ImageStyleProp) => {\n  if (aspectRatio && !width && !height) {\n    return {\n      aspectRatio,\n      width: \"100%\",\n    };\n  }\n\n  if (aspectRatio && height) {\n    return {\n      aspectRatio,\n      height,\n      width: aspectRatio * height,\n    };\n  }\n\n  if (aspectRatio && width) {\n    return {\n      aspectRatio,\n      width,\n      height: width / aspectRatio,\n    };\n  }\n\n  return { width, height };\n};\n\nconst Image: React.FC<ImageProps> = ({\n  source,\n  resizeMode = \"cover\",\n  style,\n  ...props\n}) => {\n  let imageSource =\n    source === null || source === undefined\n      ? Config.placeholderImageURL\n      : source;\n\n  const styles = StyleSheet.flatten(style || {});\n  const { aspectRatio, width, height } = generateDimensions(\n    styles as ImageStyleProp\n  );\n\n  if (aspectRatio) {\n    return (\n      <AspectRatio style={[style, { width, height, aspectRatio }]}>\n        <NativeImage\n          {...props}\n          source={imageSource as ImageSourcePropType}\n          resizeMode={resizeMode}\n          style={[\n            style,\n            {\n              height: \"100%\",\n              width: \"100%\",\n            },\n          ]}\n        />\n      </AspectRatio>\n    );\n  }\n\n  return (\n    <NativeImage\n      {...props}\n      source={source as ImageSourcePropType}\n      resizeMode={resizeMode}\n      style={style}\n    />\n  );\n};\n\nexport default Image;\n"],"mappings":";;;;;;AACA;AACA;AAMA;AAEA;AAAwC;AAAA;AAQxC,MAAMA,kBAAkB,GAAG,QAAoD;EAAA,IAAnD;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAuB,CAAC;EACxE,IAAIF,WAAW,IAAI,CAACC,KAAK,IAAI,CAACC,MAAM,EAAE;IACpC,OAAO;MACLF,WAAW;MACXC,KAAK,EAAE;IACT,CAAC;EACH;EAEA,IAAID,WAAW,IAAIE,MAAM,EAAE;IACzB,OAAO;MACLF,WAAW;MACXE,MAAM;MACND,KAAK,EAAED,WAAW,GAAGE;IACvB,CAAC;EACH;EAEA,IAAIF,WAAW,IAAIC,KAAK,EAAE;IACxB,OAAO;MACLD,WAAW;MACXC,KAAK;MACLC,MAAM,EAAED,KAAK,GAAGD;IAClB,CAAC;EACH;EAEA,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAC;AAC1B,CAAC;AAED,MAAMC,KAA2B,GAAG,SAK9B;EAAA,IAL+B;IACnCC,MAAM;IACNC,UAAU,GAAG,OAAO;IACpBC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,IAAIC,WAAW,GACbJ,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAKK,SAAS,GACnCC,eAAM,CAACC,mBAAmB,GAC1BP,MAAM;EAEZ,MAAMQ,MAAM,GAAGC,uBAAU,CAACC,OAAO,CAACR,KAAK,IAAI,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEN,WAAW;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGH,kBAAkB,CACvDa,MAAM,CACP;EAED,IAAIZ,WAAW,EAAE;IACf,oBACE,6BAAC,oBAAW;MAAC,KAAK,EAAE,CAACM,KAAK,EAAE;QAAEL,KAAK;QAAEC,MAAM;QAAEF;MAAY,CAAC;IAAE,gBAC1D,6BAAC,kBAAW,eACNO,KAAK;MACT,MAAM,EAAEC,WAAmC;MAC3C,UAAU,EAAEH,UAAW;MACvB,KAAK,EAAE,CACLC,KAAK,EACL;QACEJ,MAAM,EAAE,MAAM;QACdD,KAAK,EAAE;MACT,CAAC;IACD,GACF,CACU;EAElB;EAEA,oBACE,6BAAC,kBAAW,eACNM,KAAK;IACT,MAAM,EAAEH,MAA8B;IACtC,UAAU,EAAEC,UAAW;IACvB,KAAK,EAAEC;EAAM,GACb;AAEN,CAAC;AAAC,eAEaH,KAAK;AAAA"}

package/lib/commonjs/components/Justification.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Justification.ts"],"sourcesContent":["export type justificationType =\n  | \"flex-start\"\n  | \"flex-end\"\n  | \"center\"\n  | \"space-between\"\n  | \"space-around\"\n  | \"space-evenly\"\n  | undefined;\n"],"mappings":""}

package/lib/commonjs/components/Layout.js

@@ -9,17 +9,11 @@ exports.Row = Row;
 exports.Spacer = Spacer;
 exports.Square = Square;
 exports.Stack = Stack;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 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); }
-
 function Center(_ref) {
   let {
     width = 240,
@@ -39,7 +33,6 @@ function Center(_ref) {
     }, style]
   }, rest), children);
 }
-
 function Circle(_ref2) {
   let {
     size = 50,
@@ -60,7 +53,6 @@ function Circle(_ref2) {
     }]
   }, rest), children);
 }
-
 function Square(_ref3) {
   let {
     size = 50,
@@ -76,7 +68,6 @@ function Square(_ref3) {
     bgColor: bgColor
   }, rest), children);
 }
-
 function Row(_ref4) {
   let {
     justifyContent,
@@ -86,7 +77,8 @@ function Row(_ref4) {
     ...rest
   } = _ref4;
   return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [style, // style goes first b/c we can't override these
+    style: [style,
+    // style goes first b/c we can't override these
     {
       alignItems,
       flexDirection: "row",
@@ -94,7 +86,6 @@ function Row(_ref4) {
     }]
   }, rest), children);
 }
-
 function Spacer(_ref5) {
   let {
     top = 8,
@@ -114,7 +105,6 @@ function Spacer(_ref5) {
     }]
   }, rest), children);
 }
-
 function Stack(_ref6) {
   let {
     children,
@@ -133,4 +123,5 @@ function Stack(_ref6) {
       }]
     }, rest), children)
   );
-}
+}
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Center","width","height","children","bgColor","style","rest","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack"],"sources":["Layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\n// @ts-ignore\nimport type { ViewStyleProp } from \"react-native/Libraries/StyleSheet/StyleSheet\";\n\nexport function Center({\n  width = 240,\n  height = 200,\n  children,\n  bgColor,\n  style,\n  ...rest\n}: {\n  width: number;\n  height: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        {\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          width,\n          height,\n          backgroundColor: bgColor,\n        },\n        style,\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Circle({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  const borderRadius = 1000;\n  return (\n    <Center\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      style={[\n        style,\n        { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n      ]}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Square({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <Center\n      style={style}\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Row({\n  justifyContent,\n  alignItems,\n  children,\n  style,\n  ...rest\n}: {\n  alignItems: ViewStyleProp.alignItems;\n  justifyContent: ViewStyleProp.justifyContent;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style, // style goes first b/c we can't override these\n        {\n          alignItems,\n          flexDirection: \"row\",\n          justifyContent: justifyContent,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Spacer({\n  top = 8,\n  right = 8,\n  bottom = 8,\n  left = 8,\n  children,\n  style,\n  ...rest\n}: {\n  top?: number;\n  right?: number;\n  left?: number;\n  bottom?: number;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style,\n        {\n          paddingRight: right,\n          paddingTop: top,\n          paddingLeft: left,\n          paddingBottom: bottom,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Stack({\n  children,\n  justifyContent = \"flex-start\",\n  alignItems = \"flex-start\",\n  style,\n  ...rest\n}: {\n  justifyContent: ViewStyleProp.justifyContent;\n  alignItems: ViewStyleProp.alignItems;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    <View style={[style, { justifyContent, alignItems }]} {...rest}>\n      {children}\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAA0D;AAAA;AAAA;AAInD,SAASA,MAAM,OAanB;EAAA,IAboB;IACrBC,KAAK,GAAG,GAAG;IACXC,MAAM,GAAG,GAAG;IACZC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACL,GAAGC;EAOL,CAAC;EACC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACL;MACEC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBP,KAAK;MACLC,MAAM;MACNO,eAAe,EAAEL;IACnB,CAAC,EACDC,KAAK;EACL,GACEC,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEO,SAASO,MAAM,QAWnB;EAAA,IAXoB;IACrBC,IAAI,GAAG,EAAE;IACTP,OAAO;IACPD,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,MAAMM,YAAY,GAAG,IAAI;EACzB,oBACE,oBAAC,MAAM;IACL,KAAK,EAAED,IAAK;IACZ,MAAM,EAAEA,IAAK;IACb,OAAO,EAAEP,OAAQ;IACjB,KAAK,EAAE,CACLC,KAAK,EACL;MAAEI,eAAe,EAAEL,OAAO;MAAEQ,YAAY;MAAEC,QAAQ,EAAE;IAAS,CAAC;EAC9D,GACEP,IAAI,GAEPH,QAAQ,CACF;AAEb;AAEO,SAASW,MAAM,QAWnB;EAAA,IAXoB;IACrBH,IAAI,GAAG,EAAE;IACTP,OAAO;IACPD,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,oBACE,oBAAC,MAAM;IACL,KAAK,EAAED,KAAM;IACb,KAAK,EAAEM,IAAK;IACZ,MAAM,EAAEA,IAAK;IACb,OAAO,EAAEP;EAAQ,GACbE,IAAI,GAEPH,QAAQ,CACF;AAEb;AAEO,SAASY,GAAG,QAWhB;EAAA,IAXiB;IAClBR,cAAc;IACdC,UAAU;IACVL,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLD,KAAK;IAAE;IACP;MACEG,UAAU;MACVQ,aAAa,EAAE,KAAK;MACpBT,cAAc,EAAEA;IAClB,CAAC;EACD,GACED,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEO,SAASc,MAAM,QAenB;EAAA,IAfoB;IACrBC,GAAG,GAAG,CAAC;IACPC,KAAK,GAAG,CAAC;IACTC,MAAM,GAAG,CAAC;IACVC,IAAI,GAAG,CAAC;IACRlB,QAAQ;IACRE,KAAK;IACL,GAAGC;EAQL,CAAC;EACC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLD,KAAK,EACL;MACEiB,YAAY,EAAEH,KAAK;MACnBI,UAAU,EAAEL,GAAG;MACfM,WAAW,EAAEH,IAAI;MACjBI,aAAa,EAAEL;IACjB,CAAC;EACD,GACEd,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEO,SAASuB,KAAK,QAWlB;EAAA,IAXmB;IACpBvB,QAAQ;IACRI,cAAc,GAAG,YAAY;IAC7BC,UAAU,GAAG,YAAY;IACzBH,KAAK;IACL,GAAGC;EAML,CAAC;EACC;IAAA;IACE;IACA,oBAAC,iBAAI;MAAC,KAAK,EAAE,CAACD,KAAK,EAAE;QAAEE,cAAc;QAAEC;MAAW,CAAC;IAAE,GAAKF,IAAI,GAC3DH,QAAQ;EACJ;AAEX"}

package/lib/commonjs/components/NumberInput.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _lodash = require("lodash");
-
 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 NumberInput = _ref => {
   let {
     onChangeText,
@@ -25,7 +18,6 @@ const NumberInput = _ref => {
     ...props
   } = _ref;
   const [currentStringNumberValue, setCurrentStringNumberValue] = (0, _react.useState)("0");
-
   const formatValueToStringNumber = valueToFormat => {
     if (valueToFormat != null) {
       if ((0, _lodash.isString)(valueToFormat) && valueToFormat !== "") {
@@ -40,35 +32,31 @@ const NumberInput = _ref => {
         return valueToFormat.toString();
       }
     }
-
     return "0";
-  }; // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
-
+  };
 
+  // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
   (0, _react.useEffect)(() => {
     const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
-
     if (currentStringNumberValue !== defaultStringNumberValue) {
       setCurrentStringNumberValue(defaultStringNumberValue);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
   const handleChangeText = newValue => {
     const newStringNumberValue = formatValueToStringNumber(newValue);
     const number = parseFloat(newStringNumberValue);
     setCurrentStringNumberValue(newStringNumberValue);
     onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
-  }; // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
-
+  };
 
+  // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
   (0, _react.useEffect)(() => {
     const nextStringNumberValue = formatValueToStringNumber(value);
-
     if (currentStringNumberValue !== nextStringNumberValue) {
       handleChangeText(nextStringNumberValue);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
     keyboardType: "numeric",
@@ -76,6 +64,6 @@ const NumberInput = _ref => {
     onChangeText: handleChangeText
   }, props));
 };
-
 var _default = NumberInput;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NumberInput","onChangeText","value","defaultValue","props","currentStringNumberValue","setCurrentStringNumberValue","useState","formatValueToStringNumber","valueToFormat","isString","test","slice","isNumber","isNaN","toString","useEffect","defaultStringNumberValue","handleChangeText","newValue","newStringNumberValue","number","parseFloat","nextStringNumberValue"],"sources":["NumberInput.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { TextInput } from \"react-native\";\nimport { isString, isNumber, isNaN } from \"lodash\";\n\ninterface Props {\n  value?: number | string;\n  defaultValue?: number | string;\n  onChangeText?: (value?: number) => void;\n}\n\nconst NumberInput: FC<Props> = ({\n  onChangeText,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const [currentStringNumberValue, setCurrentStringNumberValue] = useState(\"0\");\n\n  const formatValueToStringNumber = (valueToFormat?: number | string) => {\n    if (valueToFormat != null) {\n      if (isString(valueToFormat) && valueToFormat !== \"\") {\n        if (/^0[1-9]$/.test(valueToFormat)) {\n          return valueToFormat.slice(1);\n        } else if (/^[+-]?([0-9]+\\.?[0-9]*|\\.[0-9]+)$/.test(valueToFormat)) {\n          return valueToFormat;\n        } else {\n          return currentStringNumberValue;\n        }\n      } else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {\n        return valueToFormat.toString();\n      }\n    }\n\n    return \"0\";\n  };\n\n  // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only\n  useEffect(() => {\n    const defaultStringNumberValue = formatValueToStringNumber(defaultValue);\n\n    if (currentStringNumberValue !== defaultStringNumberValue) {\n      setCurrentStringNumberValue(defaultStringNumberValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChangeText = (newValue: string) => {\n    const newStringNumberValue = formatValueToStringNumber(newValue);\n    const number = parseFloat(newStringNumberValue);\n\n    setCurrentStringNumberValue(newStringNumberValue);\n    onChangeText?.(number);\n  };\n\n  // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)\n  useEffect(() => {\n    const nextStringNumberValue = formatValueToStringNumber(value);\n\n    if (currentStringNumberValue !== nextStringNumberValue) {\n      handleChangeText(nextStringNumberValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  return (\n    <TextInput\n      keyboardType=\"numeric\"\n      value={currentStringNumberValue}\n      onChangeText={handleChangeText}\n      {...props}\n    />\n  );\n};\n\nexport default NumberInput;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmD;AAAA;AAAA;AAQnD,MAAMA,WAAsB,GAAG,QAKzB;EAAA,IAL0B;IAC9BC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZ,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,wBAAwB,EAAEC,2BAA2B,CAAC,GAAG,IAAAC,eAAQ,EAAC,GAAG,CAAC;EAE7E,MAAMC,yBAAyB,GAAIC,aAA+B,IAAK;IACrE,IAAIA,aAAa,IAAI,IAAI,EAAE;MACzB,IAAI,IAAAC,gBAAQ,EAACD,aAAa,CAAC,IAAIA,aAAa,KAAK,EAAE,EAAE;QACnD,IAAI,UAAU,CAACE,IAAI,CAACF,aAAa,CAAC,EAAE;UAClC,OAAOA,aAAa,CAACG,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC,MAAM,IAAI,mCAAmC,CAACD,IAAI,CAACF,aAAa,CAAC,EAAE;UAClE,OAAOA,aAAa;QACtB,CAAC,MAAM;UACL,OAAOJ,wBAAwB;QACjC;MACF,CAAC,MAAM,IAAI,IAAAQ,gBAAQ,EAACJ,aAAa,CAAC,IAAI,CAAC,IAAAK,aAAK,EAACL,aAAa,CAAC,EAAE;QAC3D,OAAOA,aAAa,CAACM,QAAQ,EAAE;MACjC;IACF;IAEA,OAAO,GAAG;EACZ,CAAC;;EAED;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,wBAAwB,GAAGT,yBAAyB,CAACL,YAAY,CAAC;IAExE,IAAIE,wBAAwB,KAAKY,wBAAwB,EAAE;MACzDX,2BAA2B,CAACW,wBAAwB,CAAC;IACvD;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;IAC7C,MAAMC,oBAAoB,GAAGZ,yBAAyB,CAACW,QAAQ,CAAC;IAChE,MAAME,MAAM,GAAGC,UAAU,CAACF,oBAAoB,CAAC;IAE/Cd,2BAA2B,CAACc,oBAAoB,CAAC;IACjDnB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGoB,MAAM,CAAC;EACxB,CAAC;;EAED;EACA,IAAAL,gBAAS,EAAC,MAAM;IACd,MAAMO,qBAAqB,GAAGf,yBAAyB,CAACN,KAAK,CAAC;IAE9D,IAAIG,wBAAwB,KAAKkB,qBAAqB,EAAE;MACtDL,gBAAgB,CAACK,qBAAqB,CAAC;IACzC;IACA;EACF,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;EAEX,oBACE,6BAAC,sBAAS;IACR,YAAY,EAAC,SAAS;IACtB,KAAK,EAAEG,wBAAyB;IAChC,YAAY,EAAEa;EAAiB,GAC3Bd,KAAK,EACT;AAEN,CAAC;AAAC,eAEaJ,WAAW;AAAA"}

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

@@ -4,45 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _lodash = require("lodash");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 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; }
-
 function normalizeOptions(options) {
   if (options.length === 0) {
     return [];
   }
-
   if (typeof options[0] === ("string" || "number")) {
     return options.map(option => ({
       label: String(option),
       value: String(option)
     }));
   }
-
   if ((0, _lodash.isObject)(options[0]) && options[0].value !== null && options[0].label !== null) {
     return options.map(option => {
       return {
@@ -51,23 +35,18 @@ function normalizeOptions(options) {
       };
     });
   }
-
   throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
 }
-
 const {
   width: deviceWidth,
   height: deviceHeight
 } = _reactNative.Dimensions.get("screen");
-
 const isIos = _reactNative.Platform.OS === "ios";
 const unstyledColor = "rgba(165, 173, 183, 1)";
 const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
-
 const Picker = _ref => {
-  var _find$label, _find;
-
+  var _find;
   let {
     error,
     options = [],
@@ -92,11 +71,9 @@ const Picker = _ref => {
   const androidPickerRef = React.useRef(undefined);
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
   const [pickerVisible, setPickerVisible] = React.useState(false);
-
   const togglePickerVisible = () => {
     setPickerVisible(!pickerVisible);
   };
-
   React.useEffect(() => {
     if (value != null) {
       setInternalValue(value);
@@ -110,7 +87,6 @@ const Picker = _ref => {
   React.useEffect(() => {
     if (pickerVisible && androidPickerRef.current) {
       var _androidPickerRef$cur;
-
       androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
     }
   }, [pickerVisible, androidPickerRef]);
@@ -132,7 +108,9 @@ const Picker = _ref => {
     borderStyles: extractedBorderStyles,
     marginStyles: extractedMarginStyles
   } = (0, _utilities.extractBorderAndMarginStyles)(viewStyles, additionalBorderStyles, additionalMarginStyles);
-  const borderStyles = { ...{ ...(type === "solid" ? {
+  const borderStyles = {
+    ...{
+      ...(type === "solid" ? {
         borderTopLeftRadius: 5,
         borderTopRightRadius: 5,
         borderBottomRightRadius: 5,
@@ -159,7 +137,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,
@@ -188,19 +166,15 @@ const Picker = _ref => {
     }
   }) : null;
   const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
-
   const calculateLeftPadding = () => {
     if (leftIconOutset) {
       if (textAlign === "center") {
         return iconSize - Math.abs(8 - iconSize);
       }
-
       return iconSize + 8;
     }
-
     return 0;
   };
-
   const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: {
       textAlign,
@@ -222,18 +196,14 @@ const Picker = _ref => {
       color: unstyledColor
     } : {})
   };
-
   const handleValueChange = (newValue, itemIndex) => {
     if (!placeholder || itemIndex > 0) {
       onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
     }
-
     setInternalValue(newValue);
   };
-
   return (
     /*#__PURE__*/
-
     /* marginsContainer */
     React.createElement(_reactNative.View, {
       style: [styles.marginsContainer, marginStyles]
@@ -250,7 +220,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
       }]
@@ -283,11 +253,8 @@ const Picker = _ref => {
     }))) : null)
   );
 };
-
 var _default = (0, _theming.withTheme)(Picker);
-
 exports.default = _default;
-
 const styles = _reactNative.StyleSheet.create({
   marginsContainer: {
     alignSelf: "stretch",
@@ -357,4 +324,5 @@ const styles = _reactNative.StyleSheet.create({
     maxWidth: deviceWidth,
     maxHeight: deviceHeight
   }
-});
+});
+//# sourceMappingURL=Picker.js.map

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

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