@draftbit/core 48.5.6 → 48.5.7-cd0364.2

package/lib/typescript/src/components/ActionSheet/ActionSheetItem.js

@@ -1,31 +1,31 @@
-import React from "react";
-import { Text, StyleSheet, TouchableOpacity, } from "react-native";
-import { extractStyles } from "../../utilities";
-const ActionSheetItem = ({ label, style, color, onPress, }) => {
-    const { textStyles, viewStyles } = extractStyles(style);
-    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
-        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
-};
-const styles = StyleSheet.create({
-    wrapper: {
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: "#CCCCCC",
-        backgroundColor: "#F1F1F1",
-        minHeight: 50,
-        overflow: "hidden",
-        display: "flex",
-        justifyContent: "center",
-    },
-    label: {
-        fontSize: 16,
-        textAlign: "center",
-        color: "#0A84FF",
-        fontWeight: "500",
-        overflow: "hidden",
-        paddingHorizontal: 20,
-        paddingVertical: 10,
-        alignSelf: "center",
-    },
-});
-export default ActionSheetItem;
+import React from "react";
+import { Text, StyleSheet, TouchableOpacity, } from "react-native";
+import { extractStyles } from "../../utilities";
+const ActionSheetItem = ({ label, style, color, onPress, }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
+        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: "#CCCCCC",
+        backgroundColor: "#F1F1F1",
+        minHeight: 50,
+        overflow: "hidden",
+        display: "flex",
+        justifyContent: "center",
+    },
+    label: {
+        fontSize: 16,
+        textAlign: "center",
+        color: "#0A84FF",
+        fontWeight: "500",
+        overflow: "hidden",
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        alignSelf: "center",
+    },
+});
+export default ActionSheetItem;
 //# sourceMappingURL=ActionSheetItem.js.map

package/lib/typescript/src/components/ActionSheet/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ActionSheet } from "./ActionSheet";
-export { default as ActionSheetItem } from "./ActionSheetItem";
-export { default as ActionSheetCancel } from "./ActionSheetCancel";
+export { default as ActionSheet } from "./ActionSheet";
+export { default as ActionSheetItem } from "./ActionSheetItem";
+export { default as ActionSheetCancel } from "./ActionSheetCancel";

package/lib/typescript/src/components/ActionSheet/index.js

@@ -1,4 +1,4 @@
-export { default as ActionSheet } from "./ActionSheet";
-export { default as ActionSheetItem } from "./ActionSheetItem";
-export { default as ActionSheetCancel } from "./ActionSheetCancel";
+export { default as ActionSheet } from "./ActionSheet";
+export { default as ActionSheetItem } from "./ActionSheetItem";
+export { default as ActionSheetCancel } from "./ActionSheetCancel";
 //# sourceMappingURL=index.js.map

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

@@ -1,8 +1,8 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-declare type Props = {
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-};
-declare const AspectRatio: React.FC<React.PropsWithChildren<Props>>;
-export default AspectRatio;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+declare const AspectRatio: React.FC<React.PropsWithChildren<Props>>;
+export default AspectRatio;

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

@@ -1,19 +1,19 @@
-import React from "react";
-import { View, StyleSheet, } from "react-native";
-const AspectRatio = (props) => {
-    const [layout, setLayout] = React.useState(null);
-    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
-    const style = [inputStyle, { aspectRatio }];
-    if (layout) {
-        const { width = 0, height = 0 } = layout;
-        if (width === 0) {
-            style.push({ width: height * (1 / +aspectRatio), height });
-        }
-        else {
-            style.push({ width, height: width * (1 / +aspectRatio) });
-        }
-    }
-    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
-};
-export default AspectRatio;
+import React from "react";
+import { View, StyleSheet, } from "react-native";
+const AspectRatio = (props) => {
+    const [layout, setLayout] = React.useState(null);
+    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
+    const style = [inputStyle, { aspectRatio }];
+    if (layout) {
+        const { width = 0, height = 0 } = layout;
+        if (width === 0) {
+            style.push({ width: height * (1 / +aspectRatio), height });
+        }
+        else {
+            style.push({ width, height: width * (1 / +aspectRatio) });
+        }
+    }
+    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
+};
+export default AspectRatio;
 //# sourceMappingURL=AspectRatio.js.map

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

@@ -1,28 +1,28 @@
-import React from "react";
-import { StyleProp, ViewStyle, ScrollViewProps } from "react-native";
-import BottomSheetComponent from "./BottomSheetComponent";
-import type { Theme } from "../../styles/DefaultTheme";
-declare type SnapPosition = "top" | "middle" | "bottom";
-export interface BottomSheetProps extends ScrollViewProps {
-    topSnapPosition?: string | number;
-    middleSnapPosition?: string | number;
-    bottomSnapPosition?: string | number;
-    snapPoints?: (string | number)[];
-    initialSnapIndex?: number;
-    initialSnapPosition?: SnapPosition;
-    enableOverScroll?: boolean;
-    friction?: number;
-    topInset?: number;
-    showHandle?: boolean;
-    handleColor?: string;
-    topBorderRadius?: number;
-    borderWidth?: number;
-    borderColor?: string;
-    onSettle?: (index: number) => void;
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-}
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<BottomSheetProps & React.RefAttributes<BottomSheetComponent<any>>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<BottomSheetProps & React.RefAttributes<BottomSheetComponent<any>>> & React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetComponent<any>>>, {}>;
-export default _default;
+import React from "react";
+import { StyleProp, ViewStyle, ScrollViewProps } from "react-native";
+import BottomSheetComponent from "./BottomSheetComponent";
+import type { Theme } from "../../styles/DefaultTheme";
+declare type SnapPosition = "top" | "middle" | "bottom";
+export interface BottomSheetProps extends ScrollViewProps {
+    topSnapPosition?: string | number;
+    middleSnapPosition?: string | number;
+    bottomSnapPosition?: string | number;
+    snapPoints?: (string | number)[];
+    initialSnapIndex?: number;
+    initialSnapPosition?: SnapPosition;
+    enableOverScroll?: boolean;
+    friction?: number;
+    topInset?: number;
+    showHandle?: boolean;
+    handleColor?: string;
+    topBorderRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    onSettle?: (index: number) => void;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<BottomSheetProps & React.RefAttributes<BottomSheetComponent<any>>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<BottomSheetProps & React.RefAttributes<BottomSheetComponent<any>>> & React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetComponent<any>>>, {}>;
+export default _default;

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

@@ -1,72 +1,72 @@
-import React from "react";
-import { StyleSheet, View, } from "react-native";
-import BottomSheetComponent from "./BottomSheetComponent";
-import { withTheme } from "../../theming";
-const BottomSheet = React.forwardRef(({ theme, snapPoints: snapPointsProp, topSnapPosition = "10%", middleSnapPosition = "50%", bottomSnapPosition = "80%", initialSnapIndex, initialSnapPosition = "bottom", showHandle = true, handleColor = theme.colors.divider, topBorderRadius = 20, borderWidth = 1, borderColor = theme.colors.divider, onSettle, style, children, ...rest }, ref) => {
-    const backgroundColor = (style === null || style === void 0 ? void 0 : style.backgroundColor) || theme.colors.background;
-    const snapPoints = snapPointsProp || [
-        topSnapPosition,
-        middleSnapPosition,
-        bottomSnapPosition,
-    ];
-    const getSnapIndexFromPosition = (position) => {
-        switch (position) {
-            case "top":
-                return 0;
-            case "middle":
-                return 1;
-            case "bottom":
-                return 2;
-        }
-    };
-    return (React.createElement(View, { style: styles.parentContainer, pointerEvents: "box-none" },
-        React.createElement(BottomSheetComponent, { ref: ref, componentType: "ScrollView", snapPoints: snapPoints, initialSnapIndex: initialSnapIndex !== null && initialSnapIndex !== void 0 ? initialSnapIndex : getSnapIndexFromPosition(initialSnapPosition), renderHandle: () => (React.createElement(React.Fragment, null, showHandle && (React.createElement(View, { style: [
-                    styles.handleContainer,
-                    {
-                        backgroundColor,
-                        borderTopLeftRadius: topBorderRadius,
-                        borderTopRightRadius: topBorderRadius,
-                    },
-                ] },
-                React.createElement(View, { style: [styles.handle, { backgroundColor: handleColor }] }))))), contentContainerStyle: [styles.contentContainerStyle, style], containerStyle: StyleSheet.flatten([
-                styles.containerStyle,
-                {
-                    backgroundColor,
-                    borderTopLeftRadius: topBorderRadius,
-                    borderTopRightRadius: topBorderRadius,
-                    borderWidth,
-                    borderColor,
-                },
-            ]), onSettle: onSettle, ...rest }, children)));
-});
-const styles = StyleSheet.create({
-    //Render on top of everything
-    parentContainer: {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        top: 0,
-        bottom: 0,
-        zIndex: 10,
-        overflow: "hidden",
-    },
-    contentContainerStyle: {
-        paddingHorizontal: 16,
-        paddingVertical: 10,
-    },
-    containerStyle: {
-        flex: 1,
-        overflow: "hidden",
-    },
-    handleContainer: {
-        alignItems: "center",
-        paddingVertical: 20,
-    },
-    handle: {
-        width: 40,
-        height: 2,
-        borderRadius: 4,
-    },
-});
-export default withTheme(BottomSheet);
+import React from "react";
+import { StyleSheet, View, } from "react-native";
+import BottomSheetComponent from "./BottomSheetComponent";
+import { withTheme } from "../../theming";
+const BottomSheet = React.forwardRef(({ theme, snapPoints: snapPointsProp, topSnapPosition = "10%", middleSnapPosition = "50%", bottomSnapPosition = "80%", initialSnapIndex, initialSnapPosition = "bottom", showHandle = true, handleColor = theme.colors.divider, topBorderRadius = 20, borderWidth = 1, borderColor = theme.colors.divider, onSettle, style, children, ...rest }, ref) => {
+    const backgroundColor = (style === null || style === void 0 ? void 0 : style.backgroundColor) || theme.colors.background;
+    const snapPoints = snapPointsProp || [
+        topSnapPosition,
+        middleSnapPosition,
+        bottomSnapPosition,
+    ];
+    const getSnapIndexFromPosition = (position) => {
+        switch (position) {
+            case "top":
+                return 0;
+            case "middle":
+                return 1;
+            case "bottom":
+                return 2;
+        }
+    };
+    return (React.createElement(View, { style: styles.parentContainer, pointerEvents: "box-none" },
+        React.createElement(BottomSheetComponent, { ref: ref, componentType: "ScrollView", snapPoints: snapPoints, initialSnapIndex: initialSnapIndex !== null && initialSnapIndex !== void 0 ? initialSnapIndex : getSnapIndexFromPosition(initialSnapPosition), renderHandle: () => (React.createElement(React.Fragment, null, showHandle && (React.createElement(View, { style: [
+                    styles.handleContainer,
+                    {
+                        backgroundColor,
+                        borderTopLeftRadius: topBorderRadius,
+                        borderTopRightRadius: topBorderRadius,
+                    },
+                ] },
+                React.createElement(View, { style: [styles.handle, { backgroundColor: handleColor }] }))))), contentContainerStyle: [styles.contentContainerStyle, style], containerStyle: StyleSheet.flatten([
+                styles.containerStyle,
+                {
+                    backgroundColor,
+                    borderTopLeftRadius: topBorderRadius,
+                    borderTopRightRadius: topBorderRadius,
+                    borderWidth,
+                    borderColor,
+                },
+            ]), onSettle: onSettle, ...rest }, children)));
+});
+const styles = StyleSheet.create({
+    //Render on top of everything
+    parentContainer: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        zIndex: 10,
+        overflow: "hidden",
+    },
+    contentContainerStyle: {
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+    },
+    containerStyle: {
+        flex: 1,
+        overflow: "hidden",
+    },
+    handleContainer: {
+        alignItems: "center",
+        paddingVertical: 20,
+    },
+    handle: {
+        width: 40,
+        height: 2,
+        borderRadius: 4,
+    },
+});
+export default withTheme(BottomSheet);
 //# sourceMappingURL=BottomSheet.js.map