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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","styles","container","topContainer","color","flex","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","Config","headerIconSize","marginTop","StyleSheet","create","flexDirection","justifyContent","alignItems","withTheme"],"sources":["Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Text,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  titleTypeStyle?: StyleProp<TextStyle>;\n  titleColor: string;\n  title: string;\n  buttonText: string;\n  dividerTopMargin?: number;\n  icon: string;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst Header: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  titleTypeStyle,\n  titleColor,\n  title,\n  buttonText,\n  dividerTopMargin,\n  icon,\n  onPress,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <View style={[styles.container, style]}>\n      <View style={styles.topContainer}>\n        <Text\n          style={[\n            titleTypeStyle,\n            {\n              color: titleColor,\n              flex: 1,\n            },\n          ]}\n          numberOfLines={1}\n        >\n          {title}\n        </Text>\n        {onPress && (\n          <Touchable\n            style={{ alignSelf: \"center\", marginLeft: 12 }}\n            onPress={onPress}\n          >\n            <View style={styles.buttonContainer}>\n              <Text\n                style={[\n                  typography.subtitle2,\n                  {\n                    color: colors.light,\n                    marginRight: 8,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {buttonText}\n              </Text>\n              <Icon\n                name={icon}\n                size={Config.headerIconSize}\n                color={colors.light}\n              />\n            </View>\n          </Touchable>\n        )}\n      </View>\n      <Divider style={{ marginTop: dividerTopMargin || 16 }} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  topContainer: {\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  buttonContainer: {\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n\nexport default withTheme(Header);\n"],"mappings":";;;;;;AAAA;AACA;AAQA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAiB9B,MAAMA,MAAgD,GAAG,QAWnD;EAAA,IAXoD;IACxDC,IAAI;IACJC,cAAc;IACdC,UAAU;IACVC,KAAK;IACLC,UAAU;IACVC,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEL,KAAK;EAAE,gBACrC,oBAAC,iBAAI;IAAC,KAAK,EAAEI,MAAM,CAACE;EAAa,gBAC/B,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLb,cAAc,EACd;MACEc,KAAK,EAAEb,UAAU;MACjBc,IAAI,EAAE;IACR,CAAC,CACD;IACF,aAAa,EAAE;EAAE,GAEhBb,KAAK,CACD,EACNI,OAAO,iBACN,oBAAC,kBAAS;IACR,KAAK,EAAE;MAAEU,SAAS,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAG,CAAE;IAC/C,OAAO,EAAEX;EAAQ,gBAEjB,oBAAC,iBAAI;IAAC,KAAK,EAAEK,MAAM,CAACO;EAAgB,gBAClC,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLR,UAAU,CAACS,SAAS,EACpB;MACEL,KAAK,EAAEL,MAAM,CAACW,KAAK;MACnBC,WAAW,EAAE;IACf,CAAC,CACD;IACF,aAAa,EAAE;EAAE,GAEhBlB,UAAU,CACN,eACP,oBAAC,IAAI;IACH,IAAI,EAAEE,IAAK;IACX,IAAI,EAAEiB,eAAM,CAACC,cAAe;IAC5B,KAAK,EAAEd,MAAM,CAACW;EAAM,EACpB,CACG,CAEV,CACI,eACP,oBAAC,gBAAO;IAAC,KAAK,EAAE;MAAEI,SAAS,EAAEpB,gBAAgB,IAAI;IAAG;EAAE,EAAG,CACpD;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTI,SAAS,EAAE;EACb,CAAC;EACDH,YAAY,EAAE;IACZc,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDX,eAAe,EAAE;IACfS,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAAChC,MAAM,CAAC;AAAA"}

package/lib/commonjs/components/HeaderLarge.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 HeaderLarge = _ref => {
   let {
     Icon,
@@ -41,7 +34,6 @@ const HeaderLarge = _ref => {
     style: style
   });
 };
-
 var _default = (0, _theming.withTheme)(HeaderLarge);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=HeaderLarge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong","withTheme"],"sources":["HeaderLarge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\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 HeaderLarge: 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.headline4}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderLarge);\n"],"mappings":";;;;;;AAAA;AACA;AAGA;AAA8B;AAAA;AAAA;AAY9B,MAAMA,WAAqD,GAAG,QAQxD;EAAA,IARyD;IAC7DC,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,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,KAAK,EAAET,KAAM;IACb,UAAU,EAAEC,UAAW;IACvB,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAAC,eAEa,IAAAM,kBAAS,EAACZ,WAAW,CAAC;AAAA"}

package/lib/commonjs/components/HeaderMedium.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 HeaderMedium = _ref => {
   let {
     Icon,
@@ -41,7 +34,6 @@ const HeaderMedium = _ref => {
     style: style
   });
 };
-
 var _default = (0, _theming.withTheme)(HeaderMedium);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=HeaderMedium.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong","withTheme"],"sources":["HeaderMedium.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 HeaderMedium: 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.headline6}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderMedium);\n"],"mappings":";;;;;;AAAA;AACA;AAIA;AAA8B;AAAA;AAAA;AAY9B,MAAMA,YAAsD,GAAG,QAQzD;EAAA,IAR0D;IAC9DC,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,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,KAAK,EAAET,KAAM;IACb,UAAU,EAAEC,UAAW;IACvB,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAAC,eAEa,IAAAM,kBAAS,EAACZ,YAAY,CAAC;AAAA"}

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