@draftbit/core 48.5.6 → 48.5.7-efd08d.2

package/src/components/Row.tsx

@@ -1,108 +1,108 @@
-import * as React from "react";
-import {
-  View,
-  Text,
-  Image,
-  ImageSourcePropType,
-  StyleSheet,
-  StyleProp,
-  TextStyle,
-  ViewStyle,
-} from "react-native";
-import { withTheme } from "../theming";
-import Config from "./Config";
-import theme from "../styles/DefaultTheme";
-
-type Props = {
-  titleTypeStyle?: StyleProp<TextStyle>;
-  titleColor?: string;
-  subtitleTypeStyle?: StyleProp<TextStyle>;
-  subtitleColor?: string;
-  title?: string;
-  subtitle?: string;
-  multilineSubtitle?: boolean;
-  image?: string | ImageSourcePropType;
-  right?: () => React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-  theme: typeof theme;
-};
-
-const Row: React.FC<React.PropsWithChildren<Props>> = ({
-  titleTypeStyle,
-  titleColor,
-  subtitleTypeStyle,
-  subtitleColor,
-  title,
-  subtitle,
-  multilineSubtitle,
-  image,
-  right,
-  style,
-}) => {
-  return (
-    <View style={[styles.container, { padding: 16 }, style]}>
-      <View style={styles.leftContainer}>
-        {image && (
-          <Image
-            source={typeof image === "string" ? { uri: image } : image}
-            style={{
-              marginRight: 12,
-              width: subtitle
-                ? Config.rowMultiLineImageSize
-                : Config.rowSingleLineImageSize,
-              height: subtitle
-                ? Config.rowMultiLineImageSize
-                : Config.rowSingleLineImageSize,
-            }}
-          />
-        )}
-        <View style={styles.textContainer}>
-          <Text
-            style={[
-              titleTypeStyle,
-              {
-                color: titleColor,
-              },
-            ]}
-            numberOfLines={1}
-          >
-            {title}
-          </Text>
-          {subtitle ? (
-            <Text
-              style={[
-                subtitleTypeStyle,
-                {
-                  color: subtitleColor,
-                  marginTop: 4,
-                },
-              ]}
-              numberOfLines={multilineSubtitle ? undefined : 1}
-            >
-              {subtitle}
-            </Text>
-          ) : null}
-        </View>
-      </View>
-      {right && right()}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  leftContainer: {
-    flexDirection: "row",
-    flex: 1,
-  },
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-  },
-  textContainer: {
-    flex: 1,
-    justifyContent: "center",
-  },
-});
-
-export default withTheme(Row);
+import * as React from "react";
+import {
+  View,
+  Text,
+  Image,
+  ImageSourcePropType,
+  StyleSheet,
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+} from "react-native";
+import { withTheme } from "../theming";
+import Config from "./Config";
+import theme from "../styles/DefaultTheme";
+
+type Props = {
+  titleTypeStyle?: StyleProp<TextStyle>;
+  titleColor?: string;
+  subtitleTypeStyle?: StyleProp<TextStyle>;
+  subtitleColor?: string;
+  title?: string;
+  subtitle?: string;
+  multilineSubtitle?: boolean;
+  image?: string | ImageSourcePropType;
+  right?: () => React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  theme: typeof theme;
+};
+
+const Row: React.FC<React.PropsWithChildren<Props>> = ({
+  titleTypeStyle,
+  titleColor,
+  subtitleTypeStyle,
+  subtitleColor,
+  title,
+  subtitle,
+  multilineSubtitle,
+  image,
+  right,
+  style,
+}) => {
+  return (
+    <View style={[styles.container, { padding: 16 }, style]}>
+      <View style={styles.leftContainer}>
+        {image && (
+          <Image
+            source={typeof image === "string" ? { uri: image } : image}
+            style={{
+              marginRight: 12,
+              width: subtitle
+                ? Config.rowMultiLineImageSize
+                : Config.rowSingleLineImageSize,
+              height: subtitle
+                ? Config.rowMultiLineImageSize
+                : Config.rowSingleLineImageSize,
+            }}
+          />
+        )}
+        <View style={styles.textContainer}>
+          <Text
+            style={[
+              titleTypeStyle,
+              {
+                color: titleColor,
+              },
+            ]}
+            numberOfLines={1}
+          >
+            {title}
+          </Text>
+          {subtitle ? (
+            <Text
+              style={[
+                subtitleTypeStyle,
+                {
+                  color: subtitleColor,
+                  marginTop: 4,
+                },
+              ]}
+              numberOfLines={multilineSubtitle ? undefined : 1}
+            >
+              {subtitle}
+            </Text>
+          ) : null}
+        </View>
+      </View>
+      {right && right()}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  leftContainer: {
+    flexDirection: "row",
+    flex: 1,
+  },
+  container: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  textContainer: {
+    flex: 1,
+    justifyContent: "center",
+  },
+});
+
+export default withTheme(Row);

package/src/components/SVG.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { View, Platform, Image } from "react-native";
+import { SvgUri } from "react-native-svg";
+import Config from "./Config";
+const SVG = ({ source = Config.placeholderSvgURL, style, }) => {
+    return (React.createElement(React.Fragment, null,
+        Platform.OS === "ios" && (React.createElement(View, { style: style },
+            React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
+        Platform.OS === "android" && (React.createElement(View, { style: style },
+            React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
+        Platform.OS === "web" && (React.createElement(Image, { style: style, source: { uri: source } }))));
+};
+export default SVG;
+//# sourceMappingURL=SVG.js.map

package/src/components/SVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.js","sourceRoot":"","sources":["SVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAyB,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAC;AAO9B,MAAM,GAAG,GAAyD,CAAC,EACjE,MAAM,GAAG,MAAM,CAAC,iBAAiB,EACjC,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL;QACG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;YAChB,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,GAAI,CAC7C,CACR;QACA,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;YAChB,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,GAAI,CAC7C,CACR;QACA,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAAI,CACjD,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/src/components/SVG.tsx

@@ -1,35 +1,35 @@
-import * as React from "react";
-import { View, Platform, Image, StyleProp, ImageStyle } from "react-native";
-import { SvgUri } from "react-native-svg";
-
-import Config from "./Config";
-
-type SVGComponentProps = {
-  source: string;
-  style?: StyleProp<ImageStyle>;
-};
-
-const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>> = ({
-  source = Config.placeholderSvgURL,
-  style,
-}) => {
-  return (
-    <>
-      {Platform.OS === "ios" && (
-        <View style={style}>
-          <SvgUri width="100%" height="100%" uri={source} />
-        </View>
-      )}
-      {Platform.OS === "android" && (
-        <View style={style}>
-          <SvgUri width="100%" height="100%" uri={source} />
-        </View>
-      )}
-      {Platform.OS === "web" && (
-        <Image style={style} source={{ uri: source }} />
-      )}
-    </>
-  );
-};
-
-export default SVG;
+import * as React from "react";
+import { View, Platform, Image, StyleProp, ImageStyle } from "react-native";
+import { SvgUri } from "react-native-svg";
+
+import Config from "./Config";
+
+type SVGComponentProps = {
+  source: string;
+  style?: StyleProp<ImageStyle>;
+};
+
+const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>> = ({
+  source = Config.placeholderSvgURL,
+  style,
+}) => {
+  return (
+    <>
+      {Platform.OS === "ios" && (
+        <View style={style}>
+          <SvgUri width="100%" height="100%" uri={source} />
+        </View>
+      )}
+      {Platform.OS === "android" && (
+        <View style={style}>
+          <SvgUri width="100%" height="100%" uri={source} />
+        </View>
+      )}
+      {Platform.OS === "web" && (
+        <Image style={style} source={{ uri: source }} />
+      )}
+    </>
+  );
+};
+
+export default SVG;

package/src/components/ScreenContainer.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { StyleSheet, ScrollView, View, } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { withTheme } from "../theming";
+function ScreenContainer({ scrollable = false, hasSafeArea = false, hasBottomSafeArea = false, hasTopSafeArea = false, theme, style, children, ...rest }) {
+    var _a;
+    const backgroundColor = ((_a = StyleSheet.flatten(style)) === null || _a === void 0 ? void 0 : _a.backgroundColor) || theme.colors.background;
+    const edges = ["left", "right"];
+    if (hasSafeArea || hasTopSafeArea) {
+        edges.push("top");
+    }
+    if (hasSafeArea || hasBottomSafeArea) {
+        edges.push("bottom");
+    }
+    return (React.createElement(SafeAreaView, { edges: edges, style: [
+            styles.container,
+            {
+                backgroundColor,
+            },
+        ], ...rest }, scrollable ? (React.createElement(ScrollView, { contentContainerStyle: [
+            styles.scrollViewContainer,
+            { backgroundColor },
+            style,
+        ] }, children)) : (React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, children))));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    scrollViewContainer: {
+        flexGrow: 1,
+        flex: undefined,
+    },
+});
+export default withTheme(ScreenContainer);
+//# sourceMappingURL=ScreenContainer.js.map

package/src/components/ScreenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.js","sourceRoot":"","sources":["ScreenContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,UAAU,EAGV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAavC,SAAS,eAAe,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,KAAK,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACc;;IACrB,MAAM,eAAe,GACnB,CAAA,MAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,0CAAE,eAAe,KAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAExE,MAAM,KAAK,GAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,IAAI,WAAW,IAAI,cAAc,EAAE;QACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnB;IAED,IAAI,WAAW,IAAI,iBAAiB,EAAE;QACpC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACtB;IAED,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe;aAChB;SACF,KACG,IAAI,IAEP,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,IACT,qBAAqB,EAAE;YACrB,MAAM,CAAC,mBAAmB;YAC1B,EAAE,eAAe,EAAE;YACnB,KAAK;SACN,IAEA,QAAQ,CACE,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,IACxD,QAAQ,CACJ,CACR,CACY,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE,CAAC;QACX,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,eAAe,CAAC,CAAC"}

package/src/components/ScreenContainer.tsx

@@ -1,86 +1,86 @@
-import * as React from "react";
-import {
-  StyleSheet,
-  ScrollView,
-  StyleProp,
-  ViewStyle,
-  View,
-} from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import type { Edge } from "react-native-safe-area-context";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-
-type ScreenContainerProps = {
-  scrollable?: boolean;
-  hasSafeArea?: boolean;
-  hasTopSafeArea?: boolean;
-  hasBottomSafeArea?: boolean;
-  theme: Theme;
-  style?: StyleProp<ViewStyle>;
-  children?: React.ReactNode;
-};
-
-function ScreenContainer({
-  scrollable = false,
-  hasSafeArea = false,
-  hasBottomSafeArea = false,
-  hasTopSafeArea = false,
-  theme,
-  style,
-  children,
-  ...rest
-}: ScreenContainerProps) {
-  const backgroundColor =
-    StyleSheet.flatten(style)?.backgroundColor || theme.colors.background;
-
-  const edges: Edge[] = ["left", "right"];
-  if (hasSafeArea || hasTopSafeArea) {
-    edges.push("top");
-  }
-
-  if (hasSafeArea || hasBottomSafeArea) {
-    edges.push("bottom");
-  }
-
-  return (
-    <SafeAreaView
-      edges={edges}
-      style={[
-        styles.container,
-        {
-          backgroundColor,
-        },
-      ]}
-      {...rest}
-    >
-      {scrollable ? (
-        <ScrollView
-          contentContainerStyle={[
-            styles.scrollViewContainer,
-            { backgroundColor },
-            style,
-          ]}
-        >
-          {children}
-        </ScrollView>
-      ) : (
-        <View style={[styles.container, { backgroundColor }, style]}>
-          {children}
-        </View>
-      )}
-    </SafeAreaView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  scrollViewContainer: {
-    flexGrow: 1,
-    flex: undefined,
-  },
-});
-
-export default withTheme(ScreenContainer);
+import * as React from "react";
+import {
+  StyleSheet,
+  ScrollView,
+  StyleProp,
+  ViewStyle,
+  View,
+} from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import type { Edge } from "react-native-safe-area-context";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+
+type ScreenContainerProps = {
+  scrollable?: boolean;
+  hasSafeArea?: boolean;
+  hasTopSafeArea?: boolean;
+  hasBottomSafeArea?: boolean;
+  theme: Theme;
+  style?: StyleProp<ViewStyle>;
+  children?: React.ReactNode;
+};
+
+function ScreenContainer({
+  scrollable = false,
+  hasSafeArea = false,
+  hasBottomSafeArea = false,
+  hasTopSafeArea = false,
+  theme,
+  style,
+  children,
+  ...rest
+}: ScreenContainerProps) {
+  const backgroundColor =
+    StyleSheet.flatten(style)?.backgroundColor || theme.colors.background;
+
+  const edges: Edge[] = ["left", "right"];
+  if (hasSafeArea || hasTopSafeArea) {
+    edges.push("top");
+  }
+
+  if (hasSafeArea || hasBottomSafeArea) {
+    edges.push("bottom");
+  }
+
+  return (
+    <SafeAreaView
+      edges={edges}
+      style={[
+        styles.container,
+        {
+          backgroundColor,
+        },
+      ]}
+      {...rest}
+    >
+      {scrollable ? (
+        <ScrollView
+          contentContainerStyle={[
+            styles.scrollViewContainer,
+            { backgroundColor },
+            style,
+          ]}
+        >
+          {children}
+        </ScrollView>
+      ) : (
+        <View style={[styles.container, { backgroundColor }, style]}>
+          {children}
+        </View>
+      )}
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  scrollViewContainer: {
+    flexGrow: 1,
+    flex: undefined,
+  },
+});
+
+export default withTheme(ScreenContainer);

package/src/components/SectionList/SectionHeader.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { View, Text } from "react-native";
+import { withTheme } from "../../theming";
+const SectionHeader = ({ style, children, }) => React.createElement(View, { style: [style] }, children);
+export const DefaultSectionHeader = withTheme(({ title, theme }) => {
+    return (React.createElement(Text, { testID: "default-section-header", style: {
+            color: theme.colors.background,
+            backgroundColor: theme.colors.primary,
+            fontSize: 16,
+            padding: 10,
+        } }, title));
+});
+export default SectionHeader;
+//# sourceMappingURL=SectionHeader.js.map

package/src/components/SectionList/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,MAAM,aAAa,GAA0D,CAAC,EAC5E,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAQ,CAAC;AAM9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,SAAS,CAC3C,CAAC,EAAE,KAAK,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9C,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAC,wBAAwB,EAC/B,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YAC9B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,EAAE;SACZ,IAEA,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/SectionList/SectionHeader.tsx

@@ -1,37 +1,37 @@
-import React from "react";
-import { View, StyleProp, ViewStyle, Text } from "react-native";
-import { withTheme } from "../../theming";
-import type { Theme } from "../../styles/DefaultTheme";
-
-interface SectionHeaderProps {
-  style?: StyleProp<ViewStyle>;
-}
-
-const SectionHeader: React.FC<React.PropsWithChildren<SectionHeaderProps>> = ({
-  style,
-  children,
-}) => <View style={[style]}>{children}</View>;
-
-interface DefaultSectionHeaderProps {
-  title: string;
-  theme: Theme;
-}
-export const DefaultSectionHeader = withTheme(
-  ({ title, theme }: DefaultSectionHeaderProps) => {
-    return (
-      <Text
-        testID="default-section-header"
-        style={{
-          color: theme.colors.background,
-          backgroundColor: theme.colors.primary,
-          fontSize: 16,
-          padding: 10,
-        }}
-      >
-        {title}
-      </Text>
-    );
-  }
-);
-
-export default SectionHeader;
+import React from "react";
+import { View, StyleProp, ViewStyle, Text } from "react-native";
+import { withTheme } from "../../theming";
+import type { Theme } from "../../styles/DefaultTheme";
+
+interface SectionHeaderProps {
+  style?: StyleProp<ViewStyle>;
+}
+
+const SectionHeader: React.FC<React.PropsWithChildren<SectionHeaderProps>> = ({
+  style,
+  children,
+}) => <View style={[style]}>{children}</View>;
+
+interface DefaultSectionHeaderProps {
+  title: string;
+  theme: Theme;
+}
+export const DefaultSectionHeader = withTheme(
+  ({ title, theme }: DefaultSectionHeaderProps) => {
+    return (
+      <Text
+        testID="default-section-header"
+        style={{
+          color: theme.colors.background,
+          backgroundColor: theme.colors.primary,
+          fontSize: 16,
+          padding: 10,
+        }}
+      >
+        {title}
+      </Text>
+    );
+  }
+);
+
+export default SectionHeader;