@draftbit/core 48.5.6 → 48.5.7-cd0364.2

package/lib/typescript/src/components/IconButton.d.ts

@@ -1,20 +1,20 @@
-import * as React from "react";
-import { StyleProp, ViewStyle, PressableProps } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-declare type Props = {
-    icon?: string;
-    color?: string;
-    size?: number;
-    disabled?: boolean;
-    loading?: boolean;
-    onPress: () => void;
-    theme: Theme;
-    style?: StyleProp<ViewStyle>;
-    activeOpacity?: number;
-    disabledOpacity?: number;
-} & PressableProps & IconSlot;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
+import * as React from "react";
+import { StyleProp, ViewStyle, PressableProps } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    icon?: string;
+    color?: string;
+    size?: number;
+    disabled?: boolean;
+    loading?: boolean;
+    onPress: () => void;
+    theme: Theme;
+    style?: StyleProp<ViewStyle>;
+    activeOpacity?: number;
+    disabledOpacity?: number;
+} & PressableProps & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/typescript/src/components/IconButton.js

@@ -1,36 +1,36 @@
-import * as React from "react";
-import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
-import { withTheme } from "../theming";
-const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
-    const iconColor = customColor || theme.colors.primary;
-    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
-            return [
-                styles.container,
-                {
-                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
-                    width: size,
-                    height: size,
-                    alignItems: "center",
-                    justifyContent: "center",
-                },
-                style,
-            ];
-        }, ...props },
-        React.createElement(View, null,
-            icon && !loading ? (React.createElement(Icon, { name: icon, size: size - 2, color: iconColor })) : null,
-            loading ? React.createElement(ActivityIndicator, { size: "small", color: iconColor }) : null)));
-};
-const styles = StyleSheet.create({
-    container: {
-        alignItems: "center",
-        justifyContent: "center",
-        ...Platform.select({
-            web: {
-                cursor: "pointer",
-                userSelect: "none",
-            },
-        }),
-    },
-});
-export default withTheme(IconButton);
+import * as React from "react";
+import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
+import { withTheme } from "../theming";
+const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
+    const iconColor = customColor || theme.colors.primary;
+    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
+            return [
+                styles.container,
+                {
+                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+                    width: size,
+                    height: size,
+                    alignItems: "center",
+                    justifyContent: "center",
+                },
+                style,
+            ];
+        }, ...props },
+        React.createElement(View, null,
+            icon && !loading ? (React.createElement(Icon, { name: icon, size: size - 2, color: iconColor })) : null,
+            loading ? React.createElement(ActivityIndicator, { size: "small", color: iconColor }) : null)));
+};
+const styles = StyleSheet.create({
+    container: {
+        alignItems: "center",
+        justifyContent: "center",
+        ...Platform.select({
+            web: {
+                cursor: "pointer",
+                userSelect: "none",
+            },
+        }),
+    },
+});
+export default withTheme(IconButton);
 //# sourceMappingURL=IconButton.js.map

package/lib/typescript/src/components/Image.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { ImageProps } from "react-native";
-declare const Image: React.FC<ImageProps>;
-export default Image;
+import React from "react";
+import { ImageProps } from "react-native";
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/lib/typescript/src/components/Image.js

@@ -1,48 +1,48 @@
-/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
-import React from "react";
-import { Image as NativeImage, StyleSheet, } from "react-native";
-import Config from "./Config";
-import AspectRatio from "./AspectRatio";
-const generateDimensions = ({ aspectRatio, width, height }) => {
-    if (aspectRatio && !width && !height) {
-        return {
-            aspectRatio,
-            width: "100%",
-        };
-    }
-    if (aspectRatio && height) {
-        return {
-            aspectRatio,
-            height,
-            width: aspectRatio * height,
-        };
-    }
-    if (aspectRatio && width) {
-        return {
-            aspectRatio,
-            width,
-            height: width / aspectRatio,
-        };
-    }
-    return { width, height };
-};
-const Image = ({ source, resizeMode = "cover", style, ...props }) => {
-    let imageSource = source === null || source === undefined
-        ? Config.placeholderImageURL
-        : source;
-    const styles = StyleSheet.flatten(style || {});
-    const { aspectRatio, width, height } = generateDimensions(styles);
-    if (aspectRatio) {
-        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },
-            React.createElement(NativeImage, { ...props, source: imageSource, resizeMode: resizeMode, style: [
-                    style,
-                    {
-                        height: "100%",
-                        width: "100%",
-                    },
-                ] })));
-    }
-    return (React.createElement(NativeImage, { ...props, source: source, resizeMode: resizeMode, style: style }));
-};
-export default Image;
+/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
+import React from "react";
+import { Image as NativeImage, StyleSheet, } from "react-native";
+import Config from "./Config";
+import AspectRatio from "./AspectRatio";
+const generateDimensions = ({ aspectRatio, width, height }) => {
+    if (aspectRatio && !width && !height) {
+        return {
+            aspectRatio,
+            width: "100%",
+        };
+    }
+    if (aspectRatio && height) {
+        return {
+            aspectRatio,
+            height,
+            width: aspectRatio * height,
+        };
+    }
+    if (aspectRatio && width) {
+        return {
+            aspectRatio,
+            width,
+            height: width / aspectRatio,
+        };
+    }
+    return { width, height };
+};
+const Image = ({ source, resizeMode = "cover", style, ...props }) => {
+    let imageSource = source === null || source === undefined
+        ? Config.placeholderImageURL
+        : source;
+    const styles = StyleSheet.flatten(style || {});
+    const { aspectRatio, width, height } = generateDimensions(styles);
+    if (aspectRatio) {
+        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },
+            React.createElement(NativeImage, { ...props, source: imageSource, resizeMode: resizeMode, style: [
+                    style,
+                    {
+                        height: "100%",
+                        width: "100%",
+                    },
+                ] })));
+    }
+    return (React.createElement(NativeImage, { ...props, source: source, resizeMode: resizeMode, style: style }));
+};
+export default Image;
 //# sourceMappingURL=Image.js.map

package/lib/typescript/src/components/Layout/AspectRatio.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { ViewProps } from "react-native";
-interface AspectRatioProps extends ViewProps {
-    aspectRatio?: number;
-}
-declare const AspectRatio: React.FC<AspectRatioProps>;
-export default AspectRatio;
+import React from "react";
+import { ViewProps } from "react-native";
+interface AspectRatioProps extends ViewProps {
+    aspectRatio?: number;
+}
+declare const AspectRatio: React.FC<AspectRatioProps>;
+export default AspectRatio;

package/lib/typescript/src/components/Layout/AspectRatio.js

@@ -1,7 +1,7 @@
-import React from "react";
-import { View } from "react-native";
-const AspectRatio = ({ aspectRatio = 1, style, ...rest }) => {
-    return React.createElement(View, { ...rest, style: [{ aspectRatio }, style] });
-};
-export default AspectRatio;
+import React from "react";
+import { View } from "react-native";
+const AspectRatio = ({ aspectRatio = 1, style, ...rest }) => {
+    return React.createElement(View, { ...rest, style: [{ aspectRatio }, style] });
+};
+export default AspectRatio;
 //# sourceMappingURL=AspectRatio.js.map

package/lib/typescript/src/components/Layout/Center.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { ViewProps } from "react-native";
-declare const Center: React.FC<ViewProps>;
-export default Center;
+import React from "react";
+import { ViewProps } from "react-native";
+declare const Center: React.FC<ViewProps>;
+export default Center;

package/lib/typescript/src/components/Layout/Center.js

@@ -1,15 +1,15 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
-const Center = ({ style, ...rest }) => {
-    const backwardsCompatibleStyle = convertBackwardCompatiblePropsToStyle(rest);
-    return (React.createElement(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, StyleSheet } from "react-native";
+import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
+const Center = ({ style, ...rest }) => {
+    const backwardsCompatibleStyle = convertBackwardCompatiblePropsToStyle(rest);
+    return (React.createElement(View, { ...rest, style: [styles.center, backwardsCompatibleStyle, style] }));
+};
+const styles = StyleSheet.create({
+    center: {
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+export default Center;
 //# sourceMappingURL=Center.js.map

package/lib/typescript/src/components/Layout/Circle.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { ViewProps } from "react-native";
-interface CircleProps extends ViewProps {
-    size?: number;
-}
-declare const Circle: React.FC<CircleProps>;
-export default Circle;
+import React from "react";
+import { ViewProps } from "react-native";
+interface CircleProps extends ViewProps {
+    size?: number;
+}
+declare const Circle: React.FC<CircleProps>;
+export default Circle;

package/lib/typescript/src/components/Layout/Circle.js

@@ -1,16 +1,16 @@
-import React from "react";
-import { StyleSheet } from "react-native";
-import Square from "./Square";
-import { pick } from "lodash";
-import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
-const Circle = ({ size, style, ...rest }) => {
-    const backwardsCompatibleStyle = pick(convertBackwardCompatiblePropsToStyle(rest), "backgroundColor");
-    return (React.createElement(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 { StyleSheet } from "react-native";
+import Square from "./Square";
+import { pick } from "lodash";
+import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
+const Circle = ({ size, style, ...rest }) => {
+    const backwardsCompatibleStyle = pick(convertBackwardCompatiblePropsToStyle(rest), "backgroundColor");
+    return (React.createElement(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;
 //# sourceMappingURL=Circle.js.map

package/lib/typescript/src/components/Layout/HStack.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { ViewProps } from "react-native";
-declare const HStack: React.FC<ViewProps>;
-export default HStack;
+import React from "react";
+import { ViewProps } from "react-native";
+declare const HStack: React.FC<ViewProps>;
+export default HStack;

package/lib/typescript/src/components/Layout/HStack.js

@@ -1,12 +1,12 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-const HStack = ({ style, ...rest }) => {
-    return React.createElement(View, { ...rest, style: [styles.hStack, style] });
-};
-const styles = StyleSheet.create({
-    hStack: {
-        flexDirection: "row",
-    },
-});
-export default HStack;
+import React from "react";
+import { View, StyleSheet } from "react-native";
+const HStack = ({ style, ...rest }) => {
+    return React.createElement(View, { ...rest, style: [styles.hStack, style] });
+};
+const styles = StyleSheet.create({
+    hStack: {
+        flexDirection: "row",
+    },
+});
+export default HStack;
 //# sourceMappingURL=HStack.js.map

package/lib/typescript/src/components/Layout/LayoutCommon.d.ts

@@ -1,15 +1,15 @@
-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 declare function convertBackwardCompatiblePropsToStyle(props: BackwardsCompatibleProps & ViewProps): ViewStyle;
-export {};
+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 declare function convertBackwardCompatiblePropsToStyle(props: BackwardsCompatibleProps & ViewProps): ViewStyle;
+export {};

package/lib/typescript/src/components/Layout/LayoutCommon.js

@@ -1,8 +1,8 @@
-export function convertBackwardCompatiblePropsToStyle(props) {
-    return {
-        width: props.width,
-        height: props.height,
-        backgroundColor: props.bgColor,
-    };
-}
+export function convertBackwardCompatiblePropsToStyle(props) {
+    return {
+        width: props.width,
+        height: props.height,
+        backgroundColor: props.bgColor,
+    };
+}
 //# sourceMappingURL=LayoutCommon.js.map

package/lib/typescript/src/components/Layout/Spacer.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface SpacerProps {
-    top?: number;
-    right?: number;
-    left?: number;
-    bottom?: number;
-    style?: StyleProp<ViewStyle>;
-}
-declare const Spacer: React.FC<SpacerProps>;
-export default Spacer;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+interface SpacerProps {
+    top?: number;
+    right?: number;
+    left?: number;
+    bottom?: number;
+    style?: StyleProp<ViewStyle>;
+}
+declare const Spacer: React.FC<SpacerProps>;
+export default Spacer;

package/lib/typescript/src/components/Layout/Spacer.js

@@ -1,15 +1,15 @@
-import React from "react";
-import { View } from "react-native";
-const Spacer = ({ top = 8, right = 8, bottom = 8, left = 8, style, }) => {
-    return (React.createElement(View, { style: [
-            style,
-            {
-                paddingRight: right,
-                paddingTop: top,
-                paddingLeft: left,
-                paddingBottom: bottom,
-            },
-        ] }));
-};
-export default Spacer;
+import React from "react";
+import { View } from "react-native";
+const Spacer = ({ top = 8, right = 8, bottom = 8, left = 8, style, }) => {
+    return (React.createElement(View, { style: [
+            style,
+            {
+                paddingRight: right,
+                paddingTop: top,
+                paddingLeft: left,
+                paddingBottom: bottom,
+            },
+        ] }));
+};
+export default Spacer;
 //# sourceMappingURL=Spacer.js.map

package/lib/typescript/src/components/Layout/Square.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { ViewProps } from "react-native";
-interface SquareProps extends ViewProps {
-    size?: number;
-}
-declare const Square: React.FC<SquareProps>;
-export default Square;
+import React from "react";
+import { ViewProps } from "react-native";
+interface SquareProps extends ViewProps {
+    size?: number;
+}
+declare const Square: React.FC<SquareProps>;
+export default Square;

package/lib/typescript/src/components/Layout/Square.js

@@ -1,25 +1,25 @@
-import React from "react";
-import Center from "./Center";
-import { pick } from "lodash";
-import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
-const Square = ({ size, style, onLayout, ...rest }) => {
-    const [calculatedSize, setCalculatedSize] = React.useState(0);
-    const backwardsCompatibleStyle = pick(convertBackwardCompatiblePropsToStyle(rest), "backgroundColor");
-    return (React.createElement(Center, { onLayout: (e) => {
-            const layout = e.nativeEvent.layout;
-            setCalculatedSize(Math.max(layout.width, layout.height));
-            onLayout === null || onLayout === void 0 ? void 0 : 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 Center from "./Center";
+import { pick } from "lodash";
+import { convertBackwardCompatiblePropsToStyle } from "./LayoutCommon";
+const Square = ({ size, style, onLayout, ...rest }) => {
+    const [calculatedSize, setCalculatedSize] = React.useState(0);
+    const backwardsCompatibleStyle = pick(convertBackwardCompatiblePropsToStyle(rest), "backgroundColor");
+    return (React.createElement(Center, { onLayout: (e) => {
+            const layout = e.nativeEvent.layout;
+            setCalculatedSize(Math.max(layout.width, layout.height));
+            onLayout === null || onLayout === void 0 ? void 0 : onLayout(e);
+        }, ...rest, style: [
+            backwardsCompatibleStyle,
+            style,
+            size != undefined ? { width: size, height: size } : {},
+            calculatedSize > 0
+                ? {
+                    width: calculatedSize,
+                    height: calculatedSize,
+                }
+                : {},
+        ] }));
+};
+export default Square;
 //# sourceMappingURL=Square.js.map

package/lib/typescript/src/components/Layout/VStack.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { ViewProps } from "react-native";
-declare const VStack: React.FC<ViewProps>;
-export default VStack;
+import React from "react";
+import { ViewProps } from "react-native";
+declare const VStack: React.FC<ViewProps>;
+export default VStack;

package/lib/typescript/src/components/Layout/VStack.js

@@ -1,12 +1,12 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-const VStack = ({ style, ...rest }) => {
-    return React.createElement(View, { ...rest, style: [styles.vStack, style] });
-};
-const styles = StyleSheet.create({
-    vStack: {
-        flexDirection: "column",
-    },
-});
-export default VStack;
+import React from "react";
+import { View, StyleSheet } from "react-native";
+const VStack = ({ style, ...rest }) => {
+    return React.createElement(View, { ...rest, style: [styles.vStack, style] });
+};
+const styles = StyleSheet.create({
+    vStack: {
+        flexDirection: "column",
+    },
+});
+export default VStack;
 //# sourceMappingURL=VStack.js.map

package/lib/typescript/src/components/Layout/ZStack.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { ViewProps } from "react-native";
-interface ZStackProps extends ViewProps {
-    reversed?: boolean;
-}
-declare const ZStack: React.FC<ZStackProps>;
-export default ZStack;
+import React from "react";
+import { ViewProps } from "react-native";
+interface ZStackProps extends ViewProps {
+    reversed?: boolean;
+}
+declare const ZStack: React.FC<ZStackProps>;
+export default ZStack;