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

package/lib/module/components/DeprecatedFAB.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","View","StyleSheet","color","Config","Text","Touchable","Elevation","withTheme","FAB","Icon","icon","disabled","type","loading","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","create","borderStyle","flexDirection","fixed","left","right","bottom"],"sources":["DeprecatedFAB.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A floating action button represents the primary action in an application.\n *\n * <div class=\"screenshots\">\n *   <img src=\"screenshots/fab-1.png\" />\n *   <img src=\"screenshots/fab-2.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { StyleSheet } from 'react-native';\n * import { FAB } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <FAB\n *     style={styles.fab}\n *     type=\"outline\"\n *     icon=\"add\"\n *     onPress={() => console.log('Pressed')}\n *   />\n * );\n *\n * const styles = StyleSheet.create({\n *   fab: {\n *     position: 'absolute',\n *     margin: 16,\n *     right: 0,\n *     bottom: 0,\n *   },\n * })\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"extended\" | \"outline\" | \"fixed\" | \"standard\";\n  loading?: boolean;\n  icon?: string;\n  color?: string;\n  label?: string;\n  onPress: () => void;\n  elevation?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst FAB: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  color: colorOverride,\n  label,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  const buttonStyles: StyleProp<ViewStyle>[] = [styles.button, buttonStyle];\n\n  const contentStyle: StyleProp<ViewStyle>[] = [styles.content];\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n  };\n\n  const iconStyle: StyleProp<ViewStyle>[] = [\n    styles.icon,\n    {\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  if (type === \"standard\" || type === \"outline\") {\n    buttonStyle.width = Config.FABSize;\n    buttonStyle.height = Config.FABSize;\n    buttonStyle.borderRadius = Config.FABBorderRadius;\n\n    contentStyle.push({\n      width: Config.FABSize,\n      height: Config.FABSize,\n    });\n  }\n\n  if (type === \"extended\" || type === \"fixed\") {\n    iconStyle.push({\n      marginLeft: 16,\n      marginRight: -8,\n    });\n\n    textStyle.margin = 16;\n  }\n\n  if (type === \"fixed\") {\n    buttonStyles.push({\n      height: Config.FABFixedHeight,\n      alignSelf: \"stretch\",\n    });\n  }\n\n  return (\n    <Elevation style={[{ elevation }, style]}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={buttonStyles}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          {label ? (\n            <Text numberOfLines={1} style={[textStyle, typography.button]}>\n              {label}\n            </Text>\n          ) : null}\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: Config.buttonIconSize,\n  },\n  fixed: {\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 64,\n    borderRadius: 0,\n  },\n});\n\nexport default withTheme(FAB);\n"],"mappings":"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"}

package/lib/module/components/Divider.js

@@ -1,9 +1,7 @@
 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); }
-
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import { withTheme } from "../theming";
-
 const Divider = _ref => {
   let {
     style,
@@ -20,5 +18,5 @@ const Divider = _ref => {
     }, style]
   }, rest));
 };
-
-export default withTheme(Divider);
+export default withTheme(Divider);
+//# sourceMappingURL=Divider.js.map

package/lib/module/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","withTheme","Divider","style","color","theme","colors","rest","backgroundColor","divider","height","hairlineWidth"],"sources":["Divider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  color?: string;\n  theme: typeof theme;\n};\n\nconst Divider: React.FC<React.PropsWithChildren<Props>> = ({\n  style,\n  color,\n  theme: { colors },\n  ...rest\n}) => {\n  return (\n    <View\n      style={[\n        {\n          backgroundColor: color || colors.divider,\n          height: StyleSheet.hairlineWidth,\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nexport default withTheme(Divider);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AACrE,SAASC,SAAS,QAAQ,YAAY;AAStC,MAAMC,OAAiD,GAAG,QAKpD;EAAA,IALqD;IACzDC,KAAK;IACLC,KAAK;IACLC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjB,GAAGC;EACL,CAAC;EACC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACEC,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OAAO;MACxCC,MAAM,EAAEX,UAAU,CAACY;IACrB,CAAC,EACDR,KAAK;EACL,GACEI,IAAI,EACR;AAEN,CAAC;AAED,eAAeN,SAAS,CAACC,OAAO,CAAC"}

package/lib/module/components/Elevation.js

@@ -1,9 +1,9 @@
+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); }
 import * as React from "react";
 import { Animated, StyleSheet, View } from "react-native";
 import shadow from "../styles/shadow";
 import { withTheme } from "../theming";
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
-
 const Elevation = _ref => {
   let {
     style,
@@ -19,20 +19,7 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
-    style: [{
-      borderRadius,
-      backgroundColor: colors.surface
-    }, elevation ? shadow(elevation) : null, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      overflow: "hidden",
-      borderRadius
-    }
-  }, children));
-};
-
-export default withTheme(Elevation);__*/React.createElement(Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface
@@ -44,5 +31,5 @@ export default withTheme(Elevation);__*/React.createElement(Animated.View, _exte
     }
   }, children));
 };
-
-export default withTheme(Elevation);
+export default withTheme(Elevation);
+//# sourceMappingURL=Elevation.js.map

package/lib/module/components/Elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","backgroundColor","surface","overflow"],"sources":["Elevation.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<React.PropsWithChildren<Props>> = ({\n  style,\n  theme,\n  children,\n  ...rest\n}) => {\n  const { elevation = 4, borderRadius: radius } =\n    StyleSheet.flatten(style) || {};\n  const { colors } = theme;\n  const borderRadius = radius;\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          borderRadius,\n          backgroundColor: colors.surface,\n        },\n        elevation ? shadow(elevation) : null,\n        style,\n      ]}\n    >\n      <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Elevation);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,UAAU,EAIVC,IAAI,QACC,cAAc;AACrB,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SAASC,SAAS,QAAQ,YAAY;AAQtC;AACA,MAAMC,SAAmD,GAAG,QAKtD;EAAA,IALuD;IAC3DC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM;IAAEC,SAAS,GAAG,CAAC;IAAEC,YAAY,EAAEC;EAAO,CAAC,GAC3CX,UAAU,CAACY,OAAO,CAACP,KAAK,CAAC,IAAI,CAAC,CAAC;EACjC,MAAM;IAAEQ;EAAO,CAAC,GAAGP,KAAK;EACxB,MAAMI,YAAY,GAAGC,MAAM;EAE3B,oBACE,oBAAC,QAAQ,CAAC,IAAI,eACRH,IAAI;IACR,KAAK,EAAE,CACL;MACEE,YAAY;MACZI,eAAe,EAAED,MAAM,CAACE;IAC1B,CAAC,EACDN,SAAS,GAAGP,MAAM,CAACO,SAAS,CAAC,GAAG,IAAI,EACpCJ,KAAK;EACL,iBAEF,oBAAC,IAAI;IAAC,KAAK,EAAE;MAAEW,QAAQ,EAAE,QAAQ;MAAEN;IAAa;EAAE,GAAEH,QAAQ,CAAQ,CACtD;AAEpB,CAAC;AAED,eAAeJ,SAAS,CAACC,SAAS,CAAC"}

package/lib/module/components/FAB.js

@@ -1,9 +1,7 @@
 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); }
-
 import * as React from "react";
 import { View, StyleSheet, Pressable, ActivityIndicator, Platform } from "react-native";
 import { withTheme } from "../theming";
-
 const FAB = _ref => {
   let {
     onPress,
@@ -59,7 +57,6 @@ const FAB = _ref => {
     color: color
   }))));
 };
-
 const styles = StyleSheet.create({
   button: {
     backgroundColor: "#5a45ff",
@@ -73,4 +70,5 @@ const styles = StyleSheet.create({
     })
   }
 });
-export default withTheme(FAB);
+export default withTheme(FAB);
+//# sourceMappingURL=FAB.js.map

package/lib/module/components/FAB.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","create","justifyContent","alignItems","select","web","cursor","userSelect"],"sources":["FAB.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\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  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<React.PropsWithChildren<Props>> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator\n              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n              size={size <= 50 ? \"small\" : \"large\"}\n              color={color}\n            />\n          ) : (\n            <Icon name={iconName} size={size} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,UAAU,EACVC,SAAS,EACTC,iBAAiB,EAIjBC,QAAQ,QACH,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AAiBtC,MAAMC,GAA6C,GAAG,QAYhD;EAAA,IAZiD;IACrDC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,QAAQ,GAAG,mBAAmB;IAC9BC,KAAK;IACLC,KAAK;IACLC,SAAS;IACTC,OAAO;IACPC,IAAI,GAAG,EAAE;IACTC,IAAI;IACJ,GAAGC;EACL,CAAC;EACC,MAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAM,CAACC,OAAO;EACvD,MAAMC,KAAK,GAAGR,SAAS,IAAI,MAAM;EAEjC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACES,KAAK,EAAEP,IAAI;MACXQ,MAAM,EAAER,IAAI;MACZS,YAAY,EAAET,IAAI,GAAG,CAAC;MACtBU,QAAQ,EAAE;IACZ,CAAC,EACDd,KAAK;EACL,gBAEF,oBAAC,SAAS;IACR,OAAO,EAAEJ,OAAQ;IACjB,QAAQ,EAAEE,OAAO,IAAID,QAAS;IAC9B,cAAc,EAAE;MACda,KAAK,EAAE,MAAM;MACbK,MAAM,EAAEX,IAAI,GAAG;IACjB,CAAE;IACF,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEY;MAAQ,CAAC;MACjB,OAAO,CACLC,MAAM,CAACC,MAAM,EACb;QACEC,OAAO,EAAEH,OAAO,IAAInB,QAAQ,GAAG,IAAI,GAAG,CAAC;QACvCc,KAAK,EAAEP,IAAI;QACXQ,MAAM,EAAER,IAAI;QACZS,YAAY,EAAET,IAAI,GAAG,CAAC;QACtBG;MACF,CAAC,CACF;IACH;EAAE,GACED,KAAK,gBAET,oBAAC,IAAI,QACFR,OAAO,gBACN,oBAAC,iBAAiB;IAChB,KAAK,EAAEM,IAAI,GAAG,EAAE,GAAG;MAAEgB,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAE,CAAC,GAAGC,SAAU;IAC/D,IAAI,EAAElB,IAAI,IAAI,EAAE,GAAG,OAAO,GAAG,OAAQ;IACrC,KAAK,EAAEM;EAAM,EACb,gBAEF,oBAAC,IAAI;IAAC,IAAI,EAAEX,QAAS;IAAC,IAAI,EAAEK,IAAK;IAAC,KAAK,EAAEM;EAAM,EAChD,CACI,CACG,CACP;AAEX,CAAC;AAED,MAAMO,MAAM,GAAG3B,UAAU,CAACiC,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNX,eAAe,EAAE,SAAS;IAC1BiB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpB,GAAGhC,QAAQ,CAACiC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;MACd;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAEF,eAAenC,SAAS,CAACC,GAAG,CAAC"}

package/lib/module/components/FieldSearchBarFull.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import { View, TextInput, StyleSheet } from "react-native";
 import { withTheme } from "../theming";
 import Config from "./Config";
-
 const FieldSearchBarFull = _ref => {
   let {
     showIcon,
@@ -20,11 +19,9 @@ const FieldSearchBarFull = _ref => {
     defaultValue
   } = _ref;
   const [focused, setIsFocused] = React.useState(false);
-
   const onBlur = () => {
     setIsFocused(false);
   };
-
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
   React.useEffect(() => {
     if (value != null) {
@@ -39,15 +36,12 @@ const FieldSearchBarFull = _ref => {
   const onChange = React.useCallback(text => {
     changeOverride && changeOverride(text);
   }, [changeOverride]);
-
   const onFocus = () => {
     setIsFocused(true);
   };
-
   const onSubmit = e => {
     submitOverride && submitOverride(e);
   };
-
   const {
     lineHeight,
     ...typeStyles
@@ -55,12 +49,10 @@ const FieldSearchBarFull = _ref => {
 
   const handleChangeText = newValue => {
     setInternalValue(newValue);
-
     if (onChange) {
       onChange(newValue);
     }
   };
-
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
   }, showIcon && /*#__PURE__*/React.createElement(Icon, {
@@ -86,11 +78,11 @@ const FieldSearchBarFull = _ref => {
     }, typeStyles]
   })));
 };
-
 const styles = StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center"
   }
 });
-export default withTheme(FieldSearchBarFull);
+export default withTheme(FieldSearchBarFull);
+//# sourceMappingURL=FieldSearchBarFull.js.map

package/lib/module/components/FieldSearchBarFull.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TextInput","StyleSheet","withTheme","Config","FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","styles","container","fieldSearchBarFullIconSize","primary","light","marginLeft","flex","color","medium","create","flexDirection","alignItems"],"sources":["FieldSearchBarFull.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  TextInput,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  NativeSyntheticEvent,\n  TextInputSubmitEditingEventData,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Config from \"./Config\";\n\ntype Props = {\n  showIcon: boolean;\n  icon?: string;\n  placeholder?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n  onChange?: (text: string) => void;\n  onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;\n  value?: string;\n  defaultValue?: string;\n} & IconSlot;\n\nconst FieldSearchBarFull: React.FC<React.PropsWithChildren<Props>> = ({\n  showIcon,\n  Icon,\n  icon = \"search\",\n  placeholder = \"\",\n  style,\n  theme: { colors, typography },\n  onChange: changeOverride,\n  onSubmit: submitOverride,\n  value,\n  defaultValue,\n}) => {\n  const [focused, setIsFocused] = React.useState(false);\n\n  const onBlur = () => {\n    setIsFocused(false);\n  };\n\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const onChange = React.useCallback(\n    (text: string) => {\n      changeOverride && changeOverride(text);\n    },\n    [changeOverride]\n  );\n\n  const onFocus = () => {\n    setIsFocused(true);\n  };\n\n  const onSubmit = (\n    e: NativeSyntheticEvent<TextInputSubmitEditingEventData>\n  ) => {\n    submitOverride && submitOverride(e);\n  };\n\n  const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n  const handleChangeText = (newValue: string) => {\n    setInternalValue(newValue);\n    if (onChange) {\n      onChange(newValue);\n    }\n  };\n\n  return (\n    <View style={[styles.container, style]}>\n      {showIcon && (\n        <Icon\n          name={icon}\n          size={Config.fieldSearchBarFullIconSize}\n          color={focused ? colors.primary : colors.light}\n        />\n      )}\n      <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>\n        <TextInput\n          clearButtonMode=\"while-editing\"\n          placeholder={placeholder}\n          value={internalValue}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          onChangeText={handleChangeText}\n          onSubmitEditing={onSubmit}\n          placeholderTextColor={colors.light}\n          style={[\n            {\n              color: colors.medium,\n            },\n            typeStyles,\n          ]}\n        />\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n});\n\nexport default withTheme(FieldSearchBarFull);\n"],"mappings":"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"}

package/lib/module/components/FormRow.js

@@ -1,5 +1,4 @@
 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); }
-
 import * as React from "react";
 import { Text, StyleSheet } from "react-native";
 import { extractStyles } from "../utilities";
@@ -36,4 +35,5 @@ const styles = StyleSheet.create({
     justifyContent: "space-between",
     alignItems: "center"
   }
-});
+});
+//# sourceMappingURL=FormRow.js.map

package/lib/module/components/FormRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","StyleSheet","extractStyles","Touchable","FormRow","disabled","direction","children","label","style","onPress","rest","textStyles","viewStyles","styles","row","flexDirection","create","marginLeft","marginRight","justifyContent","alignItems"],"sources":["FormRow.tsx"],"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"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAwBC,UAAU,QAAQ,cAAc;AAErE,SAASC,aAAa,QAAQ,cAAc;AAC5C,OAAOC,SAAS,MAAM,aAAa;AAWnC,eAAe,SAASC,OAAO,OAQrB;EAAA,IARsB;IAC9BC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACLC,OAAO;IACP,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGX,aAAa,CAACO,KAAK,CAAC;EACvD,oBACE,oBAAC,SAAS;IACR,QAAQ,EAAEJ,QAAS;IACnB,OAAO,EAAEK,OAAQ;IACjB,KAAK,EAAE,CAACI,MAAM,CAACC,GAAG,EAAE;MAAEC,aAAa,EAAEV;IAAU,CAAC,EAAEO,UAAU;EAAE,GAC1DF,IAAI,gBAER,oBAAC,IAAI;IAAC,KAAK,EAAEC;EAAW,GAAEJ,KAAK,CAAQ,EACtCD,QAAQ,CACC;AAEhB;AAEA,MAAMO,MAAM,GAAGb,UAAU,CAACgB,MAAM,CAAC;EAC/BF,GAAG,EAAE;IACHG,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE,CAAC;IACdH,aAAa,EAAE,KAAK;IACpBI,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/module/components/Header.js

@@ -4,7 +4,6 @@ import { withTheme } from "../theming";
 import Divider from "./Divider";
 import Touchable from "./Touchable";
 import Config from "./Config";
-
 const Header = _ref => {
   let {
     Icon,
@@ -55,7 +54,6 @@ const Header = _ref => {
     }
   }));
 };
-
 const styles = StyleSheet.create({
   container: {
     alignSelf: "stretch"
@@ -71,4 +69,5 @@ const styles = StyleSheet.create({
     alignItems: "center"
   }
 });
-export default withTheme(Header);
+export default withTheme(Header);
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"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"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,QAIL,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,MAAM,MAAM,UAAU;AAiB7B,MAAMC,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,IAAI;IAAC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEL,KAAK;EAAE,gBACrC,oBAAC,IAAI;IAAC,KAAK,EAAEI,MAAM,CAACE;EAAa,gBAC/B,oBAAC,IAAI;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,SAAS;IACR,KAAK,EAAE;MAAEU,SAAS,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAG,CAAE;IAC/C,OAAO,EAAEX;EAAQ,gBAEjB,oBAAC,IAAI;IAAC,KAAK,EAAEK,MAAM,CAACO;EAAgB,gBAClC,oBAAC,IAAI;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,EAAER,MAAM,CAACyB,cAAe;IAC5B,KAAK,EAAEb,MAAM,CAACW;EAAM,EACpB,CACG,CAEV,CACI,eACP,oBAAC,OAAO;IAAC,KAAK,EAAE;MAAEG,SAAS,EAAEnB,gBAAgB,IAAI;IAAG;EAAE,EAAG,CACpD;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGlB,UAAU,CAAC+B,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTI,SAAS,EAAE;EACb,CAAC;EACDH,YAAY,EAAE;IACZY,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDT,eAAe,EAAE;IACfO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAejC,SAAS,CAACI,MAAM,CAAC"}

package/lib/module/components/HeaderLarge.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { withTheme } from "../theming";
 import Header from "./Header";
-
 const HeaderLarge = _ref => {
   let {
     Icon,
@@ -26,5 +25,5 @@ const HeaderLarge = _ref => {
     style: style
   });
 };
-
-export default withTheme(HeaderLarge);
+export default withTheme(HeaderLarge);
+//# sourceMappingURL=HeaderLarge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAGtC,OAAOC,MAAM,MAAM,UAAU;AAY7B,MAAMC,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,MAAM;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;AAED,eAAeR,SAAS,CAACE,WAAW,CAAC"}

package/lib/module/components/HeaderMedium.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { withTheme } from "../theming";
 import Header from "./Header";
-
 const HeaderMedium = _ref => {
   let {
     Icon,
@@ -26,5 +25,5 @@ const HeaderMedium = _ref => {
     style: style
   });
 };
-
-export default withTheme(HeaderMedium);
+export default withTheme(HeaderMedium);
+//# sourceMappingURL=HeaderMedium.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Header","HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAItC,OAAOC,MAAM,MAAM,UAAU;AAY7B,MAAMC,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,MAAM;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;AAED,eAAeR,SAAS,CAACE,YAAY,CAAC"}

package/lib/module/components/HeaderOverline.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { withTheme } from "../theming";
 import Header from "./Header";
-
 const HeaderOverline = _ref => {
   let {
     Icon,
@@ -27,5 +26,5 @@ const HeaderOverline = _ref => {
     style: style
   });
 };
-
-export default withTheme(HeaderOverline);
+export default withTheme(HeaderOverline);
+//# sourceMappingURL=HeaderOverline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Header","HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAItC,OAAOC,MAAM,MAAM,UAAU;AAY7B,MAAMC,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,MAAM;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;AAED,eAAeR,SAAS,CAACE,cAAc,CAAC"}

package/lib/module/components/IconButton.js

@@ -1,9 +1,7 @@
 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); }
-
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform } from "react-native";
 import { withTheme } from "../theming";
-
 const IconButton = _ref => {
   let {
     Icon,
@@ -42,7 +40,6 @@ const IconButton = _ref => {
     color: iconColor
   }) : null));
 };
-
 const styles = StyleSheet.create({
   container: {
     alignItems: "center",
@@ -55,4 +52,5 @@ const styles = StyleSheet.create({
     })
   }
 });
-export default withTheme(IconButton);
+export default withTheme(IconButton);
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","ActivityIndicator","Pressable","Platform","withTheme","IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","create","select","web","cursor","userSelect"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,UAAU,EACVC,iBAAiB,EAGjBC,SAAS,EAETC,QAAQ,QACH,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AAgBtC,MAAMC,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,SAAS;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,IAAI,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,iBAAiB;IAAC,IAAI,EAAC,OAAO;IAAC,KAAK,EAAEK;EAAU,EAAG,GAAG,IAAI,CACjE,CACG;AAEhB,CAAC;AAED,MAAMI,MAAM,GAAGrB,UAAU,CAAC4B,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGxB,QAAQ,CAAC0B,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;MACd;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAEF,eAAe5B,SAAS,CAACC,UAAU,CAAC"}

package/lib/module/components/Image.js

@@ -1,23 +1,21 @@
+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); }
 /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
 import React from "react";
 import { Image as NativeImage, StyleSheet } from "react-native";
 import Config from "./Config";
 import AspectRatio from "./AspectRatio";
-
 const generateDimensions = _ref => {
   let {
     aspectRatio,
     width,
     height
   } = _ref;
-
   if (aspectRatio && !width && !height) {
     return {
       aspectRatio,
       width: "100%"
     };
   }
-
   if (aspectRatio && height) {
     return {
       aspectRatio,
@@ -25,7 +23,6 @@ const generateDimensions = _ref => {
       width: aspectRatio * height
     };
   }
-
   if (aspectRatio && width) {
     return {
       aspectRatio,
@@ -33,13 +30,11 @@ const generateDimensions = _ref => {
       height: width / aspectRatio
     };
   }
-
   return {
     width,
     height
   };
 };
-
 const Image = _ref2 => {
   let {
     source,
@@ -54,7 +49,6 @@ const Image = _ref2 => {
     width,
     height
   } = generateDimensions(styles);
-
   if (aspectRatio) {
     return /*#__PURE__*/React.createElement(AspectRatio, {
       style: [style, {
@@ -62,24 +56,7 @@ const Image = _ref2 => {
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/React.createElement(NativeImage, { ...props,
-      source: imageSource,
-      resizeMode: resizeMode,
-      style: [style, {
-        height: "100%",
-        width: "100%"
-      }]
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(NativeImage, { ...props,
-    source: source,
-    resizeMode: resizeMode,
-    style: style
-  });
-};
-
-export default Image;ent(NativeImage, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
       source: imageSource,
       resizeMode: resizeMode,
       style: [style, {
@@ -88,12 +65,11 @@ export default Image;ent(NativeImage, _extends({}, props, {
       }]
     })));
   }
-
   return /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
     source: source,
     resizeMode: resizeMode,
     style: style
   }));
 };
-
-export default Image;
+export default Image;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","NativeImage","StyleSheet","Config","AspectRatio","generateDimensions","aspectRatio","width","height","source","resizeMode","style","props","imageSource","undefined","placeholderImageURL","styles","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":";AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,IAAIC,WAAW,EAEpBC,UAAU,QAEL,cAAc;AACrB,OAAOC,MAAM,MAAM,UAAU;AAE7B,OAAOC,WAAW,MAAM,eAAe;AAQvC,MAAMC,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,MAAMR,KAA2B,GAAG,SAK9B;EAAA,IAL+B;IACnCS,MAAM;IACNC,UAAU,GAAG,OAAO;IACpBC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,IAAIC,WAAW,GACbJ,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAKK,SAAS,GACnCX,MAAM,CAACY,mBAAmB,GAC1BN,MAAM;EAEZ,MAAMO,MAAM,GAAGd,UAAU,CAACe,OAAO,CAACN,KAAK,IAAI,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEL,WAAW;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGH,kBAAkB,CACvDW,MAAM,CACP;EAED,IAAIV,WAAW,EAAE;IACf,oBACE,oBAAC,WAAW;MAAC,KAAK,EAAE,CAACK,KAAK,EAAE;QAAEJ,KAAK;QAAEC,MAAM;QAAEF;MAAY,CAAC;IAAE,gBAC1D,oBAAC,WAAW,eACNM,KAAK;MACT,MAAM,EAAEC,WAAmC;MAC3C,UAAU,EAAEH,UAAW;MACvB,KAAK,EAAE,CACLC,KAAK,EACL;QACEH,MAAM,EAAE,MAAM;QACdD,KAAK,EAAE;MACT,CAAC;IACD,GACF,CACU;EAElB;EAEA,oBACE,oBAAC,WAAW,eACNK,KAAK;IACT,MAAM,EAAEH,MAA8B;IACtC,UAAU,EAAEC,UAAW;IACvB,KAAK,EAAEC;EAAM,GACb;AAEN,CAAC;AAED,eAAeX,KAAK"}

package/lib/module/components/Justification.js

@@ -1 +1,2 @@
-export {};
+
+//# sourceMappingURL=Justification.js.mapion.js.map

package/lib/module/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/module/components/Layout.js

@@ -1,7 +1,7 @@
 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); }
-
 import * as React from "react";
-import { View } from "react-native"; // @ts-ignore
+import { View } from "react-native";
+// @ts-ignore
 
 export function Center(_ref) {
   let {
@@ -66,7 +66,8 @@ export function Row(_ref4) {
     ...rest
   } = _ref4;
   return /*#__PURE__*/React.createElement(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",
@@ -111,4 +112,5 @@ export function Stack(_ref6) {
       }]
     }, rest), children)
   );
-}
+}
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"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"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAA8B,cAAc;AACzD;;AAGA,OAAO,SAASC,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,IAAI;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;AAEA,OAAO,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;AAEA,OAAO,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;AAEA,OAAO,SAASY,GAAG,QAWhB;EAAA,IAXiB;IAClBR,cAAc;IACdC,UAAU;IACVL,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,oBACE,oBAAC,IAAI;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;AAEA,OAAO,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,IAAI;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;AAEA,OAAO,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,IAAI;MAAC,KAAK,EAAE,CAACD,KAAK,EAAE;QAAEE,cAAc;QAAEC;MAAW,CAAC;IAAE,GAAKF,IAAI,GAC3DH,QAAQ;EACJ;AAEX"}

package/lib/module/components/NumberInput.js

@@ -1,9 +1,7 @@
 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); }
-
 import React, { useEffect, useState } from "react";
 import { TextInput } from "react-native";
 import { isString, isNumber, isNaN } from "lodash";
-
 const NumberInput = _ref => {
   let {
     onChangeText,
@@ -12,7 +10,6 @@ const NumberInput = _ref => {
     ...props
   } = _ref;
   const [currentStringNumberValue, setCurrentStringNumberValue] = useState("0");
-
   const formatValueToStringNumber = valueToFormat => {
     if (valueToFormat != null) {
       if (isString(valueToFormat) && valueToFormat !== "") {
@@ -27,35 +24,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
   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)
   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.createElement(TextInput, _extends({
     keyboardType: "numeric",
@@ -63,5 +56,5 @@ const NumberInput = _ref => {
     onChangeText: handleChangeText
   }, props));
 };
-
-export default NumberInput;
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"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"],"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,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,QAAQ;AAQlD,MAAMC,WAAsB,GAAG,QAKzB;EAAA,IAL0B;IAC9BC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZ,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGX,QAAQ,CAAC,GAAG,CAAC;EAE7E,MAAMY,yBAAyB,GAAIC,aAA+B,IAAK;IACrE,IAAIA,aAAa,IAAI,IAAI,EAAE;MACzB,IAAIX,QAAQ,CAACW,aAAa,CAAC,IAAIA,aAAa,KAAK,EAAE,EAAE;QACnD,IAAI,UAAU,CAACC,IAAI,CAACD,aAAa,CAAC,EAAE;UAClC,OAAOA,aAAa,CAACE,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC,MAAM,IAAI,mCAAmC,CAACD,IAAI,CAACD,aAAa,CAAC,EAAE;UAClE,OAAOA,aAAa;QACtB,CAAC,MAAM;UACL,OAAOH,wBAAwB;QACjC;MACF,CAAC,MAAM,IAAIP,QAAQ,CAACU,aAAa,CAAC,IAAI,CAACT,KAAK,CAACS,aAAa,CAAC,EAAE;QAC3D,OAAOA,aAAa,CAACG,QAAQ,EAAE;MACjC;IACF;IAEA,OAAO,GAAG;EACZ,CAAC;;EAED;EACAjB,SAAS,CAAC,MAAM;IACd,MAAMkB,wBAAwB,GAAGL,yBAAyB,CAACJ,YAAY,CAAC;IAExE,IAAIE,wBAAwB,KAAKO,wBAAwB,EAAE;MACzDN,2BAA2B,CAACM,wBAAwB,CAAC;IACvD;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;IAC7C,MAAMC,oBAAoB,GAAGR,yBAAyB,CAACO,QAAQ,CAAC;IAChE,MAAME,MAAM,GAAGC,UAAU,CAACF,oBAAoB,CAAC;IAE/CT,2BAA2B,CAACS,oBAAoB,CAAC;IACjDd,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGe,MAAM,CAAC;EACxB,CAAC;;EAED;EACAtB,SAAS,CAAC,MAAM;IACd,MAAMwB,qBAAqB,GAAGX,yBAAyB,CAACL,KAAK,CAAC;IAE9D,IAAIG,wBAAwB,KAAKa,qBAAqB,EAAE;MACtDL,gBAAgB,CAACK,qBAAqB,CAAC;IACzC;IACA;EACF,CAAC,EAAE,CAAChB,KAAK,CAAC,CAAC;EAEX,oBACE,oBAAC,SAAS;IACR,YAAY,EAAC,SAAS;IACtB,KAAK,EAAEG,wBAAyB;IAChC,YAAY,EAAEQ;EAAiB,GAC3BT,KAAK,EACT;AAEN,CAAC;AAED,eAAeJ,WAAW"}