@draftbit/core 43.7.2-49b1d4.1 → 43.7.2-5b80c5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/lib/module/components/AnimatedCircularProgress.js +10 -2
  2. package/lib/module/components/AnimatedCircularProgress.js.map +1 -1
  3. package/lib/module/components/AvatarEdit.js +16 -5
  4. package/lib/module/components/AvatarEdit.js.map +1 -1
  5. package/lib/module/components/CardContainer.js +14 -5
  6. package/lib/module/components/CardContainer.js.map +1 -1
  7. package/lib/module/components/CardContainerShortImage.js +16 -5
  8. package/lib/module/components/CardContainerShortImage.js.map +1 -1
  9. package/lib/module/components/Checkbox/CheckboxGroupRow.js +22 -6
  10. package/lib/module/components/Checkbox/CheckboxGroupRow.js.map +1 -1
  11. package/lib/module/components/DeprecatedFAB.js +19 -4
  12. package/lib/module/components/DeprecatedFAB.js.map +1 -1
  13. package/lib/module/components/Divider.js +16 -2
  14. package/lib/module/components/Divider.js.map +1 -1
  15. package/lib/module/components/FormRow.js +17 -4
  16. package/lib/module/components/FormRow.js.map +1 -1
  17. package/lib/module/components/Header.js.map +1 -1
  18. package/lib/module/components/Image.js +18 -3
  19. package/lib/module/components/Image.js.map +1 -1
  20. package/lib/module/components/Justification.js +2 -2
  21. package/lib/module/components/Justification.js.map +1 -1
  22. package/lib/module/components/Layout.js +40 -21
  23. package/lib/module/components/Layout.js.map +1 -1
  24. package/lib/module/components/NumberInput.js +12 -2
  25. package/lib/module/components/NumberInput.js.map +1 -1
  26. package/lib/module/components/Portal/Portal.js +1 -1
  27. package/lib/module/components/Portal/Portal.js.map +1 -1
  28. package/lib/module/components/Portal/PortalConsumer.js.map +1 -1
  29. package/lib/module/components/ProgressIndicator.js.map +1 -1
  30. package/lib/module/components/RadioButton/RadioButton.js +14 -3
  31. package/lib/module/components/RadioButton/RadioButton.js.map +1 -1
  32. package/lib/module/components/Row.js.map +1 -1
  33. package/lib/module/components/StepIndicator.js.map +1 -1
  34. package/lib/module/components/Touchable.js +16 -3
  35. package/lib/module/components/Touchable.js.map +1 -1
  36. package/lib/module/components/useAuthState.js.map +1 -1
  37. package/lib/module/mappings/ActionSheetItem.js.map +1 -1
  38. package/lib/module/mappings/CardContainerShortImage.js.map +1 -1
  39. package/lib/module/mappings/CircleImage.js.map +1 -1
  40. package/lib/module/mappings/Divider.js.map +1 -1
  41. package/lib/module/mappings/Fetch.js.map +1 -1
  42. package/lib/module/mappings/HeaderOverline.js.map +1 -1
  43. package/lib/module/mappings/IconButton.js.map +1 -1
  44. package/lib/module/mappings/Picker.js.map +1 -1
  45. package/lib/module/mappings/StarRating.js +6 -2
  46. package/lib/module/mappings/StarRating.js.map +1 -1
  47. package/lib/module/mappings/Swiper.js.map +1 -1
  48. package/lib/module/mappings/ToggleButton.js.map +1 -1
  49. package/lib/module/utilities.js.map +1 -1
  50. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"sources":["FormRow.tsx"],"names":["React","Text","StyleSheet","extractStyles","Touchable","FormRow","disabled","direction","children","label","style","onPress","rest","textStyles","viewStyles","styles","row","flexDirection","create","marginLeft","marginRight","justifyContent","alignItems"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAqCC,UAArC,QAAuD,cAAvD;AAEA,SAASC,aAAT,QAA8B,cAA9B;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAWA,eAAe,SAASC,OAAT,OAQL;AAAA,MARsB;AAC9BC,IAAAA,QAD8B;AAE9BC,IAAAA,SAF8B;AAG9BC,IAAAA,QAH8B;AAI9BC,IAAAA,KAJ8B;AAK9BC,IAAAA,KAL8B;AAM9BC,IAAAA,OAN8B;AAO9B,OAAGC;AAP2B,GAQtB;AACR,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BX,aAAa,CAACO,KAAD,CAAhD;AACA,sBACE,oBAAC,SAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,KAAK,EAAE,CAACI,MAAM,CAACC,GAAR,EAAa;AAAEC,MAAAA,aAAa,EAAEV;AAAjB,KAAb,EAA2CO,UAA3C;AAHT,KAIMF,IAJN,gBAME,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC;AAAb,KAA0BJ,KAA1B,CANF,EAOGD,QAPH,CADF;AAWD;AAED,MAAMO,MAAM,GAAGb,UAAU,CAACgB,MAAX,CAAkB;AAC/BF,EAAAA,GAAG,EAAE;AACHG,IAAAA,UAAU,EAAE,CADT;AAEHC,IAAAA,WAAW,EAAE,CAFV;AAGHH,IAAAA,aAAa,EAAE,KAHZ;AAIHI,IAAAA,cAAc,EAAE,eAJb;AAKHC,IAAAA,UAAU,EAAE;AALT;AAD0B,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { RowDirection } from \"@draftbit/types\";\nimport { extractStyles } from \"../utilities\";\nimport Touchable from \"./Touchable\";\n\ntype Props = {\n disabled?: boolean;\n label: string;\n direction: RowDirection;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nexport default function FormRow({\n disabled,\n direction,\n children,\n label,\n style,\n onPress,\n ...rest\n}: Props) {\n const { textStyles, viewStyles } = extractStyles(style);\n return (\n <Touchable\n disabled={disabled}\n onPress={onPress}\n style={[styles.row, { flexDirection: direction }, viewStyles]}\n {...rest}\n >\n <Text style={textStyles}>{label}</Text>\n {children}\n </Touchable>\n );\n}\n\nconst styles = StyleSheet.create({\n row: {\n marginLeft: 8,\n marginRight: 8,\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n});\n"]}
1
+ {"version":3,"sources":["FormRow.js"],"names":["React","Text","StyleSheet","extractStyles","Touchable","FormRow","disabled","direction","children","label","style","onPress","rest","textStyles","viewStyles","createElement","styles","row","flexDirection","create","marginLeft","marginRight","justifyContent","alignItems"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AACA,SAASC,aAAT,QAA8B,cAA9B;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,eAAe,SAASC,OAAT,OAAoF;AAAA,MAAnE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuBC,IAAAA,QAAvB;AAAiCC,IAAAA,KAAjC;AAAwCC,IAAAA,KAAxC;AAA+CC,IAAAA,OAA/C;AAAwD,OAAGC;AAA3D,GAAmE;AAC/F,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BX,aAAa,CAACO,KAAD,CAAhD;AACA,sBAAQV,KAAK,CAACe,aAAN,CAAoBX,SAApB,EAA+B;AAAEE,IAAAA,QAAQ,EAAEA,QAAZ;AAAsBK,IAAAA,OAAO,EAAEA,OAA/B;AAAwCD,IAAAA,KAAK,EAAE,CAACM,MAAM,CAACC,GAAR,EAAa;AAAEC,MAAAA,aAAa,EAAEX;AAAjB,KAAb,EAA2CO,UAA3C,CAA/C;AAAuG,OAAGF;AAA1G,GAA/B,eACJZ,KAAK,CAACe,aAAN,CAAoBd,IAApB,EAA0B;AAAES,IAAAA,KAAK,EAAEG;AAAT,GAA1B,EAAiDJ,KAAjD,CADI,EAEJD,QAFI,CAAR;AAGH;AACD,MAAMQ,MAAM,GAAGd,UAAU,CAACiB,MAAX,CAAkB;AAC7BF,EAAAA,GAAG,EAAE;AACDG,IAAAA,UAAU,EAAE,CADX;AAEDC,IAAAA,WAAW,EAAE,CAFZ;AAGDH,IAAAA,aAAa,EAAE,KAHd;AAIDI,IAAAA,cAAc,EAAE,eAJf;AAKDC,IAAAA,UAAU,EAAE;AALX;AADwB,CAAlB,CAAf","sourcesContent":["import * as React from \"react\";\nimport { Text, StyleSheet } from \"react-native\";\nimport { extractStyles } from \"../utilities\";\nimport Touchable from \"./Touchable\";\nexport default function FormRow({ disabled, direction, children, label, style, onPress, ...rest }) {\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { disabled: disabled, onPress: onPress, style: [styles.row, { flexDirection: direction }, viewStyles], ...rest },\n React.createElement(Text, { style: textStyles }, label),\n children));\n}\nconst styles = StyleSheet.create({\n row: {\n marginLeft: 8,\n marginRight: 8,\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Header.tsx"],"names":["React","View","Text","StyleSheet","withTheme","Divider","Touchable","Config","Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","styles","container","topContainer","color","flex","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","headerIconSize","marginTop","create","flexDirection","justifyContent","alignItems"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,IAFF,EAGEC,UAHF,QAOO,cAPP;AAQA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAiBA,MAAMC,MAAuB,GAAG,QAW1B;AAAA,MAX2B;AAC/BC,IAAAA,IAD+B;AAE/BC,IAAAA,cAF+B;AAG/BC,IAAAA,UAH+B;AAI/BC,IAAAA,KAJ+B;AAK/BC,IAAAA,UAL+B;AAM/BC,IAAAA,gBAN+B;AAO/BC,IAAAA,IAP+B;AAQ/BC,IAAAA,OAR+B;AAS/BC,IAAAA,KAT+B;AAU/BC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAVwB,GAW3B;AACJ,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBL,KAAnB;AAAb,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEI,MAAM,CAACE;AAApB,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLb,cADK,EAEL;AACEc,MAAAA,KAAK,EAAEb,UADT;AAEEc,MAAAA,IAAI,EAAE;AAFR,KAFK,CADT;AAQE,IAAA,aAAa,EAAE;AARjB,KAUGb,KAVH,CADF,EAaGI,OAAO,iBACN,oBAAC,SAAD;AACE,IAAA,KAAK,EAAE;AAAEU,MAAAA,SAAS,EAAE,QAAb;AAAuBC,MAAAA,UAAU,EAAE;AAAnC,KADT;AAEE,IAAA,OAAO,EAAEX;AAFX,kBAIE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEK,MAAM,CAACO;AAApB,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLR,UAAU,CAACS,SADN,EAEL;AACEL,MAAAA,KAAK,EAAEL,MAAM,CAACW,KADhB;AAEEC,MAAAA,WAAW,EAAE;AAFf,KAFK,CADT;AAQE,IAAA,aAAa,EAAE;AARjB,KAUGlB,UAVH,CADF,eAaE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEE,IADR;AAEE,IAAA,IAAI,EAAER,MAAM,CAACyB,cAFf;AAGE,IAAA,KAAK,EAAEb,MAAM,CAACW;AAHhB,IAbF,CAJF,CAdJ,CADF,eAyCE,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAE;AAAEG,MAAAA,SAAS,EAAEnB,gBAAgB,IAAI;AAAjC;AAAhB,IAzCF,CADF;AA6CD,CAzDD;;AA2DA,MAAMO,MAAM,GAAGlB,UAAU,CAAC+B,MAAX,CAAkB;AAC/BZ,EAAAA,SAAS,EAAE;AACTI,IAAAA,SAAS,EAAE;AADF,GADoB;AAI/BH,EAAAA,YAAY,EAAE;AACZY,IAAAA,aAAa,EAAE,KADH;AAEZC,IAAAA,cAAc,EAAE,eAFJ;AAGZC,IAAAA,UAAU,EAAE;AAHA,GAJiB;AAS/BT,EAAAA,eAAe,EAAE;AACfO,IAAAA,aAAa,EAAE,KADA;AAEfC,IAAAA,cAAc,EAAE,QAFD;AAGfC,IAAAA,UAAU,EAAE;AAHG;AATc,CAAlB,CAAf;AAgBA,eAAejC,SAAS,CAACI,MAAD,CAAxB","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<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"]}
1
+ {"version":3,"sources":["Header.js"],"names":["React","View","Text","StyleSheet","withTheme","Divider","Touchable","Config","Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","createElement","styles","container","topContainer","color","flex","numberOfLines","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","name","size","headerIconSize","marginTop","create","flexDirection","justifyContent","alignItems"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\nconst Header = ({ Icon, titleTypeStyle, titleColor, title, buttonText, dividerTopMargin, icon, onPress, style, theme: { colors, typography }, }) => {\n return (React.createElement(View, { style: [styles.container, style] },\n React.createElement(View, { style: styles.topContainer },\n React.createElement(Text, { style: [\n titleTypeStyle,\n {\n color: titleColor,\n flex: 1,\n },\n ], numberOfLines: 1 }, title),\n onPress && (React.createElement(Touchable, { style: { alignSelf: \"center\", marginLeft: 12 }, onPress: onPress },\n React.createElement(View, { style: styles.buttonContainer },\n React.createElement(Text, { style: [\n typography.subtitle2,\n {\n color: colors.light,\n marginRight: 8,\n },\n ], numberOfLines: 1 }, buttonText),\n React.createElement(Icon, { name: icon, size: Config.headerIconSize, color: colors.light }))))),\n React.createElement(Divider, { style: { marginTop: dividerTopMargin || 16 } })));\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});\nexport default withTheme(Header);\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
1
  /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
4
2
  import React from "react";
5
3
  import { Image as NativeImage, StyleSheet } from "react-native";
@@ -64,13 +62,30 @@ const Image = _ref2 => {
64
62
  height,
65
63
  aspectRatio
66
64
  }]
67
- }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
65
+ }, /*#__PURE__*/React.createElement(NativeImage, { ...props,
68
66
  source: imageSource,
69
67
  resizeMode: resizeMode,
70
68
  style: [style, {
71
69
  height: "100%",
72
70
  width: "100%"
73
71
  }]
72
+ }));
73
+ }
74
+
75
+ return /*#__PURE__*/React.createElement(NativeImage, { ...props,
76
+ source: source,
77
+ resizeMode: resizeMode,
78
+ style: style
79
+ });
80
+ };
81
+
82
+ export default Image;
83
+ //# sourceMappingURL=Image.js.mapgeSource,
84
+ resizeMode: resizeMode,
85
+ style: [style, {
86
+ height: "100%",
87
+ width: "100%"
88
+ }]
74
89
  })));
75
90
  }
76
91
 
@@ -1 +1 @@
1
- {"version":3,"sources":["Image.tsx"],"names":["React","Image","NativeImage","StyleSheet","Config","AspectRatio","generateDimensions","aspectRatio","width","height","source","resizeMode","style","props","imageSource","undefined","placeholderImageURL","styles","flatten"],"mappings":";;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KAAK,IAAIC,WADX,EAGEC,UAHF,QAKO,cALP;AAMA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,WAAP,MAAwB,eAAxB;;AAQA,MAAMC,kBAAkB,GAAG,QAAoD;AAAA,MAAnD;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,GAAmD;;AAC7E,MAAIF,WAAW,IAAI,CAACC,KAAhB,IAAyB,CAACC,MAA9B,EAAsC;AACpC,WAAO;AACLF,MAAAA,WADK;AAELC,MAAAA,KAAK,EAAE;AAFF,KAAP;AAID;;AAED,MAAID,WAAW,IAAIE,MAAnB,EAA2B;AACzB,WAAO;AACLF,MAAAA,WADK;AAELE,MAAAA,MAFK;AAGLD,MAAAA,KAAK,EAAED,WAAW,GAAGE;AAHhB,KAAP;AAKD;;AAED,MAAIF,WAAW,IAAIC,KAAnB,EAA0B;AACxB,WAAO;AACLD,MAAAA,WADK;AAELC,MAAAA,KAFK;AAGLC,MAAAA,MAAM,EAAED,KAAK,GAAGD;AAHX,KAAP;AAKD;;AAED,SAAO;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAP;AACD,CAzBD;;AA2BA,MAAMR,KAA2B,GAAG,SAK9B;AAAA,MAL+B;AACnCS,IAAAA,MADmC;AAEnCC,IAAAA,UAAU,GAAG,OAFsB;AAGnCC,IAAAA,KAHmC;AAInC,OAAGC;AAJgC,GAK/B;AACJ,MAAIC,WAAW,GACbJ,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAKK,SAA9B,GACIX,MAAM,CAACY,mBADX,GAEIN,MAHN;AAKA,QAAMO,MAAM,GAAGd,UAAU,CAACe,OAAX,CAAmBN,KAAK,IAAI,EAA5B,CAAf;AACA,QAAM;AAAEL,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,MAAiCH,kBAAkB,CACvDW,MADuD,CAAzD;;AAIA,MAAIV,WAAJ,EAAiB;AACf,wBACE,oBAAC,WAAD;AAAa,MAAA,KAAK,EAAE,CAACK,KAAD,EAAQ;AAAEJ,QAAAA,KAAF;AAASC,QAAAA,MAAT;AAAiBF,QAAAA;AAAjB,OAAR;AAApB,oBACE,oBAAC,WAAD,eACMM,KADN;AAEE,MAAA,MAAM,EAAEC,WAFV;AAGE,MAAA,UAAU,EAAEH,UAHd;AAIE,MAAA,KAAK,EAAE,CACLC,KADK,EAEL;AACEH,QAAAA,MAAM,EAAE,MADV;AAEED,QAAAA,KAAK,EAAE;AAFT,OAFK;AAJT,OADF,CADF;AAgBD;;AAED,sBACE,oBAAC,WAAD,eACMK,KADN;AAEE,IAAA,MAAM,EAAEH,MAFV;AAGE,IAAA,UAAU,EAAEC,UAHd;AAIE,IAAA,KAAK,EAAEC;AAJT,KADF;AAQD,CA3CD;;AA6CA,eAAeX,KAAf","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"]}
1
+ {"version":3,"sources":["Image.js"],"names":["React","Image","NativeImage","StyleSheet","Config","AspectRatio","generateDimensions","aspectRatio","width","height","source","resizeMode","style","props","imageSource","undefined","placeholderImageURL","styles","flatten","createElement"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAK,IAAIC,WAAlB,EAA+BC,UAA/B,QAAkD,cAAlD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;;AACA,MAAMC,kBAAkB,GAAG,QAAoC;AAAA,MAAnC;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,GAAmC;;AAC3D,MAAIF,WAAW,IAAI,CAACC,KAAhB,IAAyB,CAACC,MAA9B,EAAsC;AAClC,WAAO;AACHF,MAAAA,WADG;AAEHC,MAAAA,KAAK,EAAE;AAFJ,KAAP;AAIH;;AACD,MAAID,WAAW,IAAIE,MAAnB,EAA2B;AACvB,WAAO;AACHF,MAAAA,WADG;AAEHE,MAAAA,MAFG;AAGHD,MAAAA,KAAK,EAAED,WAAW,GAAGE;AAHlB,KAAP;AAKH;;AACD,MAAIF,WAAW,IAAIC,KAAnB,EAA0B;AACtB,WAAO;AACHD,MAAAA,WADG;AAEHC,MAAAA,KAFG;AAGHC,MAAAA,MAAM,EAAED,KAAK,GAAGD;AAHb,KAAP;AAKH;;AACD,SAAO;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAP;AACH,CAtBD;;AAuBA,MAAMR,KAAK,GAAG,SAAuD;AAAA,MAAtD;AAAES,IAAAA,MAAF;AAAUC,IAAAA,UAAU,GAAG,OAAvB;AAAgCC,IAAAA,KAAhC;AAAuC,OAAGC;AAA1C,GAAsD;AACjE,MAAIC,WAAW,GAAGJ,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAKK,SAA9B,GACZX,MAAM,CAACY,mBADK,GAEZN,MAFN;AAGA,QAAMO,MAAM,GAAGd,UAAU,CAACe,OAAX,CAAmBN,KAAK,IAAI,EAA5B,CAAf;AACA,QAAM;AAAEL,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,MAAiCH,kBAAkB,CAACW,MAAD,CAAzD;;AACA,MAAIV,WAAJ,EAAiB;AACb,wBAAQP,KAAK,CAACmB,aAAN,CAAoBd,WAApB,EAAiC;AAAEO,MAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEJ,QAAAA,KAAF;AAASC,QAAAA,MAAT;AAAiBF,QAAAA;AAAjB,OAAR;AAAT,KAAjC,eACJP,KAAK,CAACmB,aAAN,CAAoBjB,WAApB,EAAiC,EAAE,GAAGW,KAAL;AAAYH,MAAAA,MAAM,EAAEI,WAApB;AAAiCH,MAAAA,UAAU,EAAEA,UAA7C;AAAyDC,MAAAA,KAAK,EAAE,CACzFA,KADyF,EAEzF;AACIH,QAAAA,MAAM,EAAE,MADZ;AAEID,QAAAA,KAAK,EAAE;AAFX,OAFyF;AAAhE,KAAjC,CADI,CAAR;AAQH;;AACD,sBAAQR,KAAK,CAACmB,aAAN,CAAoBjB,WAApB,EAAiC,EAAE,GAAGW,KAAL;AAAYH,IAAAA,MAAM,EAAEA,MAApB;AAA4BC,IAAAA,UAAU,EAAEA,UAAxC;AAAoDC,IAAAA,KAAK,EAAEA;AAA3D,GAAjC,CAAR;AACH,CAjBD;;AAkBA,eAAeX,KAAf","sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport { Image as NativeImage, StyleSheet, } from \"react-native\";\nimport Config from \"./Config\";\nimport AspectRatio from \"./AspectRatio\";\nconst generateDimensions = ({ aspectRatio, width, height }) => {\n if (aspectRatio && !width && !height) {\n return {\n aspectRatio,\n width: \"100%\",\n };\n }\n if (aspectRatio && height) {\n return {\n aspectRatio,\n height,\n width: aspectRatio * height,\n };\n }\n if (aspectRatio && width) {\n return {\n aspectRatio,\n width,\n height: width / aspectRatio,\n };\n }\n return { width, height };\n};\nconst Image = ({ source, resizeMode = \"cover\", style, ...props }) => {\n let imageSource = source === null || source === undefined\n ? Config.placeholderImageURL\n : source;\n const styles = StyleSheet.flatten(style || {});\n const { aspectRatio, width, height } = generateDimensions(styles);\n if (aspectRatio) {\n return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },\n React.createElement(NativeImage, { ...props, source: imageSource, resizeMode: resizeMode, style: [\n style,\n {\n height: \"100%\",\n width: \"100%\",\n },\n ] })));\n }\n return (React.createElement(NativeImage, { ...props, source: source, resizeMode: resizeMode, style: style }));\n};\nexport default Image;\n"]}
@@ -1,2 +1,2 @@
1
-
2
- //# sourceMappingURL=Justification.js.mapion.js.map
1
+ export {};
2
+ //# sourceMappingURL=Justification.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"sources":["Justification.js"],"names":[],"mappings":"AAAA","sourcesContent":["export {};\n"]}
@@ -1,8 +1,5 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
1
  import * as React from "react";
4
- import { View } from "react-native"; // @ts-ignore
5
-
2
+ import { View } from "react-native";
6
3
  export function Center(_ref) {
7
4
  let {
8
5
  width = 240,
@@ -12,15 +9,16 @@ export function Center(_ref) {
12
9
  style,
13
10
  ...rest
14
11
  } = _ref;
15
- return /*#__PURE__*/React.createElement(View, _extends({
12
+ return /*#__PURE__*/React.createElement(View, {
16
13
  style: [{
17
14
  justifyContent: "center",
18
15
  alignItems: "center",
19
16
  width,
20
17
  height,
21
18
  backgroundColor: bgColor
22
- }, style]
23
- }, rest), children);
19
+ }, style],
20
+ ...rest
21
+ }, children);
24
22
  }
25
23
  export function Circle(_ref2) {
26
24
  let {
@@ -31,7 +29,7 @@ export function Circle(_ref2) {
31
29
  ...rest
32
30
  } = _ref2;
33
31
  const borderRadius = 1000;
34
- return /*#__PURE__*/React.createElement(Center, _extends({
32
+ return /*#__PURE__*/React.createElement(Center, {
35
33
  width: size,
36
34
  height: size,
37
35
  bgColor: bgColor,
@@ -39,8 +37,9 @@ export function Circle(_ref2) {
39
37
  backgroundColor: bgColor,
40
38
  borderRadius,
41
39
  overflow: "hidden"
42
- }]
43
- }, rest), children);
40
+ }],
41
+ ...rest
42
+ }, children);
44
43
  }
45
44
  export function Square(_ref3) {
46
45
  let {
@@ -50,12 +49,13 @@ export function Square(_ref3) {
50
49
  style,
51
50
  ...rest
52
51
  } = _ref3;
53
- return /*#__PURE__*/React.createElement(Center, _extends({
52
+ return /*#__PURE__*/React.createElement(Center, {
54
53
  style: style,
55
54
  width: size,
56
55
  height: size,
57
- bgColor: bgColor
58
- }, rest), children);
56
+ bgColor: bgColor,
57
+ ...rest
58
+ }, children);
59
59
  }
60
60
  export function Row(_ref4) {
61
61
  let {
@@ -65,14 +65,14 @@ export function Row(_ref4) {
65
65
  style,
66
66
  ...rest
67
67
  } = _ref4;
68
- return /*#__PURE__*/React.createElement(View, _extends({
69
- style: [style, // style goes first b/c we can't override these
70
- {
68
+ return /*#__PURE__*/React.createElement(View, {
69
+ style: [style, {
71
70
  alignItems,
72
71
  flexDirection: "row",
73
72
  justifyContent: justifyContent
74
- }]
75
- }, rest), children);
73
+ }],
74
+ ...rest
75
+ }, children);
76
76
  }
77
77
  export function Spacer(_ref5) {
78
78
  let {
@@ -84,14 +84,15 @@ export function Spacer(_ref5) {
84
84
  style,
85
85
  ...rest
86
86
  } = _ref5;
87
- return /*#__PURE__*/React.createElement(View, _extends({
87
+ return /*#__PURE__*/React.createElement(View, {
88
88
  style: [style, {
89
89
  paddingRight: right,
90
90
  paddingTop: top,
91
91
  paddingLeft: left,
92
92
  paddingBottom: bottom
93
- }]
94
- }, rest), children);
93
+ }],
94
+ ...rest
95
+ }, children);
95
96
  }
96
97
  export function Stack(_ref6) {
97
98
  let {
@@ -101,6 +102,24 @@ export function Stack(_ref6) {
101
102
  style,
102
103
  ...rest
103
104
  } = _ref6;
105
+ return (
106
+ /*#__PURE__*/
107
+ // style must go first since we don't want justifyContent, alignItems overridden
108
+ React.createElement(View, {
109
+ style: [style, {
110
+ justifyContent,
111
+ alignItems
112
+ }],
113
+ ...rest
114
+ }, children)
115
+ );
116
+ }
117
+ //# sourceMappingURL=Layout.js.mapren,
118
+ justifyContent = "flex-start",
119
+ alignItems = "flex-start",
120
+ style,
121
+ ...rest
122
+ } = _ref6;
104
123
  return (
105
124
  /*#__PURE__*/
106
125
  // style must go first since we don't want justifyContent, alignItems overridden
@@ -1 +1 @@
1
- {"version":3,"sources":["Layout.tsx"],"names":["React","View","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"],"mappings":"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","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"]}
1
+ {"version":3,"sources":["Layout.js"],"names":["React","View","Center","width","height","children","bgColor","style","rest","createElement","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nexport function Center({ width = 240, height = 200, children, bgColor, style, ...rest }) {\n return (React.createElement(View, { style: [\n {\n justifyContent: \"center\",\n alignItems: \"center\",\n width,\n height,\n backgroundColor: bgColor,\n },\n style,\n ], ...rest }, children));\n}\nexport function Circle({ size = 50, bgColor, children, style, ...rest }) {\n const borderRadius = 1000;\n return (React.createElement(Center, { width: size, height: size, bgColor: bgColor, style: [\n style,\n { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n ], ...rest }, children));\n}\nexport function Square({ size = 50, bgColor, children, style, ...rest }) {\n return (React.createElement(Center, { style: style, width: size, height: size, bgColor: bgColor, ...rest }, children));\n}\nexport function Row({ justifyContent, alignItems, children, style, ...rest }) {\n return (React.createElement(View, { style: [\n style,\n {\n alignItems,\n flexDirection: \"row\",\n justifyContent: justifyContent,\n },\n ], ...rest }, children));\n}\nexport function Spacer({ top = 8, right = 8, bottom = 8, left = 8, children, style, ...rest }) {\n return (React.createElement(View, { style: [\n style,\n {\n paddingRight: right,\n paddingTop: top,\n paddingLeft: left,\n paddingBottom: bottom,\n },\n ], ...rest }, children));\n}\nexport function Stack({ children, justifyContent = \"flex-start\", alignItems = \"flex-start\", style, ...rest }) {\n return (\n // style must go first since we don't want justifyContent, alignItems overridden\n React.createElement(View, { style: [style, { justifyContent, alignItems }], ...rest }, children));\n}\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
1
  import React, { useEffect, useState } from "react";
4
2
  import { TextInput } from "react-native";
5
3
  import { isString, isNumber, isNaN } from "lodash";
@@ -56,6 +54,18 @@ const NumberInput = _ref => {
56
54
  handleChangeText(nextStringNumberValue);
57
55
  } // eslint-disable-next-line react-hooks/exhaustive-deps
58
56
 
57
+ }, [value]);
58
+ return /*#__PURE__*/React.createElement(TextInput, {
59
+ keyboardType: "numeric",
60
+ value: currentStringNumberValue,
61
+ onChangeText: handleChangeText,
62
+ ...props
63
+ });
64
+ };
65
+
66
+ export default NumberInput;
67
+ //# sourceMappingURL=NumberInput.js.map// eslint-disable-next-line react-hooks/exhaustive-deps
68
+
59
69
  }, [value]);
60
70
  return /*#__PURE__*/React.createElement(TextInput, _extends({
61
71
  keyboardType: "numeric",
@@ -1 +1 @@
1
- {"version":3,"sources":["NumberInput.tsx"],"names":["React","useEffect","useState","TextInput","isString","isNumber","isNaN","NumberInput","onChangeText","value","defaultValue","props","currentStringNumberValue","setCurrentStringNumberValue","formatValueToStringNumber","valueToFormat","test","slice","toString","defaultStringNumberValue","handleChangeText","newValue","newStringNumberValue","number","parseFloat","nextStringNumberValue"],"mappings":";;AAAA,OAAOA,KAAP,IAAoBC,SAApB,EAA+BC,QAA/B,QAA+C,OAA/C;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,KAA7B,QAA0C,QAA1C;;AAQA,MAAMC,WAAsB,GAAG,QAKzB;AAAA,MAL0B;AAC9BC,IAAAA,YAD8B;AAE9BC,IAAAA,KAF8B;AAG9BC,IAAAA,YAH8B;AAI9B,OAAGC;AAJ2B,GAK1B;AACJ,QAAM,CAACC,wBAAD,EAA2BC,2BAA3B,IAA0DX,QAAQ,CAAC,GAAD,CAAxE;;AAEA,QAAMY,yBAAyB,GAAIC,aAAD,IAAqC;AACrE,QAAIA,aAAa,IAAI,IAArB,EAA2B;AACzB,UAAIX,QAAQ,CAACW,aAAD,CAAR,IAA2BA,aAAa,KAAK,EAAjD,EAAqD;AACnD,YAAI,WAAWC,IAAX,CAAgBD,aAAhB,CAAJ,EAAoC;AAClC,iBAAOA,aAAa,CAACE,KAAd,CAAoB,CAApB,CAAP;AACD,SAFD,MAEO,IAAI,oCAAoCD,IAApC,CAAyCD,aAAzC,CAAJ,EAA6D;AAClE,iBAAOA,aAAP;AACD,SAFM,MAEA;AACL,iBAAOH,wBAAP;AACD;AACF,OARD,MAQO,IAAIP,QAAQ,CAACU,aAAD,CAAR,IAA2B,CAACT,KAAK,CAACS,aAAD,CAArC,EAAsD;AAC3D,eAAOA,aAAa,CAACG,QAAd,EAAP;AACD;AACF;;AAED,WAAO,GAAP;AACD,GAhBD,CAHI,CAqBJ;;;AACAjB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMkB,wBAAwB,GAAGL,yBAAyB,CAACJ,YAAD,CAA1D;;AAEA,QAAIE,wBAAwB,KAAKO,wBAAjC,EAA2D;AACzDN,MAAAA,2BAA2B,CAACM,wBAAD,CAA3B;AACD,KALa,CAMd;;AACD,GAPQ,EAON,EAPM,CAAT;;AASA,QAAMC,gBAAgB,GAAIC,QAAD,IAAsB;AAC7C,UAAMC,oBAAoB,GAAGR,yBAAyB,CAACO,QAAD,CAAtD;AACA,UAAME,MAAM,GAAGC,UAAU,CAACF,oBAAD,CAAzB;AAEAT,IAAAA,2BAA2B,CAACS,oBAAD,CAA3B;AACAd,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGe,MAAH,CAAZ;AACD,GAND,CA/BI,CAuCJ;;;AACAtB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMwB,qBAAqB,GAAGX,yBAAyB,CAACL,KAAD,CAAvD;;AAEA,QAAIG,wBAAwB,KAAKa,qBAAjC,EAAwD;AACtDL,MAAAA,gBAAgB,CAACK,qBAAD,CAAhB;AACD,KALa,CAMd;;AACD,GAPQ,EAON,CAAChB,KAAD,CAPM,CAAT;AASA,sBACE,oBAAC,SAAD;AACE,IAAA,YAAY,EAAC,SADf;AAEE,IAAA,KAAK,EAAEG,wBAFT;AAGE,IAAA,YAAY,EAAEQ;AAHhB,KAIMT,KAJN,EADF;AAQD,CA9DD;;AAgEA,eAAeJ,WAAf","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"]}
1
+ {"version":3,"sources":["NumberInput.js"],"names":["React","useEffect","useState","TextInput","isString","isNumber","isNaN","NumberInput","onChangeText","value","defaultValue","props","currentStringNumberValue","setCurrentStringNumberValue","formatValueToStringNumber","valueToFormat","test","slice","toString","defaultStringNumberValue","handleChangeText","newValue","newStringNumberValue","number","parseFloat","nextStringNumberValue","createElement","keyboardType"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,KAA7B,QAA0C,QAA1C;;AACA,MAAMC,WAAW,GAAG,QAAqD;AAAA,MAApD;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA,YAAvB;AAAqC,OAAGC;AAAxC,GAAoD;AACrE,QAAM,CAACC,wBAAD,EAA2BC,2BAA3B,IAA0DX,QAAQ,CAAC,GAAD,CAAxE;;AACA,QAAMY,yBAAyB,GAAIC,aAAD,IAAmB;AACjD,QAAIA,aAAa,IAAI,IAArB,EAA2B;AACvB,UAAIX,QAAQ,CAACW,aAAD,CAAR,IAA2BA,aAAa,KAAK,EAAjD,EAAqD;AACjD,YAAI,WAAWC,IAAX,CAAgBD,aAAhB,CAAJ,EAAoC;AAChC,iBAAOA,aAAa,CAACE,KAAd,CAAoB,CAApB,CAAP;AACH,SAFD,MAGK,IAAI,oCAAoCD,IAApC,CAAyCD,aAAzC,CAAJ,EAA6D;AAC9D,iBAAOA,aAAP;AACH,SAFI,MAGA;AACD,iBAAOH,wBAAP;AACH;AACJ,OAVD,MAWK,IAAIP,QAAQ,CAACU,aAAD,CAAR,IAA2B,CAACT,KAAK,CAACS,aAAD,CAArC,EAAsD;AACvD,eAAOA,aAAa,CAACG,QAAd,EAAP;AACH;AACJ;;AACD,WAAO,GAAP;AACH,GAlBD,CAFqE,CAqBrE;;;AACAjB,EAAAA,SAAS,CAAC,MAAM;AACZ,UAAMkB,wBAAwB,GAAGL,yBAAyB,CAACJ,YAAD,CAA1D;;AACA,QAAIE,wBAAwB,KAAKO,wBAAjC,EAA2D;AACvDN,MAAAA,2BAA2B,CAACM,wBAAD,CAA3B;AACH,KAJW,CAKZ;;AACH,GANQ,EAMN,EANM,CAAT;;AAOA,QAAMC,gBAAgB,GAAIC,QAAD,IAAc;AACnC,UAAMC,oBAAoB,GAAGR,yBAAyB,CAACO,QAAD,CAAtD;AACA,UAAME,MAAM,GAAGC,UAAU,CAACF,oBAAD,CAAzB;AACAT,IAAAA,2BAA2B,CAACS,oBAAD,CAA3B;AACAd,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGe,MAAH,CAAZ;AACH,GALD,CA7BqE,CAmCrE;;;AACAtB,EAAAA,SAAS,CAAC,MAAM;AACZ,UAAMwB,qBAAqB,GAAGX,yBAAyB,CAACL,KAAD,CAAvD;;AACA,QAAIG,wBAAwB,KAAKa,qBAAjC,EAAwD;AACpDL,MAAAA,gBAAgB,CAACK,qBAAD,CAAhB;AACH,KAJW,CAKZ;;AACH,GANQ,EAMN,CAAChB,KAAD,CANM,CAAT;AAOA,sBAAQT,KAAK,CAAC0B,aAAN,CAAoBvB,SAApB,EAA+B;AAAEwB,IAAAA,YAAY,EAAE,SAAhB;AAA2BlB,IAAAA,KAAK,EAAEG,wBAAlC;AAA4DJ,IAAAA,YAAY,EAAEY,gBAA1E;AAA4F,OAAGT;AAA/F,GAA/B,CAAR;AACH,CA5CD;;AA6CA,eAAeJ,WAAf","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { TextInput } from \"react-native\";\nimport { isString, isNumber, isNaN } from \"lodash\";\nconst NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {\n const [currentStringNumberValue, setCurrentStringNumberValue] = useState(\"0\");\n const formatValueToStringNumber = (valueToFormat) => {\n if (valueToFormat != null) {\n if (isString(valueToFormat) && valueToFormat !== \"\") {\n if (/^0[1-9]$/.test(valueToFormat)) {\n return valueToFormat.slice(1);\n }\n else if (/^[+-]?([0-9]+\\.?[0-9]*|\\.[0-9]+)$/.test(valueToFormat)) {\n return valueToFormat;\n }\n else {\n return currentStringNumberValue;\n }\n }\n else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {\n return valueToFormat.toString();\n }\n }\n return \"0\";\n };\n // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only\n useEffect(() => {\n const defaultStringNumberValue = formatValueToStringNumber(defaultValue);\n if (currentStringNumberValue !== defaultStringNumberValue) {\n setCurrentStringNumberValue(defaultStringNumberValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n const handleChangeText = (newValue) => {\n const newStringNumberValue = formatValueToStringNumber(newValue);\n const number = parseFloat(newStringNumberValue);\n setCurrentStringNumberValue(newStringNumberValue);\n onChangeText?.(number);\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 if (currentStringNumberValue !== nextStringNumberValue) {\n handleChangeText(nextStringNumberValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n return (React.createElement(TextInput, { keyboardType: \"numeric\", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));\n};\nexport default NumberInput;\n"]}
@@ -4,7 +4,6 @@ import * as React from "react";
4
4
  import PortalConsumer from "./PortalConsumer";
5
5
  import PortalHost, { PortalContext } from "./PortalHost";
6
6
  import { ThemeProvider, withTheme } from "../../theming";
7
-
8
7
  /**
9
8
  * Portal allows to render a component at a different place in the parent tree.
10
9
  * You can use it to render content which should appear above other elements, similar to `Modal`.
@@ -26,6 +25,7 @@ import { ThemeProvider, withTheme } from "../../theming";
26
25
  * }
27
26
  * ```
28
27
  */
28
+
29
29
  class Portal extends React.Component {
30
30
  // @component ./PortalHost.tsx
31
31
  render() {
@@ -1 +1 @@
1
- {"version":3,"sources":["Portal.tsx"],"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","manager"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,UAAP,IAAqBC,aAArB,QAAyD,cAAzD;AACA,SAASC,aAAT,EAAwBC,SAAxB,QAAyC,eAAzC;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAN,SAAqBN,KAAK,CAACO,SAA3B,CAA4C;AAC1C;AAGAC,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,QAAF;AAAYC,MAAAA;AAAZ,QAAsB,KAAKC,KAAjC;AAEA,wBACE,oBAAC,aAAD,CAAe,QAAf,QACIC,OAAD,iBACC,oBAAC,cAAD;AAAgB,MAAA,OAAO,EAAEA;AAAzB,oBACE,oBAAC,aAAD;AAAe,MAAA,KAAK,EAAEF;AAAtB,OAA8BD,QAA9B,CADF,CAFJ,CADF;AASD;;AAhByC;;gBAAtCH,M,UAEUJ,U;;AAiBhB,eAAeG,SAAS,CAACC,MAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n /**\n * Content of the `Portal`.\n */\n children: React.ReactNode;\n /**\n * @optional\n */\n theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal>\n * <Text>This is rendered at a different place</Text>\n * </Portal>\n * );\n * }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n // @component ./PortalHost.tsx\n static Host = PortalHost;\n\n render() {\n const { children, theme } = this.props;\n\n return (\n <PortalContext.Consumer>\n {(manager) => (\n <PortalConsumer manager={manager as PortalMethods}>\n <ThemeProvider theme={theme}>{children}</ThemeProvider>\n </PortalConsumer>\n )}\n </PortalContext.Consumer>\n );\n }\n}\n\nexport default withTheme(Portal);\n"]}
1
+ {"version":3,"sources":["Portal.js"],"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","createElement","Consumer","manager"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,UAAP,IAAqBC,aAArB,QAA0C,cAA1C;AACA,SAASC,aAAT,EAAwBC,SAAxB,QAAyC,eAAzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,MAAN,SAAqBN,KAAK,CAACO,SAA3B,CAAqC;AACjC;AAEAC,EAAAA,MAAM,GAAG;AACL,UAAM;AAAEC,MAAAA,QAAF;AAAYC,MAAAA;AAAZ,QAAsB,KAAKC,KAAjC;AACA,wBAAQX,KAAK,CAACY,aAAN,CAAoBT,aAAa,CAACU,QAAlC,EAA4C,IAA5C,EAAmDC,OAAD,iBAAcd,KAAK,CAACY,aAAN,CAAoBX,cAApB,EAAoC;AAAEa,MAAAA,OAAO,EAAEA;AAAX,KAApC,eACpEd,KAAK,CAACY,aAAN,CAAoBR,aAApB,EAAmC;AAAEM,MAAAA,KAAK,EAAEA;AAAT,KAAnC,EAAqDD,QAArD,CADoE,CAAhE,CAAR;AAEH;;AAPgC;;gBAA/BH,M,UAEYJ,U;;AAOlB,eAAeG,SAAS,CAACC,MAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal>\n * <Text>This is rendered at a different place</Text>\n * </Portal>\n * );\n * }\n * }\n * ```\n */\nclass Portal extends React.Component {\n // @component ./PortalHost.tsx\n static Host = PortalHost;\n render() {\n const { children, theme } = this.props;\n return (React.createElement(PortalContext.Consumer, null, (manager) => (React.createElement(PortalConsumer, { manager: manager },\n React.createElement(ThemeProvider, { theme: theme }, children)))));\n }\n}\nexport default withTheme(Portal);\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["PortalConsumer.js"],"names":["React","PortalConsumer","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,eAAe,MAAMC,cAAN,SAA6BD,KAAK,CAACE,SAAnC,CAA6C;AAAA;AAAA;;AAAA;AAAA;;AACjC,QAAjBC,iBAAiB,GAAG;AACtB,SAAKC,YAAL,GADsB,CAEtB;;AACA,UAAMC,OAAO,CAACC,OAAR,EAAN;AACA,SAAKC,GAAL,GAAW,KAAKC,KAAL,CAAWC,OAAX,CAAmBC,KAAnB,CAAyB,KAAKF,KAAL,CAAWG,QAApC,CAAX;AACH;;AACDC,EAAAA,kBAAkB,GAAG;AACjB,SAAKR,YAAL;AACA,SAAKI,KAAL,CAAWC,OAAX,CAAmBI,MAAnB,CAA0B,KAAKN,GAA/B,EAAoC,KAAKC,KAAL,CAAWG,QAA/C;AACH;;AACDG,EAAAA,oBAAoB,GAAG;AACnB,SAAKV,YAAL;AACA,SAAKI,KAAL,CAAWC,OAAX,CAAmBM,OAAnB,CAA2B,KAAKR,GAAhC;AACH;;AAEDH,EAAAA,YAAY,GAAG;AACX,QAAI,CAAC,KAAKI,KAAL,CAAWC,OAAhB,EAAyB;AACrB,YAAM,IAAIO,KAAJ,CAAU,+GACZ,iGADY,GAEZ,qEAFE,CAAN;AAGH;AACJ;;AACDC,EAAAA,MAAM,GAAG;AACL,WAAO,IAAP;AACH;;AAzBuD","sourcesContent":["import * as React from \"react\";\nexport default class PortalConsumer extends React.Component {\n async componentDidMount() {\n this.checkManager();\n // Delay updating to prevent React from going to infinite loop\n await Promise.resolve();\n this.key = this.props.manager.mount(this.props.children);\n }\n componentDidUpdate() {\n this.checkManager();\n this.props.manager.update(this.key, this.props.children);\n }\n componentWillUnmount() {\n this.checkManager();\n this.props.manager.unmount(this.key);\n }\n key;\n checkManager() {\n if (!this.props.manager) {\n throw new Error(\"Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\\n\\n\" +\n \"Please read our getting-started guide and make sure you've followed all the required steps.\\n\\n\" +\n \"https://callstack.github.io/react-native-paper/getting-started.html\");\n }\n }\n render() {\n return null;\n }\n}\n"]}
1
+ {"version":3,"sources":["PortalConsumer.tsx"],"names":["React","PortalConsumer","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAQA,eAAe,MAAMC,cAAN,SAA6BD,KAAK,CAACE,SAAnC,CAAoD;AAAA;AAAA;;AAAA;AAAA;;AAC1C,QAAjBC,iBAAiB,GAAG;AACxB,SAAKC,YAAL,GADwB,CAGxB;;AACA,UAAMC,OAAO,CAACC,OAAR,EAAN;AAEA,SAAKC,GAAL,GAAW,KAAKC,KAAL,CAAWC,OAAX,CAAmBC,KAAnB,CAAyB,KAAKF,KAAL,CAAWG,QAApC,CAAX;AACD;;AAEDC,EAAAA,kBAAkB,GAAG;AACnB,SAAKR,YAAL;AAEA,SAAKI,KAAL,CAAWC,OAAX,CAAmBI,MAAnB,CAA0B,KAAKN,GAA/B,EAAoC,KAAKC,KAAL,CAAWG,QAA/C;AACD;;AAEDG,EAAAA,oBAAoB,GAAG;AACrB,SAAKV,YAAL;AAEA,SAAKI,KAAL,CAAWC,OAAX,CAAmBM,OAAnB,CAA2B,KAAKR,GAAhC;AACD;;AAIOH,EAAAA,YAAY,GAAG;AACrB,QAAI,CAAC,KAAKI,KAAL,CAAWC,OAAhB,EAAyB;AACvB,YAAM,IAAIO,KAAJ,CACJ,+GACE,iGADF,GAEE,qEAHE,CAAN;AAKD;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,WAAO,IAAP;AACD;;AApCgE","sourcesContent":["import * as React from \"react\";\nimport { PortalMethods } from \"./PortalHost\";\n\ntype Props = {\n manager: PortalMethods;\n children: React.ReactNode;\n};\n\nexport default class PortalConsumer extends React.Component<Props> {\n async componentDidMount() {\n this.checkManager();\n\n // Delay updating to prevent React from going to infinite loop\n await Promise.resolve();\n\n this.key = this.props.manager.mount(this.props.children);\n }\n\n componentDidUpdate() {\n this.checkManager();\n\n this.props.manager.update(this.key, this.props.children);\n }\n\n componentWillUnmount() {\n this.checkManager();\n\n this.props.manager.unmount(this.key);\n }\n\n private key: any;\n\n private checkManager() {\n if (!this.props.manager) {\n throw new Error(\n \"Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\\n\\n\" +\n \"Please read our getting-started guide and make sure you've followed all the required steps.\\n\\n\" +\n \"https://callstack.github.io/react-native-paper/getting-started.html\"\n );\n }\n }\n\n render() {\n return null;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["ProgressIndicator.js"],"names":["React","StepIndicator","withTheme","ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","createElement","stepCount","customStyles","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,MAAMC,iBAAiB,GAAG,QAA6X;AAAA,MAA5X;AAAEC,IAAAA,aAAF;AAAiBC,IAAAA,WAAjB;AAA8BC,IAAAA,sBAAsB,GAAG,CAAvD;AAA0DC,IAAAA,sBAAsB,GAAG,SAAnF;AAA8FC,IAAAA,iBAA9F;AAAiHC,IAAAA,wBAAjH;AAA2IC,IAAAA,yBAA3I;AAAsKC,IAAAA,8BAAtK;AAAsMC,IAAAA,0BAA0B,GAAG,EAAnO;AAAuOC,IAAAA,uBAAuB,GAAG,eAAjQ;AAAkRC,IAAAA,yBAAyB,GAAG,SAA9S;AAAyTC,IAAAA,eAAe,GAAG,OAA3U;AAAoVC,IAAAA,aAAa,GAAG,SAApW;AAA+WC,IAAAA;AAA/W,GAA4X;AACnZ,QAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;AACA,sBAAQL,KAAK,CAACmB,aAAN,CAAoBlB,aAApB,EAAmC;AAAEmB,IAAAA,SAAS,EAAEhB,aAAb;AAA4Bc,IAAAA,eAAe,EAAEA,eAA7C;AAA8DG,IAAAA,YAAY,EAAE;AAC/Gb,MAAAA,iBAD+G;AAE/GC,MAAAA,wBAAwB,EAAEA,wBAAwB,GAC5CA,wBAD4C,GAE5CD,iBAJyG;AAK/Gc,MAAAA,uBAAuB,EAAEN,aALsF;AAM/GO,MAAAA,yBAAyB,EAAER,eANoF;AAO/GS,MAAAA,sBAAsB,EAAER,aAPuF;AAQ/GS,MAAAA,wBAAwB,EAAEV,eARqF;AAS/GW,MAAAA,0BAA0B,EAAEV,aATmF;AAU/GW,MAAAA,4BAA4B,EAAEZ,eAViF;AAW/GT,MAAAA,sBAX+G;AAY/GC,MAAAA,sBAAsB,EAAEA,sBAAsB,IAAIG,yBAZ6D;AAa/GkB,MAAAA,iCAAiC,EAAEd,yBAb4E;AAc/Ge,MAAAA,+BAA+B,EAAEhB,uBAd8E;AAe/GH,MAAAA,yBAAyB,EAAEA,yBAAyB,IAAIK,eAfuD;AAgB/GJ,MAAAA,8BAA8B,EAAEA,8BAA8B,IAAIG,yBAhB6C;AAiB/GF,MAAAA,0BAjB+G;AAkB/GkB,MAAAA,eAAe,EAAEb,KAAK,CAACc,UAAN,CAAiBC,KAAjB,CAAuBC;AAlBuE;AAA5E,GAAnC,CAAR;AAoBH,CAtBD;;AAuBA,eAAe/B,SAAS,CAACC,iBAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nconst ProgressIndicator = ({ numberOfSteps, currentStep, currentStepStrokeWidth = 3, stepStrokeCurrentColor = \"primary\", stepIndicatorSize, currentStepIndicatorSize, stepIndicatorCurrentColor, stepIndicatorLabelCurrentColor, stepIndicatorLabelFontSize = 12, stepNumberFinishedColor = \"strongInverse\", stepNumberUnfinishedColor = \"primary\", unfinishedColor = \"light\", finishedColor = \"primary\", theme, }) => {\n const currentPosition = currentStep - 1;\n return (React.createElement(StepIndicator, { stepCount: numberOfSteps, currentPosition: currentPosition, customStyles: {\n stepIndicatorSize,\n currentStepIndicatorSize: currentStepIndicatorSize\n ? currentStepIndicatorSize\n : stepIndicatorSize,\n stepStrokeFinishedColor: finishedColor,\n stepStrokeUnFinishedColor: unfinishedColor,\n separatorFinishedColor: finishedColor,\n separatorUnFinishedColor: unfinishedColor,\n stepIndicatorFinishedColor: finishedColor,\n stepIndicatorUnFinishedColor: unfinishedColor,\n currentStepStrokeWidth,\n stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,\n stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n stepIndicatorLabelFontSize,\n labelFontFamily: theme.typography.body1.fontFamily,\n } }));\n};\nexport default withTheme(ProgressIndicator);\n"]}
1
+ {"version":3,"sources":["ProgressIndicator.tsx"],"names":["React","StepIndicator","withTheme","ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAqBA,MAAMC,iBAAkC,GAAG,QAerC;AAAA,MAfsC;AAC1CC,IAAAA,aAD0C;AAE1CC,IAAAA,WAF0C;AAG1CC,IAAAA,sBAAsB,GAAG,CAHiB;AAI1CC,IAAAA,sBAAsB,GAAG,SAJiB;AAK1CC,IAAAA,iBAL0C;AAM1CC,IAAAA,wBAN0C;AAO1CC,IAAAA,yBAP0C;AAQ1CC,IAAAA,8BAR0C;AAS1CC,IAAAA,0BAA0B,GAAG,EATa;AAU1CC,IAAAA,uBAAuB,GAAG,eAVgB;AAW1CC,IAAAA,yBAAyB,GAAG,SAXc;AAY1CC,IAAAA,eAAe,GAAG,OAZwB;AAa1CC,IAAAA,aAAa,GAAG,SAb0B;AAc1CC,IAAAA;AAd0C,GAetC;AACJ,QAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;AACA,sBACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAED,aADb;AAEE,IAAA,eAAe,EAAEc,eAFnB;AAGE,IAAA,YAAY,EAAE;AACZV,MAAAA,iBADY;AAEZC,MAAAA,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAD8C,GAE9CD,iBAJQ;AAKZW,MAAAA,uBAAuB,EAAEH,aALb;AAMZI,MAAAA,yBAAyB,EAAEL,eANf;AAOZM,MAAAA,sBAAsB,EAAEL,aAPZ;AAQZM,MAAAA,wBAAwB,EAAEP,eARd;AASZQ,MAAAA,0BAA0B,EAAEP,aAThB;AAUZQ,MAAAA,4BAA4B,EAAET,eAVlB;AAWZT,MAAAA,sBAXY;AAYZC,MAAAA,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAbhB;AAcZe,MAAAA,iCAAiC,EAAEX,yBAdvB;AAeZY,MAAAA,+BAA+B,EAAEb,uBAfrB;AAgBZH,MAAAA,yBAAyB,EAAEA,yBAAyB,IAAIK,eAhB5C;AAiBZJ,MAAAA,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAlBxB;AAmBZF,MAAAA,0BAnBY;AAoBZe,MAAAA,eAAe,EAAEV,KAAK,CAACW,UAAN,CAAiBC,KAAjB,CAAuBC;AApB5B;AAHhB,IADF;AA4BD,CA7CD;;AA+CA,eAAe5B,SAAS,CAACC,iBAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n numberOfSteps: number;\n currentStep: number;\n currentStepStrokeWidth?: number;\n stepStrokeCurrentColor?: colorTypes;\n stepIndicatorSize?: number;\n currentStepIndicatorSize?: number;\n stepIndicatorCurrentColor?: colorTypes;\n stepIndicatorLabelCurrentColor?: colorTypes;\n stepIndicatorLabelFontSize?: number;\n stepNumberFinishedColor?: colorTypes;\n stepNumberUnfinishedColor?: colorTypes;\n unfinishedColor?: colorTypes;\n finishedColor?: colorTypes;\n theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<Props> = ({\n numberOfSteps,\n currentStep,\n currentStepStrokeWidth = 3,\n stepStrokeCurrentColor = \"primary\",\n stepIndicatorSize,\n currentStepIndicatorSize,\n stepIndicatorCurrentColor,\n stepIndicatorLabelCurrentColor,\n stepIndicatorLabelFontSize = 12,\n stepNumberFinishedColor = \"strongInverse\",\n stepNumberUnfinishedColor = \"primary\",\n unfinishedColor = \"light\",\n finishedColor = \"primary\",\n theme,\n}) => {\n const currentPosition = currentStep - 1;\n return (\n <StepIndicator\n stepCount={numberOfSteps}\n currentPosition={currentPosition}\n customStyles={{\n stepIndicatorSize,\n currentStepIndicatorSize: currentStepIndicatorSize\n ? currentStepIndicatorSize\n : stepIndicatorSize,\n stepStrokeFinishedColor: finishedColor,\n stepStrokeUnFinishedColor: unfinishedColor,\n separatorFinishedColor: finishedColor,\n separatorUnFinishedColor: unfinishedColor,\n stepIndicatorFinishedColor: finishedColor,\n stepIndicatorUnFinishedColor: unfinishedColor,\n currentStepStrokeWidth,\n stepStrokeCurrentColor:\n stepStrokeCurrentColor || stepIndicatorCurrentColor,\n stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n stepIndicatorLabelCurrentColor:\n stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n stepIndicatorLabelFontSize,\n labelFontFamily: theme.typography.body1.fontFamily,\n }}\n />\n );\n};\n\nexport default withTheme(ProgressIndicator);\n"]}
@@ -1,5 +1,3 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
1
  import * as React from "react";
4
2
  import Config from "../Config";
5
3
  import IconButton from "../IconButton";
@@ -34,7 +32,20 @@ const RadioButton = _ref => {
34
32
  onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
35
33
  };
36
34
 
37
- return /*#__PURE__*/React.createElement(IconButton, _extends({
35
+ return /*#__PURE__*/React.createElement(IconButton, {
36
+ Icon: Icon,
37
+ icon: isSelected ? selectedIcon : unselectedIcon,
38
+ color: isSelected ? color : unselectedColor,
39
+ disabled: disabled,
40
+ onPress: handlePress,
41
+ size: size,
42
+ style: style,
43
+ ...rest
44
+ });
45
+ };
46
+
47
+ export default RadioButton;
48
+ //# sourceMappingURL=RadioButton.js.mapreateElement(IconButton, _extends({
38
49
  Icon: Icon,
39
50
  icon: isSelected ? selectedIcon : unselectedIcon,
40
51
  color: isSelected ? color : unselectedColor,
@@ -1 +1 @@
1
- {"version":3,"sources":["RadioButton.tsx"],"names":["React","Config","IconButton","getValueForRadioButton","useRadioButtonGroupContext","RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAGA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,0BAAT,QAA2C,WAA3C;;AAiBA,MAAMC,WAAuC,GAAG,QAa1C;AAAA,MAb2C;AAC/CC,IAAAA,IAD+C;AAE/CC,IAAAA,QAAQ,GAAG,KAFoC;AAG/CC,IAAAA,KAH+C;AAI/CC,IAAAA,KAAK,GAAG,EAJuC;AAK/CC,IAAAA,QAL+C;AAM/CC,IAAAA,eAN+C;AAO/CC,IAAAA,OAP+C;AAQ/CC,IAAAA,IAAI,GAAGZ,MAAM,CAACa,eARiC;AAS/CC,IAAAA,YAAY,GAAG,oCATgC;AAU/CC,IAAAA,cAAc,GAAG,sCAV8B;AAW/CC,IAAAA,KAX+C;AAY/C,OAAGC;AAZ4C,GAa3C;AACJ,QAAM;AAAET,IAAAA,KAAK,EAAEU,YAAT;AAAuBC,IAAAA;AAAvB,MAAyChB,0BAA0B,EAAzE;AAEA,QAAMiB,SAAS,GAAGlB,sBAAsB,CAACM,KAAD,CAAxC;AACA,QAAMa,gBAAgB,GAAGnB,sBAAsB,CAACgB,YAAD,CAA/C;AACA,QAAMI,UAAU,GAAGb,QAAH,aAAGA,QAAH,cAAGA,QAAH,GAAeY,gBAAgB,KAAKD,SAApD;;AAEA,QAAMG,WAAW,GAAG,MAAM;AACxBZ,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGS,SAAH,CAAP;AACAD,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGC,SAAH,CAAb;AACD,GAHD;;AAKA,sBACE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAEf,IADR;AAEE,IAAA,IAAI,EAAEiB,UAAU,GAAGR,YAAH,GAAkBC,cAFpC;AAGE,IAAA,KAAK,EAAEO,UAAU,GAAGf,KAAH,GAAWG,eAH9B;AAIE,IAAA,QAAQ,EAAEJ,QAJZ;AAKE,IAAA,OAAO,EAAEiB,WALX;AAME,IAAA,IAAI,EAAEX,IANR;AAOE,IAAA,KAAK,EAAEI;AAPT,KAQMC,IARN,EADF;AAYD,CArCD;;AAuCA,eAAeb,WAAf","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { useRadioButtonGroupContext } from \"./context\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nexport type RadioButtonProps = {\n selected?: boolean;\n disabled?: boolean;\n color?: string;\n value?: string | number;\n unselectedColor?: string;\n onPress?: (value?: string) => void;\n style?: StyleProp<ViewStyle>;\n size?: number;\n selectedIcon?: string;\n unselectedIcon?: string;\n} & IconSlot;\n\nconst RadioButton: React.FC<RadioButtonProps> = ({\n Icon,\n disabled = false,\n color,\n value = \"\",\n selected,\n unselectedColor,\n onPress,\n size = Config.radioButtonSize,\n selectedIcon = \"MaterialIcons/radio-button-checked\",\n unselectedIcon = \"MaterialIcons/radio-button-unchecked\",\n style,\n ...rest\n}) => {\n const { value: contextValue, onValueChange } = useRadioButtonGroupContext();\n\n const realValue = getValueForRadioButton(value);\n const realContextValue = getValueForRadioButton(contextValue);\n const isSelected = selected ?? realContextValue === realValue;\n\n const handlePress = () => {\n onPress?.(realValue);\n onValueChange?.(realValue);\n };\n\n return (\n <IconButton\n Icon={Icon}\n icon={isSelected ? selectedIcon : unselectedIcon}\n color={isSelected ? color : unselectedColor}\n disabled={disabled}\n onPress={handlePress}\n size={size}\n style={style}\n {...rest}\n />\n );\n};\n\nexport default RadioButton;\n"]}
1
+ {"version":3,"sources":["RadioButton.js"],"names":["React","Config","IconButton","getValueForRadioButton","useRadioButtonGroupContext","RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress","createElement","icon"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,0BAAT,QAA2C,WAA3C;;AACA,MAAMC,WAAW,GAAG,QAAoP;AAAA,MAAnP;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,QAAQ,GAAG,KAAnB;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA,KAAK,GAAG,EAAzC;AAA6CC,IAAAA,QAA7C;AAAuDC,IAAAA,eAAvD;AAAwEC,IAAAA,OAAxE;AAAiFC,IAAAA,IAAI,GAAGZ,MAAM,CAACa,eAA/F;AAAgHC,IAAAA,YAAY,GAAG,oCAA/H;AAAqKC,IAAAA,cAAc,GAAG,sCAAtL;AAA8NC,IAAAA,KAA9N;AAAqO,OAAGC;AAAxO,GAAmP;AACpQ,QAAM;AAAET,IAAAA,KAAK,EAAEU,YAAT;AAAuBC,IAAAA;AAAvB,MAAyChB,0BAA0B,EAAzE;AACA,QAAMiB,SAAS,GAAGlB,sBAAsB,CAACM,KAAD,CAAxC;AACA,QAAMa,gBAAgB,GAAGnB,sBAAsB,CAACgB,YAAD,CAA/C;AACA,QAAMI,UAAU,GAAGb,QAAH,aAAGA,QAAH,cAAGA,QAAH,GAAeY,gBAAgB,KAAKD,SAApD;;AACA,QAAMG,WAAW,GAAG,MAAM;AACtBZ,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGS,SAAH,CAAP;AACAD,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGC,SAAH,CAAb;AACH,GAHD;;AAIA,sBAAQrB,KAAK,CAACyB,aAAN,CAAoBvB,UAApB,EAAgC;AAAEI,IAAAA,IAAI,EAAEA,IAAR;AAAcoB,IAAAA,IAAI,EAAEH,UAAU,GAAGR,YAAH,GAAkBC,cAAhD;AAAgER,IAAAA,KAAK,EAAEe,UAAU,GAAGf,KAAH,GAAWG,eAA5F;AAA6GJ,IAAAA,QAAQ,EAAEA,QAAvH;AAAiIK,IAAAA,OAAO,EAAEY,WAA1I;AAAuJX,IAAAA,IAAI,EAAEA,IAA7J;AAAmKI,IAAAA,KAAK,EAAEA,KAA1K;AAAiL,OAAGC;AAApL,GAAhC,CAAR;AACH,CAVD;;AAWA,eAAeb,WAAf","sourcesContent":["import * as React from \"react\";\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { useRadioButtonGroupContext } from \"./context\";\nconst RadioButton = ({ Icon, disabled = false, color, value = \"\", selected, unselectedColor, onPress, size = Config.radioButtonSize, selectedIcon = \"MaterialIcons/radio-button-checked\", unselectedIcon = \"MaterialIcons/radio-button-unchecked\", style, ...rest }) => {\n const { value: contextValue, onValueChange } = useRadioButtonGroupContext();\n const realValue = getValueForRadioButton(value);\n const realContextValue = getValueForRadioButton(contextValue);\n const isSelected = selected ?? realContextValue === realValue;\n const handlePress = () => {\n onPress?.(realValue);\n onValueChange?.(realValue);\n };\n return (React.createElement(IconButton, { Icon: Icon, icon: isSelected ? selectedIcon : unselectedIcon, color: isSelected ? color : unselectedColor, disabled: disabled, onPress: handlePress, size: size, style: style, ...rest }));\n};\nexport default RadioButton;\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["Row.tsx"],"names":["React","View","Text","Image","StyleSheet","withTheme","Config","Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","create","flexDirection","flex","justifyContent","alignItems"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,IAFF,EAGEC,KAHF,EAKEC,UALF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAiBA,MAAMC,GAAoB,GAAG,QAWvB;AAAA,MAXwB;AAC5BC,IAAAA,cAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,iBAH4B;AAI5BC,IAAAA,aAJ4B;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,QAN4B;AAO5BC,IAAAA,iBAP4B;AAQ5BC,IAAAA,KAR4B;AAS5BC,IAAAA,KAT4B;AAU5BC,IAAAA;AAV4B,GAWxB;AACJ,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAnB,EAAoCH,KAApC;AAAb,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACG;AAApB,KACGN,KAAK,iBACJ,oBAAC,KAAD;AACE,IAAA,MAAM,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4B;AAAEO,MAAAA,GAAG,EAAEP;AAAP,KAA5B,GAA6CA,KADvD;AAEE,IAAA,KAAK,EAAE;AACLQ,MAAAA,WAAW,EAAE,EADR;AAELC,MAAAA,KAAK,EAAEX,QAAQ,GACXP,MAAM,CAACmB,qBADI,GAEXnB,MAAM,CAACoB,sBAJN;AAKLC,MAAAA,MAAM,EAAEd,QAAQ,GACZP,MAAM,CAACmB,qBADK,GAEZnB,MAAM,CAACoB;AAPN;AAFT,IAFJ,eAeE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAER,MAAM,CAACU;AAApB,kBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLpB,cADK,EAEL;AACEqB,MAAAA,KAAK,EAAEpB;AADT,KAFK,CADT;AAOE,IAAA,aAAa,EAAE;AAPjB,KASGG,KATH,CADF,EAYGC,QAAQ,gBACP,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLH,iBADK,EAEL;AACEmB,MAAAA,KAAK,EAAElB,aADT;AAEEmB,MAAAA,SAAS,EAAE;AAFb,KAFK,CADT;AAQE,IAAA,aAAa,EAAEhB,iBAAiB,GAAGiB,SAAH,GAAe;AARjD,KAUGlB,QAVH,CADO,GAaL,IAzBN,CAfF,CADF,EA4CGG,KAAK,IAAIA,KAAK,EA5CjB,CADF;AAgDD,CA5DD;;AA8DA,MAAME,MAAM,GAAGd,UAAU,CAAC4B,MAAX,CAAkB;AAC/BX,EAAAA,aAAa,EAAE;AACbY,IAAAA,aAAa,EAAE,KADF;AAEbC,IAAAA,IAAI,EAAE;AAFO,GADgB;AAK/Bf,EAAAA,SAAS,EAAE;AACTc,IAAAA,aAAa,EAAE,KADN;AAETE,IAAAA,cAAc,EAAE,eAFP;AAGTC,IAAAA,UAAU,EAAE;AAHH,GALoB;AAU/BR,EAAAA,aAAa,EAAE;AACbM,IAAAA,IAAI,EAAE,CADO;AAEbC,IAAAA,cAAc,EAAE;AAFH;AAVgB,CAAlB,CAAf;AAgBA,eAAe9B,SAAS,CAACE,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Text,\n Image,\n ImageSourcePropType,\n StyleSheet,\n StyleProp,\n TextStyle,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n titleTypeStyle?: StyleProp<TextStyle>;\n titleColor?: string;\n subtitleTypeStyle?: StyleProp<TextStyle>;\n subtitleColor?: string;\n title?: string;\n subtitle?: string;\n multilineSubtitle?: boolean;\n image?: string | ImageSourcePropType;\n right?: () => React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst Row: React.FC<Props> = ({\n titleTypeStyle,\n titleColor,\n subtitleTypeStyle,\n subtitleColor,\n title,\n subtitle,\n multilineSubtitle,\n image,\n right,\n style,\n}) => {\n return (\n <View style={[styles.container, { padding: 16 }, style]}>\n <View style={styles.leftContainer}>\n {image && (\n <Image\n source={typeof image === \"string\" ? { uri: image } : image}\n style={{\n marginRight: 12,\n width: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n height: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n }}\n />\n )}\n <View style={styles.textContainer}>\n <Text\n style={[\n titleTypeStyle,\n {\n color: titleColor,\n },\n ]}\n numberOfLines={1}\n >\n {title}\n </Text>\n {subtitle ? (\n <Text\n style={[\n subtitleTypeStyle,\n {\n color: subtitleColor,\n marginTop: 4,\n },\n ]}\n numberOfLines={multilineSubtitle ? undefined : 1}\n >\n {subtitle}\n </Text>\n ) : null}\n </View>\n </View>\n {right && right()}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n leftContainer: {\n flexDirection: \"row\",\n flex: 1,\n },\n container: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n textContainer: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\n\nexport default withTheme(Row);\n"]}
1
+ {"version":3,"sources":["Row.js"],"names":["React","View","Text","Image","StyleSheet","withTheme","Config","Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","createElement","styles","container","padding","leftContainer","source","uri","marginRight","width","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","numberOfLines","marginTop","undefined","create","flexDirection","flex","justifyContent","alignItems"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,KAArB,EAA4BC,UAA5B,QAA+C,cAA/C;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,GAAG,GAAG,QAAgI;AAAA,MAA/H;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA,UAAlB;AAA8BC,IAAAA,iBAA9B;AAAiDC,IAAAA,aAAjD;AAAgEC,IAAAA,KAAhE;AAAuEC,IAAAA,QAAvE;AAAiFC,IAAAA,iBAAjF;AAAoGC,IAAAA,KAApG;AAA2GC,IAAAA,KAA3G;AAAkHC,IAAAA;AAAlH,GAA+H;AACxI,sBAAQjB,KAAK,CAACkB,aAAN,CAAoBjB,IAApB,EAA0B;AAAEgB,IAAAA,KAAK,EAAE,CAACE,MAAM,CAACC,SAAR,EAAmB;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAnB,EAAoCJ,KAApC;AAAT,GAA1B,eACJjB,KAAK,CAACkB,aAAN,CAAoBjB,IAApB,EAA0B;AAAEgB,IAAAA,KAAK,EAAEE,MAAM,CAACG;AAAhB,GAA1B,EACIP,KAAK,iBAAKf,KAAK,CAACkB,aAAN,CAAoBf,KAApB,EAA2B;AAAEoB,IAAAA,MAAM,EAAE,OAAOR,KAAP,KAAiB,QAAjB,GAA4B;AAAES,MAAAA,GAAG,EAAET;AAAP,KAA5B,GAA6CA,KAAvD;AAA8DE,IAAAA,KAAK,EAAE;AAClGQ,MAAAA,WAAW,EAAE,EADqF;AAElGC,MAAAA,KAAK,EAAEb,QAAQ,GACTP,MAAM,CAACqB,qBADE,GAETrB,MAAM,CAACsB,sBAJqF;AAKlGC,MAAAA,MAAM,EAAEhB,QAAQ,GACVP,MAAM,CAACqB,qBADG,GAEVrB,MAAM,CAACsB;AAPqF;AAArE,GAA3B,CADd,eAUI5B,KAAK,CAACkB,aAAN,CAAoBjB,IAApB,EAA0B;AAAEgB,IAAAA,KAAK,EAAEE,MAAM,CAACW;AAAhB,GAA1B,eACI9B,KAAK,CAACkB,aAAN,CAAoBhB,IAApB,EAA0B;AAAEe,IAAAA,KAAK,EAAE,CAC3BT,cAD2B,EAE3B;AACIuB,MAAAA,KAAK,EAAEtB;AADX,KAF2B,CAAT;AAKnBuB,IAAAA,aAAa,EAAE;AALI,GAA1B,EAK2BpB,KAL3B,CADJ,EAOIC,QAAQ,gBAAIb,KAAK,CAACkB,aAAN,CAAoBhB,IAApB,EAA0B;AAAEe,IAAAA,KAAK,EAAE,CACvCP,iBADuC,EAEvC;AACIqB,MAAAA,KAAK,EAAEpB,aADX;AAEIsB,MAAAA,SAAS,EAAE;AAFf,KAFuC,CAAT;AAM/BD,IAAAA,aAAa,EAAElB,iBAAiB,GAAGoB,SAAH,GAAe;AANhB,GAA1B,EAM+CrB,QAN/C,CAAJ,GAMgE,IAb5E,CAVJ,CADI,EAyBJG,KAAK,IAAIA,KAAK,EAzBV,CAAR;AA0BH,CA3BD;;AA4BA,MAAMG,MAAM,GAAGf,UAAU,CAAC+B,MAAX,CAAkB;AAC7Bb,EAAAA,aAAa,EAAE;AACXc,IAAAA,aAAa,EAAE,KADJ;AAEXC,IAAAA,IAAI,EAAE;AAFK,GADc;AAK7BjB,EAAAA,SAAS,EAAE;AACPgB,IAAAA,aAAa,EAAE,KADR;AAEPE,IAAAA,cAAc,EAAE,eAFT;AAGPC,IAAAA,UAAU,EAAE;AAHL,GALkB;AAU7BT,EAAAA,aAAa,EAAE;AACXO,IAAAA,IAAI,EAAE,CADK;AAEXC,IAAAA,cAAc,EAAE;AAFL;AAVc,CAAlB,CAAf;AAeA,eAAejC,SAAS,CAACE,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { View, Text, Image, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst Row = ({ titleTypeStyle, titleColor, subtitleTypeStyle, subtitleColor, title, subtitle, multilineSubtitle, image, right, style, }) => {\n return (React.createElement(View, { style: [styles.container, { padding: 16 }, style] },\n React.createElement(View, { style: styles.leftContainer },\n image && (React.createElement(Image, { source: typeof image === \"string\" ? { uri: image } : image, style: {\n marginRight: 12,\n width: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n height: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n } })),\n React.createElement(View, { style: styles.textContainer },\n React.createElement(Text, { style: [\n titleTypeStyle,\n {\n color: titleColor,\n },\n ], numberOfLines: 1 }, title),\n subtitle ? (React.createElement(Text, { style: [\n subtitleTypeStyle,\n {\n color: subtitleColor,\n marginTop: 4,\n },\n ], numberOfLines: multilineSubtitle ? undefined : 1 }, subtitle)) : null)),\n right && right()));\n};\nconst styles = StyleSheet.create({\n leftContainer: {\n flexDirection: \"row\",\n flex: 1,\n },\n container: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n textContainer: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\nexport default withTheme(Row);\n"]}