@draftbit/core 47.2.13-f38301.2 → 47.2.14-9580d7.2

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

@@ -0,0 +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);
+//# sourceMappingURL=DatePickerComponent.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerComponent.web.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePickerComponent.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,mBAAmB,GAA8C,CAAC,EACtE,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,WAAW,EACX,KAAK,GACN,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,cAAc,CAAC;QACnC,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;aACnD;YACD,SAAS,EAAE;gBACT,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS;aACvD;SACF;KACF,CAAC,CAAC;IAEH,MAAM,MAAM,GACV,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,IAAI,KAAK,MAAM;YACjB,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,cAAc,CAAC;IAErB,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,YAAY;QAC1C,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa;YACjC,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,gBAAgB,EAAE,CAAC;oBACnB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACpB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EACjC,OAAO,EAAC,QAAQ,EAChB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,EAC9B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,GACpB,CACY,CACQ,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerComponentType.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePickerComponentType.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface DeckSwiperProps<T> {
+    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>({ 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/src/components/DeckSwiper/DeckSwiper.js

@@ -0,0 +1,78 @@
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import DeckSwiperComponent from "react-native-deck-swiper";
+const DeckSwiper = ({ 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 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 = 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();
+        }
+    };
+    /**
+     * 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, { 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);
+            } })));
+};
+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/src/components/DeckSwiper/DeckSwiper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeckSwiper.js","sourceRoot":"","sources":["../../../../src/components/DeckSwiper/DeckSwiper.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +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;

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

@@ -0,0 +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);
+//# sourceMappingURL=DeckSwiperCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeckSwiperCard.js","sourceRoot":"","sources":["../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,MAAM,cAAc,GAEhB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,IAAI,IACH,KAAK,EAAE;QACL,MAAM,CAAC,IAAI;QACX;YACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAClC;QACD,KAAK;KACN,IAEA,QAAQ,CACJ,CACR,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DeckSwiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/src/components/DeprecatedButton.d.ts

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, PressableProps } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+/**
+ * A button is component that the user can press to trigger an action.
+ *
+ * <div class="screenshots">
+ *   <figure>
+ *     <img src="screenshots/button-1.png" />
+ *     <figcaption>Text button</figcaption>
+ *   </figure>
+ *   <figure>
+ *     <img src="screenshots/button-2.png" />
+ *     <figcaption>Outlined button</figcaption>
+ *   </figure>
+ *   <figure>
+ *     <img src="screenshots/button-3.png" />
+ *     <figcaption>Contained button</figcaption>
+ *   </figure>
+ * </div>
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { Button } from '@draftbit/ui';
+ *
+ * const MyComponent = () => (
+ *   <Button icon="add-a-photo" type="solid" onPress={() => console.log('Pressed')}>
+ *     Press me
+ *   </Button>
+ * );
+ *
+ * export default MyComponent;
+ * ```
+ */
+declare type Props = {
+    disabled?: boolean;
+    type?: "solid" | "outline" | "text";
+    loading?: boolean;
+    icon?: string;
+    labelColor?: string;
+    color?: string;
+    children?: React.ReactNode;
+    onPress: () => void;
+    elevation?: number;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & 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/src/components/DeprecatedButton.js

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { ActivityIndicator, View, Text, StyleSheet, Pressable, } from "react-native";
+import color from "color";
+import Config from "./Config";
+import Elevation from "./Elevation";
+import { withTheme } from "../theming";
+const Button = ({ Icon, icon, disabled = false, type = "solid", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {
+    let backgroundColor, borderColor, textColor, borderWidth;
+    const buttonColor = colorOverride || colors.primary;
+    if (type === "solid") {
+        backgroundColor = buttonColor;
+        if (disabled) {
+            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = labelColor || colors.surface;
+        }
+    }
+    else {
+        backgroundColor = "transparent";
+        if (disabled) {
+            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = labelColor || buttonColor;
+        }
+    }
+    if (type === "outline") {
+        if (disabled) {
+            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            borderColor = buttonColor;
+        }
+        borderWidth = StyleSheet.hairlineWidth;
+    }
+    else {
+        borderColor = "transparent";
+        borderWidth = 0;
+    }
+    const buttonStyle = {
+        backgroundColor,
+        borderColor,
+        borderWidth,
+        borderRadius: roundness,
+    };
+    const textStyle = {
+        textAlign: "center",
+        color: textColor,
+        marginVertical: 16,
+        marginHorizontal: 16,
+    };
+    const iconStyle = [
+        styles.icon,
+        {
+            marginLeft: 16,
+            marginRight: -8,
+            width: Config.buttonIconSize,
+        },
+    ];
+    return (React.createElement(Elevation, { style: { elevation, alignSelf: "stretch" } },
+        React.createElement(Pressable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: "button", disabled: disabled || loading, style: [styles.button, buttonStyle] },
+            React.createElement(View, { style: styles.content },
+                icon && loading !== true ? (React.createElement(View, { style: iconStyle },
+                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,
+                loading ? (React.createElement(ActivityIndicator, { size: "small", color: textColor, style: iconStyle })) : null,
+                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));
+};
+const styles = StyleSheet.create({
+    button: {
+        minWidth: 64,
+        borderStyle: "solid",
+    },
+    content: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    icon: {
+        width: Config.buttonIconSize,
+    },
+});
+export default withTheme(Button);
+//# sourceMappingURL=DeprecatedButton.js.map

package/lib/src/components/DeprecatedButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedButton.js","sourceRoot":"","sources":["../../../src/components/DeprecatedButton.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/DeprecatedCardWrapper.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import theme from "../styles/DefaultTheme";
+declare type Props = {
+    numColumns?: number;
+    children?: React.ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+    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/src/components/DeprecatedCardWrapper.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { withTheme } from "../theming";
+import Touchable from "./Touchable";
+const getWidth = (numColumns) => {
+    switch (numColumns) {
+        case 1:
+            return "33%";
+        case 2:
+            return "50%";
+        default:
+            return "100%";
+    }
+};
+const Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {
+    const width = getWidth(numColumns);
+    return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));
+};
+export default withTheme(Card);
+//# sourceMappingURL=DeprecatedCardWrapper.js.map

package/lib/src/components/DeprecatedCardWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedCardWrapper.js","sourceRoot":"","sources":["../../../src/components/DeprecatedCardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,SAAS,MAAM,aAAa,CAAC;AAYpC,MAAM,QAAQ,GAAG,CAAC,UAAkB,EAAE,EAAE;IACtC,QAAQ,UAAU,EAAE;QAClB,KAAK,CAAC;YACJ,OAAO,KAAK,CAAC;QACf,KAAK,CAAC;YACJ,OAAO,KAAK,CAAC;QACf;YACE,OAAO,MAAM,CAAC;KACjB;AACH,CAAC,CAAC;AAEF,MAAM,IAAI,GAA6C,CAAC,EACtD,UAAU,GAAG,CAAC,EACd,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,CAAC,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,KACrB,IAAI,IAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,IAAI,CAAC,CAAC"}

package/lib/src/components/DeprecatedFAB.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, PressableProps } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+/**
+ * A floating action button represents the primary action in an application.
+ *
+ * <div class="screenshots">
+ *   <img src="screenshots/fab-1.png" />
+ *   <img src="screenshots/fab-2.png" />
+ * </div>
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { StyleSheet } from 'react-native';
+ * import { FAB } from '@draftbit/ui';
+ *
+ * const MyComponent = () => (
+ *   <FAB
+ *     style={styles.fab}
+ *     type="outline"
+ *     icon="add"
+ *     onPress={() => console.log('Pressed')}
+ *   />
+ * );
+ *
+ * const styles = StyleSheet.create({
+ *   fab: {
+ *     position: 'absolute',
+ *     margin: 16,
+ *     right: 0,
+ *     bottom: 0,
+ *   },
+ * })
+ *
+ * export default MyComponent;
+ * ```
+ */
+declare type Props = {
+    disabled?: boolean;
+    type?: "solid" | "extended" | "outline" | "fixed" | "standard";
+    loading?: boolean;
+    icon?: string;
+    color?: string;
+    label?: string;
+    onPress: () => void;
+    elevation?: number;
+    theme: Theme;
+    style?: StyleProp<ViewStyle>;
+} & 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/src/components/DeprecatedFAB.js

@@ -0,0 +1,115 @@
+import * as React from "react";
+import { ActivityIndicator, View, StyleSheet, Pressable, } from "react-native";
+import color from "color";
+import Config from "./Config";
+import Text from "./Text";
+import Elevation from "./Elevation";
+import { withTheme } from "../theming";
+const FAB = ({ Icon, icon, disabled = false, type = "solid", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {
+    let backgroundColor, borderColor, textColor, borderWidth;
+    const buttonColor = colorOverride || colors.primary;
+    if (type === "standard" || type === "extended" || type === "fixed") {
+        backgroundColor = buttonColor;
+        if (disabled) {
+            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = colors.surface;
+        }
+    }
+    else {
+        backgroundColor = "transparent";
+        if (disabled) {
+            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            textColor = buttonColor;
+        }
+    }
+    if (type === "outline") {
+        if (disabled) {
+            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+        }
+        else {
+            borderColor = buttonColor;
+        }
+        borderWidth = StyleSheet.hairlineWidth;
+    }
+    else {
+        borderColor = "transparent";
+        borderWidth = 0;
+    }
+    const buttonStyle = {
+        backgroundColor,
+        borderColor,
+        borderWidth,
+        borderRadius: roundness,
+        alignItems: "center",
+        justifyContent: "center",
+    };
+    const buttonStyles = [styles.button, buttonStyle];
+    const contentStyle = [styles.content];
+    const textStyle = {
+        textAlign: "center",
+        color: textColor,
+    };
+    const iconStyle = [
+        styles.icon,
+        {
+            width: Config.buttonIconSize,
+        },
+    ];
+    if (type === "standard" || type === "outline") {
+        buttonStyle.width = Config.FABSize;
+        buttonStyle.height = Config.FABSize;
+        buttonStyle.borderRadius = Config.FABBorderRadius;
+        contentStyle.push({
+            width: Config.FABSize,
+            height: Config.FABSize,
+        });
+    }
+    if (type === "extended" || type === "fixed") {
+        iconStyle.push({
+            marginLeft: 16,
+            marginRight: -8,
+        });
+        textStyle.margin = 16;
+    }
+    if (type === "fixed") {
+        buttonStyles.push({
+            height: Config.FABFixedHeight,
+            alignSelf: "stretch",
+        });
+    }
+    return (React.createElement(Elevation, { style: [{ elevation }, style] },
+        React.createElement(Pressable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: "button", disabled: disabled || loading, style: buttonStyles },
+            React.createElement(View, { style: styles.content },
+                icon && loading !== true ? (React.createElement(View, { style: iconStyle },
+                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,
+                loading ? (React.createElement(ActivityIndicator, { size: "small", color: textColor, style: iconStyle })) : null,
+                label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));
+};
+const styles = StyleSheet.create({
+    button: {
+        borderStyle: "solid",
+    },
+    content: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    icon: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: Config.buttonIconSize,
+    },
+    fixed: {
+        left: 0,
+        right: 0,
+        bottom: 0,
+        height: 64,
+        borderRadius: 0,
+    },
+});
+export default withTheme(FAB);
+//# sourceMappingURL=DeprecatedFAB.js.map

package/lib/src/components/DeprecatedFAB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedFAB.js","sourceRoot":"","sources":["../../../src/components/DeprecatedFAB.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +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;

package/lib/src/components/Divider.js

@@ -0,0 +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);
+//# sourceMappingURL=Divider.js.map

package/lib/src/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AASvC,MAAM,OAAO,GAA6C,CAAC,EACzD,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,eAAe,EAAE,KAAK,IAAI,MAAM,CAAC,OAAO;gBACxC,MAAM,EAAE,UAAU,CAAC,aAAa;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,OAAO,CAAC,CAAC"}

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

@@ -0,0 +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;