@draftbit/core 44.1.8-8983ea.1 → 44.1.9-ce3e7b.1

package/lib/module/components/Banner.js

@@ -1,3 +1,5 @@
+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); }
+
 import * as React from "react";
 import { Button, Text, View, StyleSheet, Animated } from "react-native";
 import Surface from "./Surface";
@@ -72,9 +74,9 @@ const Banner = _ref => {
 
   const height = Animated.multiply(position, layout.height);
   const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
-  return /*#__PURE__*/React.createElement(Surface, { ...rest,
+  return /*#__PURE__*/React.createElement(Surface, _extends({}, rest, {
     style: [styles.container, shadow(ELEVATION), style]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: [styles.wrapper, contentStyle]
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: {
@@ -154,23 +156,4 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(Banner);
-//# sourceMappingURL=Banner.js.mapifyContent: "flex-start",
-    marginHorizontal: 8,
-    marginTop: 16,
-    marginBottom: 0
-  },
-  icon: {
-    margin: 8
-  },
-  message: {
-    flex: 1,
-    margin: 8
-  },
-  actions: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    margin: 8
-  }
-});
-export default withTheme(Banner);
 //# sourceMappingURL=Banner.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Banner.js"],"names":["React","Button","Text","View","StyleSheet","Animated","Surface","shadow","withTheme","ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","useState","useEffect","current","position","useRef","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","createElement","styles","container","wrapper","onLayout","absolute","transform","opacity","marginBottom","name","size","message","color","colors","text","accessibilityLiveRegion","accessibilityRole","actions","primary","title","onPress","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Button, Text, View, StyleSheet, Animated, } from \"react-native\";\nimport Surface from \"./Surface\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\nconst Banner = ({ initiallyVisible = true, dismissable = true, icon, buttonColor, content, contentStyle, style, theme, Icon, ...rest }) => {\n    const [visible, setVisible] = React.useState(initiallyVisible);\n    React.useEffect(() => {\n        if (initiallyVisible) {\n            setVisible(true);\n        }\n    }, [initiallyVisible]);\n    const { current: position } = React.useRef(new Animated.Value(visible ? 1 : 0));\n    const [layout, setLayout] = React.useState({\n        height: 0,\n        measured: false,\n    });\n    React.useEffect(() => {\n        if (visible) {\n            // show\n            Animated.timing(position, {\n                duration: 250,\n                toValue: 1,\n                useNativeDriver: false,\n            }).start();\n        }\n        else {\n            // hide\n            Animated.timing(position, {\n                duration: 200,\n                toValue: 0,\n                useNativeDriver: false,\n            }).start();\n        }\n    }, [visible, position]);\n    const handleLayout = ({ nativeEvent }) => {\n        const { height } = nativeEvent.layout;\n        setLayout({ height, measured: true });\n    };\n    // The banner animation has 2 parts:\n    // 1. Blank spacer element which animates its height to move the content\n    // 2. Actual banner which animates its translateY\n    // In initial render, we position everything normally and measure the height of the banner\n    // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n    // We need this because we need to move the content below as if banner's height was being animated\n    // However we can't animated banner's height directly as it'll also resize the content inside\n    const height = Animated.multiply(position, layout.height);\n    const translateY = Animated.multiply(Animated.add(position, -1), layout.height);\n    return (React.createElement(Surface, { ...rest, style: [styles.container, shadow(ELEVATION), style] },\n        React.createElement(View, { style: [styles.wrapper, contentStyle] },\n            React.createElement(Animated.View, { style: { height } }),\n            React.createElement(Animated.View, { onLayout: handleLayout, style: [\n                    layout.measured || !visible\n                        ? // If we have measured banner's height or it's invisible,\n                            // Position it absolutely, the layout will be taken care of the spacer\n                            [styles.absolute, { transform: [{ translateY }] }]\n                        : // Otherwise position it normally\n                            null,\n                    !layout.measured && !visible\n                        ? // If we haven't measured banner's height yet and it's invisible,\n                            // hide it with opacity: 0 so user doesn't see it\n                            { opacity: 0 }\n                        : null,\n                ] },\n                React.createElement(View, { style: [styles.content, { marginBottom: dismissable ? 0 : 16 }] },\n                    icon ? (React.createElement(View, { style: styles.icon },\n                        React.createElement(Icon, { name: icon, size: 40 }))) : null,\n                    React.createElement(Text, { style: [styles.message, { color: theme.colors.text }], accessibilityLiveRegion: visible ? \"polite\" : \"none\", accessibilityRole: \"alert\" }, content)),\n                dismissable ? (React.createElement(View, { style: styles.actions },\n                    React.createElement(Button, { color: buttonColor || theme.colors.primary, title: \"Close\", onPress: () => setVisible(false) }))) : null))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        elevation: ELEVATION,\n    },\n    wrapper: {\n        overflow: \"hidden\",\n        alignSelf: \"center\",\n        width: \"100%\",\n        maxWidth: DEFAULT_MAX_WIDTH,\n    },\n    absolute: {\n        position: \"absolute\",\n        top: 0,\n        width: \"100%\",\n    },\n    content: {\n        flexDirection: \"row\",\n        justifyContent: \"flex-start\",\n        marginHorizontal: 8,\n        marginTop: 16,\n        marginBottom: 0,\n    },\n    icon: {\n        margin: 8,\n    },\n    message: {\n        flex: 1,\n        margin: 8,\n    },\n    actions: {\n        flexDirection: \"row\",\n        justifyContent: \"flex-end\",\n        margin: 8,\n    },\n});\nexport default withTheme(Banner);\n"]}
+{"version":3,"sources":["Banner.tsx"],"names":["React","Button","Text","View","StyleSheet","Animated","Surface","shadow","withTheme","ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","useState","useEffect","current","position","useRef","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Button,\n  Text,\n  View,\n  ViewStyle,\n  StyleSheet,\n  StyleProp,\n  Animated,\n} from \"react-native\";\nimport Surface from \"./Surface\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\n\ntype Props = {\n  initiallyVisible: boolean;\n  dismissable: boolean;\n  buttonColor?: string;\n  icon?: string;\n  content?: string;\n  contentStyle?: StyleProp<ViewStyle>;\n  style?: StyleProp<ViewStyle>;\n  ref?: React.RefObject<View>;\n  /**\n   * @optional\n   */\n  theme: Theme;\n} & IconSlot;\n\ntype NativeEvent = {\n  nativeEvent: {\n    layout: {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n    };\n  };\n};\n\nconst Banner: React.FC<Props> = ({\n  initiallyVisible = true,\n  dismissable = true,\n  icon,\n  buttonColor,\n  content,\n  contentStyle,\n  style,\n  theme,\n  Icon,\n  ...rest\n}) => {\n  const [visible, setVisible] = React.useState(initiallyVisible);\n\n  React.useEffect(() => {\n    if (initiallyVisible) {\n      setVisible(true);\n    }\n  }, [initiallyVisible]);\n\n  const { current: position } = React.useRef<Animated.Value>(\n    new Animated.Value(visible ? 1 : 0)\n  );\n  const [layout, setLayout] = React.useState<{\n    height: number;\n    measured: boolean;\n  }>({\n    height: 0,\n    measured: false,\n  });\n\n  React.useEffect(() => {\n    if (visible) {\n      // show\n      Animated.timing(position, {\n        duration: 250,\n        toValue: 1,\n        useNativeDriver: false,\n      }).start();\n    } else {\n      // hide\n      Animated.timing(position, {\n        duration: 200,\n        toValue: 0,\n        useNativeDriver: false,\n      }).start();\n    }\n  }, [visible, position]);\n\n  const handleLayout = ({ nativeEvent }: NativeEvent) => {\n    const { height } = nativeEvent.layout;\n    setLayout({ height, measured: true });\n  };\n\n  // The banner animation has 2 parts:\n  // 1. Blank spacer element which animates its height to move the content\n  // 2. Actual banner which animates its translateY\n  // In initial render, we position everything normally and measure the height of the banner\n  // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n  // We need this because we need to move the content below as if banner's height was being animated\n  // However we can't animated banner's height directly as it'll also resize the content inside\n  const height = Animated.multiply(position, layout.height);\n\n  const translateY = Animated.multiply(\n    Animated.add(position, -1),\n    layout.height\n  );\n\n  return (\n    <Surface\n      {...rest}\n      style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}\n    >\n      <View style={[styles.wrapper, contentStyle]}>\n        <Animated.View style={{ height }} />\n        <Animated.View\n          onLayout={handleLayout}\n          style={[\n            layout.measured || !visible\n              ? // If we have measured banner's height or it's invisible,\n                // Position it absolutely, the layout will be taken care of the spacer\n                [styles.absolute, { transform: [{ translateY }] }]\n              : // Otherwise position it normally\n                null,\n            !layout.measured && !visible\n              ? // If we haven't measured banner's height yet and it's invisible,\n                // hide it with opacity: 0 so user doesn't see it\n                { opacity: 0 }\n              : null,\n          ]}\n        >\n          <View\n            style={[styles.content, { marginBottom: dismissable ? 0 : 16 }]}\n          >\n            {icon ? (\n              <View style={styles.icon}>\n                <Icon name={icon} size={40} />\n              </View>\n            ) : null}\n            <Text\n              style={[styles.message, { color: theme.colors.text }]}\n              accessibilityLiveRegion={visible ? \"polite\" : \"none\"}\n              accessibilityRole=\"alert\"\n            >\n              {content}\n            </Text>\n          </View>\n          {dismissable ? (\n            <View style={styles.actions}>\n              <Button\n                color={buttonColor || theme.colors.primary}\n                title=\"Close\"\n                onPress={() => setVisible(false)}\n              />\n            </View>\n          ) : null}\n        </Animated.View>\n      </View>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    elevation: ELEVATION,\n  },\n  wrapper: {\n    overflow: \"hidden\",\n    alignSelf: \"center\",\n    width: \"100%\",\n    maxWidth: DEFAULT_MAX_WIDTH,\n  },\n  absolute: {\n    position: \"absolute\",\n    top: 0,\n    width: \"100%\",\n  },\n  content: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-start\",\n    marginHorizontal: 8,\n    marginTop: 16,\n    marginBottom: 0,\n  },\n  icon: {\n    margin: 8,\n  },\n  message: {\n    flex: 1,\n    margin: 8,\n  },\n  actions: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-end\",\n    margin: 8,\n  },\n});\n\nexport default withTheme(Banner);\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["Card.js"],"names":["React","StyleSheet","View","Pressable","Image","Surface","Title","Subtitle","Caption","withTheme","Config","ICON_SIZE","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","createElement","style","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","disabled","pressed","opacity","name","size","color","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","flatten","innerPadding","source","uri","resizeMode","text","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { StyleSheet, View, Pressable, } from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\nexport const TopRightCircleIcon = withTheme(({ Icon, icon, theme, onPress, }) => {\n    return (React.createElement(Surface, { style: {\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            elevation: ICON_ELEVATION,\n            position: \"absolute\",\n            top: 12,\n            right: 12,\n            width: ICON_CONTAINER_SIZE,\n            height: ICON_CONTAINER_SIZE,\n            padding: ICON_CONTAINER_PADDING,\n            borderRadius: ICON_CONTAINER_SIZE,\n            backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n        } },\n        React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n                return [\n                    {\n                        opacity: pressed ? 0.8 : 1,\n                    },\n                ];\n            } },\n            React.createElement(Icon, { name: icon, size: ICON_SIZE, color: theme.colors.surface }))));\n});\nconst Card = ({ Icon, image = Config.cardImageUrl, title, subtitle, description, textCentered, icon, aspectRatio = 1.5, elevation = 2, style, onPress, onPressIcon, titleStyle, subtitleStyle, descriptionStyle, theme, children, }) => {\n    const { backgroundColor: bgColor, padding, ...styles } = StyleSheet.flatten(style || {});\n    const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n    const innerPadding = padding ? padding : 12;\n    return (React.createElement(Surface, { style: [{ elevation, backgroundColor }, styles] },\n        React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n                return [\n                    {\n                        opacity: pressed ? 0.8 : 1,\n                    },\n                ];\n            } },\n            React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n            React.createElement(View, { style: { padding: innerPadding } },\n                React.createElement(View, { style: { alignItems: textCentered ? \"center\" : \"flex-start\" } },\n                    title || (title && title !== \"\") ? (React.createElement(Title, { text: title, style: titleStyle })) : null,\n                    subtitle || (subtitle && subtitle !== \"\") ? (React.createElement(Subtitle, { text: subtitle, style: subtitleStyle })) : null,\n                    description || (description && description !== \"\") ? (React.createElement(View, { style: { marginTop: 4 } },\n                        React.createElement(Caption, { text: description, style: descriptionStyle }))) : null,\n                    children)),\n            icon ? (React.createElement(TopRightCircleIcon, { Icon: Icon, icon: icon, onPress: onPressIcon })) : null)));\n};\nexport default withTheme(Card);\n"]}
+{"version":3,"sources":["Card.tsx"],"names":["React","StyleSheet","View","Pressable","Image","Surface","Title","Subtitle","Caption","withTheme","Config","ICON_SIZE","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","pressed","opacity","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","style","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","flatten","innerPadding","uri","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\n\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\n\nexport const TopRightCircleIcon = withTheme(\n  ({\n    Icon,\n    icon,\n    theme,\n    onPress,\n  }: {\n    icon: string;\n    theme: Theme;\n    onPress?: () => void;\n  } & IconSlot) => {\n    return (\n      <Surface\n        style={{\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          elevation: ICON_ELEVATION,\n          position: \"absolute\",\n          top: 12,\n          right: 12,\n          width: ICON_CONTAINER_SIZE,\n          height: ICON_CONTAINER_SIZE,\n          padding: ICON_CONTAINER_PADDING,\n          borderRadius: ICON_CONTAINER_SIZE,\n          backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n        }}\n      >\n        <Pressable\n          disabled={!onPress}\n          onPress={onPress}\n          style={({ pressed }) => {\n            return [\n              {\n                opacity: pressed ? 0.8 : 1,\n              },\n            ];\n          }}\n        >\n          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />\n        </Pressable>\n      </Surface>\n    );\n  }\n);\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  description?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  descriptionStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n  onPressIcon?: () => void;\n  children?: React.ReactNode;\n} & IconSlot;\n\nconst Card: React.FC<Props> = ({\n  Icon,\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  description,\n  textCentered,\n  icon,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  onPress,\n  onPressIcon,\n  titleStyle,\n  subtitleStyle,\n  descriptionStyle,\n  theme,\n  children,\n}) => {\n  const {\n    backgroundColor: bgColor,\n    padding,\n    ...styles\n  } = StyleSheet.flatten(style || {});\n\n  const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n  const innerPadding = padding ? padding : 12;\n\n  return (\n    <Surface style={[{ elevation, backgroundColor }, styles]}>\n      <Pressable\n        disabled={!onPress}\n        onPress={onPress}\n        style={({ pressed }) => {\n          return [\n            {\n              opacity: pressed ? 0.8 : 1,\n            },\n          ];\n        }}\n      >\n        <Image\n          style={{ aspectRatio }}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={{ padding: innerPadding }}>\n          <View style={{ alignItems: textCentered ? \"center\" : \"flex-start\" }}>\n            {title || (title && title !== \"\") ? (\n              <Title text={title} style={titleStyle} />\n            ) : null}\n            {subtitle || (subtitle && subtitle !== \"\") ? (\n              <Subtitle text={subtitle} style={subtitleStyle} />\n            ) : null}\n            {description || (description && description !== \"\") ? (\n              <View style={{ marginTop: 4 }}>\n                <Caption text={description} style={descriptionStyle} />\n              </View>\n            ) : null}\n            {children}\n          </View>\n        </View>\n        {icon ? (\n          <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />\n        ) : null}\n      </Pressable>\n    </Surface>\n  );\n};\n\nexport default withTheme(Card);\n"]}

package/lib/module/components/CardContainer.js

@@ -1,3 +1,5 @@
+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); }
+
 import React from "react";
 import { View, Text } from "react-native";
 import color from "color";
@@ -49,12 +51,11 @@ const CardContainer = _ref => {
       break;
   }
 
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React.createElement(Card, _extends({
     style: style,
     onPress: onPress,
-    numColumns: numColumns,
-    ...rest
-  }, /*#__PURE__*/React.createElement(Elevation, {
+    numColumns: numColumns
+  }, rest), /*#__PURE__*/React.createElement(Elevation, {
     style: {
       elevation,
       borderRadius: roundness
@@ -124,15 +125,5 @@ const CardContainer = _ref => {
   })) : null)));
 };
 
-export default withTheme(CardContainer);
-//# sourceMappingURL=CardContainer.js.map backgroundColor: color(colors.strong).alpha(Config.cardIconBackgroundOpacity).rgb().string()
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: Config.cardIconSize,
-    color: colors.surface
-  })) : null)));
-};
-
 export default withTheme(CardContainer);
 //# sourceMappingURL=CardContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["CardContainer.js"],"names":["React","View","Text","color","Image","Card","Elevation","withTheme","Config","ICON_CONTAINER_SIZE","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","createElement","borderRadius","overflow","backgroundColor","surface","source","uri","resizeMode","padding","flexDirection","alignItems","justifyContent","numberOfLines","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","name","size"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst CardContainer = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, textCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    let textJustification;\n    let titleStyle;\n    if (textCentered && !rightDescription) {\n        textJustification = \"center\";\n    }\n    else {\n        textJustification = \"space-between\";\n    }\n    switch (numColumns) {\n        case 2:\n            titleStyle = typography.headline6;\n            break;\n        case 3:\n            titleStyle = typography.headline5;\n            break;\n    }\n    return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n        React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n            React.createElement(View, { style: {\n                    borderRadius: roundness,\n                    overflow: \"hidden\",\n                    backgroundColor: colors.surface,\n                } },\n                React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n                React.createElement(View, { style: {\n                        padding: numColumns === 1 ? 8 : 16,\n                    } },\n                    title ? (React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            alignItems: \"center\",\n                            justifyContent: textJustification,\n                        } },\n                        React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title))) : null,\n                    leftDescription ? (React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            justifyContent: textJustification,\n                            alignItems: \"center\",\n                            marginTop: numColumns === 3 ? 4 : 4 / 2,\n                        } },\n                        React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n                        rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: [typography.subtitle2, { color: colors.light }] }, rightDescription)) : null)) : null),\n                icon ? (React.createElement(Elevation, { style: {\n                        elevation: Config.cardIconElevation,\n                        position: \"absolute\",\n                        top: 12,\n                        right: 12,\n                        width: ICON_CONTAINER_SIZE,\n                        height: ICON_CONTAINER_SIZE,\n                        padding: ICON_CONTAINER_PADDING,\n                        borderRadius: ICON_CONTAINER_SIZE,\n                        backgroundColor: color(colors.strong)\n                            .alpha(Config.cardIconBackgroundOpacity)\n                            .rgb()\n                            .string(),\n                    } },\n                    React.createElement(Icon, { name: icon, size: Config.cardIconSize, color: colors.surface }))) : null))));\n};\nexport default withTheme(CardContainer);\n"]}
+{"version":3,"sources":["CardContainer.tsx"],"names":["React","View","Text","color","Image","Card","Elevation","withTheme","Config","ICON_CONTAINER_SIZE","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n  View,\n  ImageSourcePropType,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<Props> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  textCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let textJustification: justificationType;\n\n  let titleStyle;\n\n  if (textCentered && !rightDescription) {\n    textJustification = \"center\";\n  } else {\n    textJustification = \"space-between\";\n  }\n\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      break;\n  }\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <Elevation style={{ elevation, borderRadius: roundness }}>\n        <View\n          style={{\n            borderRadius: roundness,\n            overflow: \"hidden\",\n            backgroundColor: colors.surface,\n          }}\n        >\n          <Image\n            style={{ aspectRatio }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n          <View\n            style={{\n              padding: numColumns === 1 ? 8 : 16,\n            }}\n          >\n            {title ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  alignItems: \"center\",\n                  justifyContent: textJustification,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[titleStyle, { color: colors.strong }]}\n                >\n                  {title}\n                </Text>\n              </View>\n            ) : null}\n            {leftDescription ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  justifyContent: textJustification,\n                  alignItems: \"center\",\n                  marginTop: numColumns === 3 ? 4 : 4 / 2,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[typography.body2, { color: colors.medium }]}\n                >\n                  {leftDescription}\n                </Text>\n                {rightDescription ? (\n                  <Text\n                    numberOfLines={1}\n                    style={[typography.subtitle2, { color: colors.light }]}\n                  >\n                    {rightDescription}\n                  </Text>\n                ) : null}\n              </View>\n            ) : null}\n          </View>\n          {icon ? (\n            <Elevation\n              style={{\n                elevation: Config.cardIconElevation,\n                position: \"absolute\",\n                top: 12,\n                right: 12,\n                width: ICON_CONTAINER_SIZE,\n                height: ICON_CONTAINER_SIZE,\n                padding: ICON_CONTAINER_PADDING,\n                borderRadius: ICON_CONTAINER_SIZE,\n                backgroundColor: color(colors.strong)\n                  .alpha(Config.cardIconBackgroundOpacity)\n                  .rgb()\n                  .string(),\n              }}\n            >\n              <Icon\n                name={icon}\n                size={Config.cardIconSize}\n                color={colors.surface}\n              />\n            </Elevation>\n          ) : null}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainer);\n"]}

package/lib/module/components/Carousel.js

@@ -1,3 +1,5 @@
+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); }
+
 import * as React from "react";
 import { withTheme } from "../theming";
 import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
@@ -50,10 +52,9 @@ function Carousel(_ref2) {
   } = StyleSheet.flatten(style || {});
   const slideWidth = width || screenWidth;
   const slideHeight = height || 250;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(ScrollView, {
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [styles.container, style]
+  }, rest), /*#__PURE__*/React.createElement(ScrollView, {
     pagingEnabled: true,
     horizontal: true,
     decelerationRate: "fast",
@@ -122,20 +123,4 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(Carousel);
-//# sourceMappingURL=Carousel.js.mapottom: 12,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  bullet: {
-    marginHorizontal: 2,
-    width: 10,
-    height: 10,
-    borderRadius: 20,
-    backgroundColor: "#000"
-  }
-});
-export default withTheme(Carousel);
 //# sourceMappingURL=Carousel.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.js"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","createElement","style","styles","pager","Array","from","map","_","i","current","opacity","size","key","bullet","backgroundColor","height","Carousel","data","children","dotColor","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","flatten","slideWidth","slideHeight","container","pagingEnabled","horizontal","decelerationRate","scrollEventThrottle","showsHorizontalScrollIndicator","onScroll","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","resizeMode","source","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { ScrollView, View, StyleSheet, Dimensions, } from \"react-native\";\nimport Image from \"./Image\";\nconst screenWidth = Dimensions.get(\"window\").width;\nfunction Pager({ color, index, length, }) {\n    return (React.createElement(View, { style: styles.pager }, Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (React.createElement(View, { key: i, style: [\n                styles.bullet,\n                { backgroundColor: color, opacity, width: size, height: size },\n            ] }));\n    })));\n}\nfunction Carousel({ data, children, dotColor = \"strong\", style, ...rest }) {\n    const [index, setIndex] = React.useState(0);\n    const length = React.Children.count(children);\n    const itemsLength = (data?.length ?? 0) + length;\n    const slides = Array.isArray(data) ? data : [];\n    const { width, height } = StyleSheet.flatten(style || {});\n    const slideWidth = width || screenWidth;\n    const slideHeight = height || 250;\n    return (React.createElement(View, { style: [styles.container, style], ...rest },\n        React.createElement(ScrollView, { pagingEnabled: true, horizontal: true, decelerationRate: \"fast\", scrollEventThrottle: 200, showsHorizontalScrollIndicator: false, onScroll: ({ nativeEvent }) => {\n                const layoutWidth = nativeEvent.layoutMeasurement.width;\n                const offset = nativeEvent.contentOffset.x;\n                const currentIndex = Math.ceil(offset / layoutWidth);\n                setIndex(currentIndex);\n            } },\n            slides.length > 0\n                ? slides.map((item, i) => {\n                    return (React.createElement(Image, { key: i, resizeMode: \"cover\", source: typeof item === \"string\" ? { uri: item } : item, style: [{ width: slideWidth, height: slideHeight }] }));\n                })\n                : null,\n            React.Children.map(children, (child) => {\n                const s = child?.props?.style || {};\n                return (React.createElement(View, { style: { width: slideWidth } }, React.cloneElement(child, {\n                    style: { ...s, width: slideWidth },\n                })));\n            })),\n        React.createElement(Pager, { color: dotColor, index: index, length: itemsLength })));\n}\nconst styles = StyleSheet.create({\n    container: {\n        backgroundColor: \"#eee\",\n    },\n    pager: {\n        position: \"absolute\",\n        bottom: 12,\n        left: 0,\n        right: 0,\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    bullet: {\n        marginHorizontal: 2,\n        width: 10,\n        height: 10,\n        borderRadius: 20,\n        backgroundColor: \"#000\",\n    },\n});\nexport default withTheme(Carousel);\n"]}
+{"version":3,"sources":["Carousel.tsx"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: Props) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"]}

package/lib/module/components/FormRow.js

@@ -1,3 +1,5 @@
+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); }
+
 import * as React from "react";
 import { Text, StyleSheet } from "react-native";
 import { extractStyles } from "../utilities";
@@ -16,27 +18,12 @@ export default function FormRow(_ref) {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, {
+  return /*#__PURE__*/React.createElement(Touchable, _extends({
     disabled: disabled,
     onPress: onPress,
     style: [styles.row, {
       flexDirection: direction
-    }, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: textStyles
-  }, label), children);
-}
-const styles = StyleSheet.create({
-  row: {
-    marginLeft: 8,
-    marginRight: 8,
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  }
-});
-//# sourceMappingURL=FormRow.js.maptyles]
+    }, viewStyles]
   }, rest), /*#__PURE__*/React.createElement(Text, {
     style: textStyles
   }, label), children);

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

@@ -1 +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"]}
+{"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"]}

package/lib/module/components/Image.js

@@ -1,3 +1,5 @@
+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); }
+
 /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
 import React from "react";
 import { Image as NativeImage, StyleSheet } from "react-native";
@@ -62,30 +64,13 @@ const Image = _ref2 => {
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/React.createElement(NativeImage, { ...props,
+    }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, 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;
-//# sourceMappingURL=Image.js.mapgeSource,
-      resizeMode: resizeMode,
-      style: [style, {
-        height: "100%",
-        width: "100%"
-      }]
     })));
   }
 

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

@@ -1 +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"]}
+{"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"]}