@draftbit/core 48.5.5-ee2f75.2 → 48.5.6

package/src/components/Layout/Center.tsx

@@ -1,19 +1,19 @@
-import React from "react";
-import { View, ViewProps, StyleSheet } from "react-native";
-import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
-
-const Center: React.FC<ViewProps> = ({ style, ...rest }) => {
-  const backwardsCompatibleStyle = convertBackwardCompatiblePropsToStyle(rest);
-  return (
-    <View {...rest} style={[styles.center, backwardsCompatibleStyle, style]} />
-  );
-};
-
-const styles = StyleSheet.create({
-  center: {
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
-
-export default Center;
+import React from "react";
+import { View, ViewProps, StyleSheet } from "react-native";
+import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
+
+const Center: React.FC<ViewProps> = ({ style, ...rest }) => {
+  const backwardsCompatibleStyle = convertBackwardCompatiblePropsToStyle(rest);
+  return (
+    <View {...rest} style={[styles.center, backwardsCompatibleStyle, style]} />
+  );
+};
+
+const styles = StyleSheet.create({
+  center: {
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
+
+export default Center;

package/src/components/Layout/Circle.tsx

@@ -1,32 +1,32 @@
-import React from "react";
-import { ViewProps, StyleSheet } from "react-native";
-import Square from "./Square";
-import { pick } from "lodash";
-import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
-
-interface CircleProps extends ViewProps {
-  size?: number;
-}
-
-const Circle: React.FC<CircleProps> = ({ size, style, ...rest }) => {
-  const backwardsCompatibleStyle = pick(
-    convertBackwardCompatiblePropsToStyle(rest),
-    "backgroundColor"
-  );
-
-  return (
-    <Square
-      {...rest}
-      size={size}
-      style={[backwardsCompatibleStyle, style, styles.circle]}
-    />
-  );
-};
-
-const styles = StyleSheet.create({
-  circle: {
-    borderRadius: 1000, // Border radius maxes out as a circle, use an overly large number to ensure circle in all cases
-  },
-});
-
-export default Circle;
+import React from "react";
+import { ViewProps, StyleSheet } from "react-native";
+import Square from "./Square";
+import { pick } from "lodash";
+import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
+
+interface CircleProps extends ViewProps {
+  size?: number;
+}
+
+const Circle: React.FC<CircleProps> = ({ size, style, ...rest }) => {
+  const backwardsCompatibleStyle = pick(
+    convertBackwardCompatiblePropsToStyle(rest),
+    "backgroundColor"
+  );
+
+  return (
+    <Square
+      {...rest}
+      size={size}
+      style={[backwardsCompatibleStyle, style, styles.circle]}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  circle: {
+    borderRadius: 1000, // Border radius maxes out as a circle, use an overly large number to ensure circle in all cases
+  },
+});
+
+export default Circle;

package/src/components/Layout/HStack.tsx

@@ -1,14 +1,14 @@
-import React from "react";
-import { View, ViewProps, StyleSheet } from "react-native";
-
-const HStack: React.FC<ViewProps> = ({ style, ...rest }) => {
-  return <View {...rest} style={[styles.hStack, style]} />;
-};
-
-const styles = StyleSheet.create({
-  hStack: {
-    flexDirection: "row",
-  },
-});
-
-export default HStack;
+import React from "react";
+import { View, ViewProps, StyleSheet } from "react-native";
+
+const HStack: React.FC<ViewProps> = ({ style, ...rest }) => {
+  return <View {...rest} style={[styles.hStack, style]} />;
+};
+
+const styles = StyleSheet.create({
+  hStack: {
+    flexDirection: "row",
+  },
+});
+
+export default HStack;

package/src/components/Layout/LayoutCommon.ts

@@ -1,25 +1,25 @@
-import { ViewProps, ViewStyle } from "react-native";
-
-/**
- * Old and deprecated layout components of the same names had props that have since been removed
- * This maintains correct rendering when using the older/deprecated props as to not break existing usage
- * (See: deprecared-components/Layout)
- *
- * These deprecated props are not exposed in the component type to discourage their usage
- */
-
-interface BackwardsCompatibleProps {
-  width?: number;
-  height?: number;
-  bgColor?: string;
-}
-
-export function convertBackwardCompatiblePropsToStyle(
-  props: BackwardsCompatibleProps & ViewProps
-): ViewStyle {
-  return {
-    width: props.width,
-    height: props.height,
-    backgroundColor: props.bgColor,
-  };
-}
+import { ViewProps, ViewStyle } from "react-native";
+
+/**
+ * Old and deprecated layout components of the same names had props that have since been removed
+ * This maintains correct rendering when using the older/deprecated props as to not break existing usage
+ * (See: deprecared-components/Layout)
+ *
+ * These deprecated props are not exposed in the component type to discourage their usage
+ */
+
+interface BackwardsCompatibleProps {
+  width?: number;
+  height?: number;
+  bgColor?: string;
+}
+
+export function convertBackwardCompatiblePropsToStyle(
+  props: BackwardsCompatibleProps & ViewProps
+): ViewStyle {
+  return {
+    width: props.width,
+    height: props.height,
+    backgroundColor: props.bgColor,
+  };
+}

package/src/components/Layout/Spacer.tsx

@@ -1,34 +1,34 @@
-import React from "react";
-import { View, StyleProp, ViewStyle } from "react-native";
-
-interface SpacerProps {
-  top?: number;
-  right?: number;
-  left?: number;
-  bottom?: number;
-  style?: StyleProp<ViewStyle>;
-}
-
-const Spacer: React.FC<SpacerProps> = ({
-  top = 8,
-  right = 8,
-  bottom = 8,
-  left = 8,
-  style,
-}) => {
-  return (
-    <View
-      style={[
-        style,
-        {
-          paddingRight: right,
-          paddingTop: top,
-          paddingLeft: left,
-          paddingBottom: bottom,
-        },
-      ]}
-    />
-  );
-};
-
-export default Spacer;
+import React from "react";
+import { View, StyleProp, ViewStyle } from "react-native";
+
+interface SpacerProps {
+  top?: number;
+  right?: number;
+  left?: number;
+  bottom?: number;
+  style?: StyleProp<ViewStyle>;
+}
+
+const Spacer: React.FC<SpacerProps> = ({
+  top = 8,
+  right = 8,
+  bottom = 8,
+  left = 8,
+  style,
+}) => {
+  return (
+    <View
+      style={[
+        style,
+        {
+          paddingRight: right,
+          paddingTop: top,
+          paddingLeft: left,
+          paddingBottom: bottom,
+        },
+      ]}
+    />
+  );
+};
+
+export default Spacer;

package/src/components/Layout/Square.tsx

@@ -1,41 +1,41 @@
-import React from "react";
-import { ViewProps } from "react-native";
-import Center from "./Center";
-import { pick } from "lodash";
-import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
-
-interface SquareProps extends ViewProps {
-  size?: number;
-}
-
-const Square: React.FC<SquareProps> = ({ size, style, onLayout, ...rest }) => {
-  const [calculatedSize, setCalculatedSize] = React.useState(0);
-  const backwardsCompatibleStyle = pick(
-    convertBackwardCompatiblePropsToStyle(rest),
-    "backgroundColor"
-  );
-
-  return (
-    <Center
-      onLayout={(e) => {
-        const layout = e.nativeEvent.layout;
-        setCalculatedSize(Math.max(layout.width, layout.height));
-        onLayout?.(e);
-      }}
-      {...rest}
-      style={[
-        backwardsCompatibleStyle,
-        style,
-        size != undefined ? { width: size, height: size } : {},
-        calculatedSize > 0
-          ? {
-              width: calculatedSize,
-              height: calculatedSize,
-            }
-          : {},
-      ]}
-    />
-  );
-};
-
-export default Square;
+import React from "react";
+import { ViewProps } from "react-native";
+import Center from "./Center";
+import { pick } from "lodash";
+import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
+
+interface SquareProps extends ViewProps {
+  size?: number;
+}
+
+const Square: React.FC<SquareProps> = ({ size, style, onLayout, ...rest }) => {
+  const [calculatedSize, setCalculatedSize] = React.useState(0);
+  const backwardsCompatibleStyle = pick(
+    convertBackwardCompatiblePropsToStyle(rest),
+    "backgroundColor"
+  );
+
+  return (
+    <Center
+      onLayout={(e) => {
+        const layout = e.nativeEvent.layout;
+        setCalculatedSize(Math.max(layout.width, layout.height));
+        onLayout?.(e);
+      }}
+      {...rest}
+      style={[
+        backwardsCompatibleStyle,
+        style,
+        size != undefined ? { width: size, height: size } : {},
+        calculatedSize > 0
+          ? {
+              width: calculatedSize,
+              height: calculatedSize,
+            }
+          : {},
+      ]}
+    />
+  );
+};
+
+export default Square;

package/src/components/Layout/VStack.tsx

@@ -1,14 +1,14 @@
-import React from "react";
-import { View, ViewProps, StyleSheet } from "react-native";
-
-const VStack: React.FC<ViewProps> = ({ style, ...rest }) => {
-  return <View {...rest} style={[styles.vStack, style]} />;
-};
-
-const styles = StyleSheet.create({
-  vStack: {
-    flexDirection: "column",
-  },
-});
-
-export default VStack;
+import React from "react";
+import { View, ViewProps, StyleSheet } from "react-native";
+
+const VStack: React.FC<ViewProps> = ({ style, ...rest }) => {
+  return <View {...rest} style={[styles.vStack, style]} />;
+};
+
+const styles = StyleSheet.create({
+  vStack: {
+    flexDirection: "column",
+  },
+});
+
+export default VStack;

package/src/components/Layout/ZStack.tsx

@@ -1,99 +1,99 @@
-import React from "react";
-import { View, ViewProps, LayoutChangeEvent } from "react-native";
-
-interface ZStackProps extends ViewProps {
-  reversed?: boolean;
-}
-
-interface ChildSize {
-  width: number;
-  height: number;
-}
-
-const ZStack: React.FC<ZStackProps> = ({
-  reversed,
-  children,
-  style,
-  ...rest
-}) => {
-  const childSizes = React.useRef(new Map<number, ChildSize>());
-  const [maxChildWidth, setMaxChildWidth] = React.useState<number>();
-  const [maxChildHeight, setMaxChildHeight] = React.useState<number>();
-
-  const onChildLayout = React.useCallback(
-    (index: number, width: number, height: number) => {
-      childSizes.current.set(index, {
-        width,
-        height,
-      });
-
-      let maxWidth = 0;
-      let maxHeight = 0;
-
-      for (const { width, height } of childSizes.current.values()) {
-        if (width > maxWidth) {
-          maxWidth = width;
-        }
-        if (height > maxHeight) {
-          maxHeight = height;
-        }
-      }
-
-      setMaxChildWidth(maxWidth);
-      setMaxChildHeight(maxHeight);
-    },
-    [setMaxChildWidth, setMaxChildHeight]
-  );
-
-  const absoluteChildren = React.useMemo(() => {
-    let childrenArray = React.Children.toArray(
-      children
-    ) as React.ReactElement[];
-
-    if (reversed) {
-      childrenArray = childrenArray.reverse();
-    }
-
-    return childrenArray.map((child, index) => {
-      const props = child.props || {};
-      return React.cloneElement(
-        child,
-        {
-          ...props,
-          onLayout: (event: LayoutChangeEvent) => {
-            const layout = event.nativeEvent.layout;
-
-            const fullWidth = layout.x + layout.width;
-            const fullHeight = layout.y + layout.height;
-            onChildLayout(index, fullWidth, fullHeight);
-
-            props.onLayout?.(event);
-          },
-          key: index,
-          style: { position: "absolute", zIndex: index + 1, ...props.style },
-        },
-        props.children
-      );
-    });
-  }, [children, reversed, onChildLayout]);
-
-  React.useEffect(() => {
-    childSizes.current.clear();
-  }, [absoluteChildren.length]);
-
-  return (
-    <View
-      style={[
-        maxChildWidth && maxChildHeight
-          ? { width: maxChildWidth, height: maxChildHeight }
-          : {},
-        style,
-      ]}
-      {...rest}
-    >
-      {absoluteChildren}
-    </View>
-  );
-};
-
-export default ZStack;
+import React from "react";
+import { View, ViewProps, LayoutChangeEvent } from "react-native";
+
+interface ZStackProps extends ViewProps {
+  reversed?: boolean;
+}
+
+interface ChildSize {
+  width: number;
+  height: number;
+}
+
+const ZStack: React.FC<ZStackProps> = ({
+  reversed,
+  children,
+  style,
+  ...rest
+}) => {
+  const childSizes = React.useRef(new Map<number, ChildSize>());
+  const [maxChildWidth, setMaxChildWidth] = React.useState<number>();
+  const [maxChildHeight, setMaxChildHeight] = React.useState<number>();
+
+  const onChildLayout = React.useCallback(
+    (index: number, width: number, height: number) => {
+      childSizes.current.set(index, {
+        width,
+        height,
+      });
+
+      let maxWidth = 0;
+      let maxHeight = 0;
+
+      for (const { width, height } of childSizes.current.values()) {
+        if (width > maxWidth) {
+          maxWidth = width;
+        }
+        if (height > maxHeight) {
+          maxHeight = height;
+        }
+      }
+
+      setMaxChildWidth(maxWidth);
+      setMaxChildHeight(maxHeight);
+    },
+    [setMaxChildWidth, setMaxChildHeight]
+  );
+
+  const absoluteChildren = React.useMemo(() => {
+    let childrenArray = React.Children.toArray(
+      children
+    ) as React.ReactElement[];
+
+    if (reversed) {
+      childrenArray = childrenArray.reverse();
+    }
+
+    return childrenArray.map((child, index) => {
+      const props = child.props || {};
+      return React.cloneElement(
+        child,
+        {
+          ...props,
+          onLayout: (event: LayoutChangeEvent) => {
+            const layout = event.nativeEvent.layout;
+
+            const fullWidth = layout.x + layout.width;
+            const fullHeight = layout.y + layout.height;
+            onChildLayout(index, fullWidth, fullHeight);
+
+            props.onLayout?.(event);
+          },
+          key: index,
+          style: { position: "absolute", zIndex: index + 1, ...props.style },
+        },
+        props.children
+      );
+    });
+  }, [children, reversed, onChildLayout]);
+
+  React.useEffect(() => {
+    childSizes.current.clear();
+  }, [absoluteChildren.length]);
+
+  return (
+    <View
+      style={[
+        maxChildWidth && maxChildHeight
+          ? { width: maxChildWidth, height: maxChildHeight }
+          : {},
+        style,
+      ]}
+      {...rest}
+    >
+      {absoluteChildren}
+    </View>
+  );
+};
+
+export default ZStack;

package/src/components/Layout/index.tsx

@@ -1,8 +1,8 @@
-export { default as AspectRatio } from "./AspectRatio";
-export { default as Circle } from "./Circle";
-export { default as Center } from "./Center";
-export { default as HStack } from "./HStack";
-export { default as VStack } from "./VStack";
-export { default as ZStack } from "./ZStack";
-export { default as Spacer } from "./Spacer";
-export { default as Square } from "./Square";
+export { default as AspectRatio } from "./AspectRatio";
+export { default as Circle } from "./Circle";
+export { default as Center } from "./Center";
+export { default as HStack } from "./HStack";
+export { default as VStack } from "./VStack";
+export { default as ZStack } from "./ZStack";
+export { default as Spacer } from "./Spacer";
+export { default as Square } from "./Square";

package/src/components/Markdown.tsx

@@ -1,22 +1,22 @@
-import * as React from "react";
-import { StyleProp, ViewStyle, StyleSheet } from "react-native";
-import MarkdownComponent from "react-native-markdown-display";
-
-type MarkdownProps = {
-  style?: StyleProp<ViewStyle>;
-};
-
-const Markdown: React.FC<React.PropsWithChildren<MarkdownProps>> = ({
-  children,
-  style,
-}) => {
-  return (
-    //'body' style applies to all markdown components
-    //@ts-ignore TS does not like the type of this named style for some reason
-    <MarkdownComponent style={{ body: StyleSheet.flatten(style) }}>
-      {children}
-    </MarkdownComponent>
-  );
-};
-
-export default Markdown;
+import * as React from "react";
+import { StyleProp, ViewStyle, StyleSheet } from "react-native";
+import MarkdownComponent from "react-native-markdown-display";
+
+type MarkdownProps = {
+  style?: StyleProp<ViewStyle>;
+};
+
+const Markdown: React.FC<React.PropsWithChildren<MarkdownProps>> = ({
+  children,
+  style,
+}) => {
+  return (
+    //'body' style applies to all markdown components
+    //@ts-ignore TS does not like the type of this named style for some reason
+    <MarkdownComponent style={{ body: StyleSheet.flatten(style) }}>
+      {children}
+    </MarkdownComponent>
+  );
+};
+
+export default Markdown;