@draftbit/core 48.5.6 → 48.5.7-cd0364.2

package/lib/typescript/src/components/DatePicker/DatePickerComponent.web.js

@@ -1,31 +1,31 @@
-import React from "react";
-import DateFnsUtils from "@date-io/date-fns";
-import { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from "@material-ui/pickers";
-import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
-import { withTheme } from "../../theming";
-import Theme from "../../styles/DefaultTheme";
-const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, minimumDate, maximumDate, theme, }) => {
-    const internalTheme = createMuiTheme({
-        palette: {
-            primary: {
-                main: theme.colors.primary || Theme.colors.primary,
-            },
-            secondary: {
-                main: theme.colors.secondary || Theme.colors.secondary,
-            },
-        },
-    });
-    const Picker = mode === "date"
-        ? DatePicker
-        : mode === "time"
-            ? TimePicker
-            : DateTimePicker;
-    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },
-        React.createElement(ThemeProvider, { theme: internalTheme },
-            React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {
-                    toggleVisibility();
-                    onChange(null, d);
-                }, onClose: () => toggleVisibility(), variant: "dialog", TextFieldComponent: () => null, minDate: minimumDate, maxDate: maximumDate }))));
-};
-export default withTheme(DatePickerComponent);
+import React from "react";
+import DateFnsUtils from "@date-io/date-fns";
+import { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from "@material-ui/pickers";
+import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
+import { withTheme } from "../../theming";
+import Theme from "../../styles/DefaultTheme";
+const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, minimumDate, maximumDate, theme, }) => {
+    const internalTheme = createMuiTheme({
+        palette: {
+            primary: {
+                main: theme.colors.primary || Theme.colors.primary,
+            },
+            secondary: {
+                main: theme.colors.secondary || Theme.colors.secondary,
+            },
+        },
+    });
+    const Picker = mode === "date"
+        ? DatePicker
+        : mode === "time"
+            ? TimePicker
+            : DateTimePicker;
+    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },
+        React.createElement(ThemeProvider, { theme: internalTheme },
+            React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {
+                    toggleVisibility();
+                    onChange(null, d);
+                }, onClose: () => toggleVisibility(), variant: "dialog", TextFieldComponent: () => null, minDate: minimumDate, maxDate: maximumDate }))));
+};
+export default withTheme(DatePickerComponent);
 //# sourceMappingURL=DatePickerComponent.web.js.map

package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts

@@ -1,11 +1,11 @@
-import theme from "../../styles/DefaultTheme";
-export interface DatePickerComponentProps {
-    value: Date;
-    onChange: (e: any, data?: any) => void;
-    mode: "date" | "time" | "datetime";
-    toggleVisibility: () => void;
-    isVisible?: boolean;
-    minimumDate?: Date;
-    maximumDate?: Date;
-    theme?: typeof theme;
-}
+import theme from "../../styles/DefaultTheme";
+export interface DatePickerComponentProps {
+    value: Date;
+    onChange: (e: any, data?: any) => void;
+    mode: "date" | "time" | "datetime";
+    toggleVisibility: () => void;
+    isVisible?: boolean;
+    minimumDate?: Date;
+    maximumDate?: Date;
+    theme?: typeof theme;
+}

package/lib/typescript/src/components/DatePicker/DatePickerComponentType.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=DatePickerComponentType.js.map

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

@@ -1,27 +1,27 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-export interface DeckSwiperProps<T> {
-    onStartSwipe?: () => void;
-    onEndSwipe?: () => void;
-    onSwipe?: (index: number) => void;
-    onSwipedLeft?: (index: number) => void;
-    onSwipedRight?: (index: number) => void;
-    onSwipedUp?: (index: number) => void;
-    onSwipedDown?: (index: number) => void;
-    onIndexChanged?: (index: number) => void;
-    onEndReached?: () => void;
-    startCardIndex?: number;
-    infiniteSwiping?: boolean;
-    verticalEnabled?: boolean;
-    horizontalEnabled?: boolean;
-    visibleCardCount?: number;
-    data?: Array<T>;
-    keyExtractor?: (item: T) => string;
-    renderItem?: ({ item, index }: {
-        item: T;
-        index: number;
-    }) => JSX.Element;
-    style?: StyleProp<ViewStyle>;
-}
-declare const DeckSwiper: <T extends object>({ onStartSwipe, onEndSwipe, onSwipe, onSwipedLeft, onSwipedRight, onSwipedUp, onSwipedDown, onIndexChanged, onEndReached, startCardIndex, infiniteSwiping, verticalEnabled, horizontalEnabled, visibleCardCount, data, keyExtractor, renderItem, style, children, }: React.PropsWithChildren<DeckSwiperProps<T>>) => JSX.Element;
-export default DeckSwiper;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface DeckSwiperProps<T> {
+    onStartSwipe?: () => void;
+    onEndSwipe?: () => void;
+    onSwipe?: (index: number) => void;
+    onSwipedLeft?: (index: number) => void;
+    onSwipedRight?: (index: number) => void;
+    onSwipedUp?: (index: number) => void;
+    onSwipedDown?: (index: number) => void;
+    onIndexChanged?: (index: number) => void;
+    onEndReached?: () => void;
+    startCardIndex?: number;
+    infiniteSwiping?: boolean;
+    verticalEnabled?: boolean;
+    horizontalEnabled?: boolean;
+    visibleCardCount?: number;
+    data?: Array<T>;
+    keyExtractor?: (item: T) => string;
+    renderItem?: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => JSX.Element;
+    style?: StyleProp<ViewStyle>;
+}
+declare const DeckSwiper: <T extends object>({ onStartSwipe, onEndSwipe, onSwipe, onSwipedLeft, onSwipedRight, onSwipedUp, onSwipedDown, onIndexChanged, onEndReached, startCardIndex, infiniteSwiping, verticalEnabled, horizontalEnabled, visibleCardCount, data, keyExtractor, renderItem, style, children, }: React.PropsWithChildren<DeckSwiperProps<T>>) => JSX.Element;
+export default DeckSwiper;

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

@@ -1,91 +1,91 @@
-import React from "react";
-import { StyleSheet, View } from "react-native";
-import DeckSwiperComponent from "react-native-deck-swiper";
-const DeckSwiper = ({ onStartSwipe, onEndSwipe, onSwipe, onSwipedLeft, onSwipedRight, onSwipedUp, onSwipedDown, onIndexChanged, onEndReached, startCardIndex = 0, infiniteSwiping = false, verticalEnabled = true, horizontalEnabled = true, visibleCardCount = 1, data, keyExtractor, renderItem, style, children, }) => {
-    //Both 'renderItem' and 'data' are optional to allow direct children. But if one is included, both need to be included
-    if ((data && !renderItem) || (renderItem && !data)) {
-        throw new Error("'renderItem' and 'data' need to both be provided to lazily render. Either remove them entirley or include both");
-    }
-    if (data && renderItem && children) {
-        console.warn("'children' of DeckSwiper ignored due to usage of 'data' and 'renderItem'");
-    }
-    const deckSwiperRef = React.useRef(null);
-    const childrenArray = React.useMemo(() => React.Children.toArray(children), [children]);
-    // an array of indices based on children count
-    const cardsFillerData = React.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
-    const cardsData = Array.isArray(data) ? data : cardsFillerData;
-    const renderCard = (card, index) => {
-        if (renderItem) {
-            return renderItem({ item: card, index });
-        }
-        else {
-            return React.createElement(React.Fragment, null, childrenArray[index]);
-        }
-    };
-    const renderFirstCard = () => {
-        if (cardsData.length) {
-            return renderCard(cardsData[0], 0);
-        }
-        return undefined;
-    };
-    const cardKeyExtractor = (card) => {
-        if (keyExtractor) {
-            return keyExtractor(card);
-        }
-        else {
-            return card === null || card === void 0 ? void 0 : card.toString();
-        }
-    };
-    /*
-    react-native-deck-swiper does not re-render cards when parent state changes
-    This forces an update on every re-render to reflect any parent state changes
-    */
-    React.useEffect(() => {
-        var _a;
-        (_a = deckSwiperRef.current) === null || _a === void 0 ? void 0 : _a.forceUpdate();
-    });
-    /**
-     * By default react-native-deck-swiper positions everything with absolute position.
-     * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
-     *
-     *
-     * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
-     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
-     * This effectivley makes the default height of the container be the height of the first card.
-     */
-    return (React.createElement(View, null,
-        React.createElement(View, { style: styles.containerHeightFiller }, renderFirstCard()),
-        React.createElement(DeckSwiperComponent, { ref: deckSwiperRef, cards: cardsData, renderCard: renderCard, keyExtractor: cardKeyExtractor, containerStyle: StyleSheet.flatten([styles.cardsContainer, style]), cardStyle: styles.card, onSwiped: onIndexChanged, onSwipedAll: onEndReached, cardIndex: startCardIndex, infinite: infiniteSwiping, verticalSwipe: verticalEnabled, horizontalSwipe: horizontalEnabled, showSecondCard: visibleCardCount > 1, stackSize: visibleCardCount, backgroundColor: "transparent", cardVerticalMargin: 0, cardHorizontalMargin: 0, onSwipedLeft: (index) => {
-                onSwipedLeft === null || onSwipedLeft === void 0 ? void 0 : onSwipedLeft(index);
-                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
-            }, onSwipedRight: (index) => {
-                onSwipedRight === null || onSwipedRight === void 0 ? void 0 : onSwipedRight(index);
-                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
-            }, onSwipedTop: (index) => {
-                onSwipedUp === null || onSwipedUp === void 0 ? void 0 : onSwipedUp(index);
-                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
-            }, onSwipedBottom: (index) => {
-                onSwipedDown === null || onSwipedDown === void 0 ? void 0 : onSwipedDown(index);
-                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
-            }, 
-            //@ts-ignore Not typed, but is implemented and works
-            dragStart: onStartSwipe, 
-            //@ts-ignore
-            dragEnd: onEndSwipe })));
-};
-const styles = StyleSheet.create({
-    cardsContainer: {
-        position: "absolute",
-    },
-    card: {
-        left: 0,
-        right: 0,
-        width: "auto",
-        height: "auto",
-    },
-    containerHeightFiller: {
-        opacity: 0.0,
-    },
-});
-export default DeckSwiper;
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import DeckSwiperComponent from "react-native-deck-swiper";
+const DeckSwiper = ({ onStartSwipe, onEndSwipe, onSwipe, onSwipedLeft, onSwipedRight, onSwipedUp, onSwipedDown, onIndexChanged, onEndReached, startCardIndex = 0, infiniteSwiping = false, verticalEnabled = true, horizontalEnabled = true, visibleCardCount = 1, data, keyExtractor, renderItem, style, children, }) => {
+    //Both 'renderItem' and 'data' are optional to allow direct children. But if one is included, both need to be included
+    if ((data && !renderItem) || (renderItem && !data)) {
+        throw new Error("'renderItem' and 'data' need to both be provided to lazily render. Either remove them entirley or include both");
+    }
+    if (data && renderItem && children) {
+        console.warn("'children' of DeckSwiper ignored due to usage of 'data' and 'renderItem'");
+    }
+    const deckSwiperRef = React.useRef(null);
+    const childrenArray = React.useMemo(() => React.Children.toArray(children), [children]);
+    // an array of indices based on children count
+    const cardsFillerData = React.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
+    const cardsData = Array.isArray(data) ? data : cardsFillerData;
+    const renderCard = (card, index) => {
+        if (renderItem) {
+            return renderItem({ item: card, index });
+        }
+        else {
+            return React.createElement(React.Fragment, null, childrenArray[index]);
+        }
+    };
+    const renderFirstCard = () => {
+        if (cardsData.length) {
+            return renderCard(cardsData[0], 0);
+        }
+        return undefined;
+    };
+    const cardKeyExtractor = (card) => {
+        if (keyExtractor) {
+            return keyExtractor(card);
+        }
+        else {
+            return card === null || card === void 0 ? void 0 : card.toString();
+        }
+    };
+    /*
+    react-native-deck-swiper does not re-render cards when parent state changes
+    This forces an update on every re-render to reflect any parent state changes
+    */
+    React.useEffect(() => {
+        var _a;
+        (_a = deckSwiperRef.current) === null || _a === void 0 ? void 0 : _a.forceUpdate();
+    });
+    /**
+     * By default react-native-deck-swiper positions everything with absolute position.
+     * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
+     *
+     *
+     * Since all children of that View are absolutley positioned, the View does not have a height and still looks and behaves weird.
+     * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
+     * This effectivley makes the default height of the container be the height of the first card.
+     */
+    return (React.createElement(View, null,
+        React.createElement(View, { style: styles.containerHeightFiller }, renderFirstCard()),
+        React.createElement(DeckSwiperComponent, { ref: deckSwiperRef, cards: cardsData, renderCard: renderCard, keyExtractor: cardKeyExtractor, containerStyle: StyleSheet.flatten([styles.cardsContainer, style]), cardStyle: styles.card, onSwiped: onIndexChanged, onSwipedAll: onEndReached, cardIndex: startCardIndex, infinite: infiniteSwiping, verticalSwipe: verticalEnabled, horizontalSwipe: horizontalEnabled, showSecondCard: visibleCardCount > 1, stackSize: visibleCardCount, backgroundColor: "transparent", cardVerticalMargin: 0, cardHorizontalMargin: 0, onSwipedLeft: (index) => {
+                onSwipedLeft === null || onSwipedLeft === void 0 ? void 0 : onSwipedLeft(index);
+                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
+            }, onSwipedRight: (index) => {
+                onSwipedRight === null || onSwipedRight === void 0 ? void 0 : onSwipedRight(index);
+                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
+            }, onSwipedTop: (index) => {
+                onSwipedUp === null || onSwipedUp === void 0 ? void 0 : onSwipedUp(index);
+                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
+            }, onSwipedBottom: (index) => {
+                onSwipedDown === null || onSwipedDown === void 0 ? void 0 : onSwipedDown(index);
+                onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(index);
+            }, 
+            //@ts-ignore Not typed, but is implemented and works
+            dragStart: onStartSwipe, 
+            //@ts-ignore
+            dragEnd: onEndSwipe })));
+};
+const styles = StyleSheet.create({
+    cardsContainer: {
+        position: "absolute",
+    },
+    card: {
+        left: 0,
+        right: 0,
+        width: "auto",
+        height: "auto",
+    },
+    containerHeightFiller: {
+        opacity: 0.0,
+    },
+});
+export default DeckSwiper;
 //# sourceMappingURL=DeckSwiper.js.map

package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../../styles/DefaultTheme";
-export interface DeckSwiperCardProps {
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-}
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<DeckSwiperCardProps>, "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<DeckSwiperCardProps>> & React.FC<React.PropsWithChildren<DeckSwiperCardProps>>, {}>;
-export default _default;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../../styles/DefaultTheme";
+export interface DeckSwiperCardProps {
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<DeckSwiperCardProps>, "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<DeckSwiperCardProps>> & React.FC<React.PropsWithChildren<DeckSwiperCardProps>>, {}>;
+export default _default;

package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.js

@@ -1,21 +1,21 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import { withTheme } from "../../theming";
-const DeckSwiperCard = ({ style, children, theme }) => (React.createElement(View, { style: [
-        styles.card,
-        {
-            backgroundColor: theme.colors.background,
-            borderColor: theme.colors.divider,
-        },
-        style,
-    ] }, children));
-const styles = StyleSheet.create({
-    card: {
-        alignItems: "center",
-        justifyContent: "center",
-        padding: 20,
-        borderWidth: 2,
-    },
-});
-export default withTheme(DeckSwiperCard);
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { withTheme } from "../../theming";
+const DeckSwiperCard = ({ style, children, theme }) => (React.createElement(View, { style: [
+        styles.card,
+        {
+            backgroundColor: theme.colors.background,
+            borderColor: theme.colors.divider,
+        },
+        style,
+    ] }, children));
+const styles = StyleSheet.create({
+    card: {
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 20,
+        borderWidth: 2,
+    },
+});
+export default withTheme(DeckSwiperCard);
 //# sourceMappingURL=DeckSwiperCard.js.map

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

@@ -1,2 +1,2 @@
-export { default as DeckSwiper } from "./DeckSwiper";
-export { default as DeckSwiperCard } from "./DeckSwiperCard";
+export { default as DeckSwiper } from "./DeckSwiper";
+export { default as DeckSwiperCard } from "./DeckSwiperCard";

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

@@ -1,3 +1,3 @@
-export { default as DeckSwiper } from "./DeckSwiper";
-export { default as DeckSwiperCard } from "./DeckSwiperCard";
+export { default as DeckSwiper } from "./DeckSwiper";
+export { default as DeckSwiperCard } from "./DeckSwiperCard";
 //# sourceMappingURL=index.js.map

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

@@ -1,12 +1,12 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import theme from "../styles/DefaultTheme";
-declare type Props = {
-    style?: StyleProp<ViewStyle>;
-    color?: string;
-    theme: typeof theme;
-};
-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 } from "react-native";
+import theme from "../styles/DefaultTheme";
+declare type Props = {
+    style?: StyleProp<ViewStyle>;
+    color?: string;
+    theme: typeof theme;
+};
+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/Divider.js

@@ -1,14 +1,14 @@
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { withTheme } from "../theming";
-const Divider = ({ style, color, theme: { colors }, ...rest }) => {
-    return (React.createElement(View, { style: [
-            {
-                backgroundColor: color || colors.divider,
-                height: StyleSheet.hairlineWidth,
-            },
-            style,
-        ], ...rest }));
-};
-export default withTheme(Divider);
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { withTheme } from "../theming";
+const Divider = ({ style, color, theme: { colors }, ...rest }) => {
+    return (React.createElement(View, { style: [
+            {
+                backgroundColor: color || colors.divider,
+                height: StyleSheet.hairlineWidth,
+            },
+            style,
+        ], ...rest }));
+};
+export default withTheme(Divider);
 //# sourceMappingURL=Divider.js.map

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

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { ViewProps, StyleProp, ViewStyle } from "react-native";
-import type { Theme } from "../styles/DefaultTheme";
-declare type Props = {
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-} & ViewProps;
-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 { ViewProps, StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+declare type Props = {
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & ViewProps;
+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/Elevation.js

@@ -1,21 +1,21 @@
-import * as React from "react";
-import { Animated, StyleSheet, View, } from "react-native";
-import shadow from "../styles/shadow";
-import { withTheme } from "../theming";
-/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
-const Elevation = ({ style, theme, children, ...rest }) => {
-    const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};
-    const { colors } = theme;
-    const borderRadius = radius;
-    return (React.createElement(Animated.View, { ...rest, style: [
-            {
-                borderRadius,
-                backgroundColor: colors.surface,
-            },
-            elevation ? shadow(elevation) : null,
-            style,
-        ] },
-        React.createElement(View, { style: { overflow: "hidden", borderRadius } }, children)));
-};
-export default withTheme(Elevation);
+import * as React from "react";
+import { Animated, StyleSheet, View, } from "react-native";
+import shadow from "../styles/shadow";
+import { withTheme } from "../theming";
+/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
+const Elevation = ({ style, theme, children, ...rest }) => {
+    const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};
+    const { colors } = theme;
+    const borderRadius = radius;
+    return (React.createElement(Animated.View, { ...rest, style: [
+            {
+                borderRadius,
+                backgroundColor: colors.surface,
+            },
+            elevation ? shadow(elevation) : null,
+            style,
+        ] },
+        React.createElement(View, { style: { overflow: "hidden", borderRadius } }, children)));
+};
+export default withTheme(Elevation);
 //# sourceMappingURL=Elevation.js.map

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

@@ -1,13 +1,13 @@
-import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import { RowDirection } from "@draftbit/types";
-declare type Props = {
-    disabled?: boolean;
-    label: string;
-    direction: RowDirection;
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    onPress: () => void;
-};
-export default function FormRow({ disabled, direction, children, label, style, onPress, ...rest }: Props): JSX.Element;
-export {};
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { RowDirection } from "@draftbit/types";
+declare type Props = {
+    disabled?: boolean;
+    label: string;
+    direction: RowDirection;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onPress: () => void;
+};
+export default function FormRow({ disabled, direction, children, label, style, onPress, ...rest }: Props): JSX.Element;
+export {};

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

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