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

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

@@ -0,0 +1,35 @@
+declare const _default: {
+    windowWidth: number;
+    windowHeight: number;
+    avatarImageUrl: string;
+    avatarImageSize: number;
+    cardImageSize: number;
+    cardImageUrl: string;
+    cardIconSize: number;
+    cardIconBackgroundOpacity: number;
+    cardIconElevation: number;
+    placeholderImageURL: string;
+    getPlaceholderImageUrl: (size: {
+        width: number;
+        height: number;
+    }) => string;
+    placeholderSvgURL: string;
+    squareImageUrl: string;
+    FABSize: number;
+    FABBorderRadius: number;
+    FABFixedHeight: number;
+    cardContainerShortImageAspectRatio: number;
+    rowSingleLineImageSize: number;
+    rowMultiLineImageSize: number;
+    rowSingleLineIconSize: number;
+    rowMultiLineIconSize: number;
+    headerIconSize: number;
+    buttonIconSize: number;
+    swiperInactiveDotSize: number;
+    swiperActiveDotSize: number;
+    fieldSearchBarFullIconSize: number;
+    stepperButtonSize: number;
+    radioButtonSize: number;
+    topSafeAreaViewHeight: number;
+};
+export default _default;

package/lib/src/components/Config.js

@@ -0,0 +1,65 @@
+import { Dimensions, Platform } from "react-native";
+const getWindowDimensions = () => {
+    const { width, height } = Dimensions.get("window");
+    return {
+        windowWidth: width,
+        windowHeight: height,
+    };
+};
+const { windowWidth, windowHeight } = getWindowDimensions();
+const getFilters = (options) => {
+    const { width, height } = options;
+    const filters = ["c_scale", "q_auto", "dpr_auto"];
+    if (width)
+        filters.push(`w_${width}`);
+    if (height)
+        filters.push(`h_${height}`);
+    return filters.join(",");
+};
+const buildImageUrl = (options, name) => {
+    const filters = getFilters(options);
+    return [
+        "https://res.cloudinary.com/altos/image/upload",
+        filters,
+        `${name}.png`,
+    ].join("/");
+};
+const getExtension = () => {
+    return Platform.OS === "web" ? ".svg" : ".png";
+};
+export default {
+    windowWidth,
+    windowHeight,
+    avatarImageUrl: buildImageUrl({
+        width: 60,
+        height: 60,
+    }, "Avatar"),
+    avatarImageSize: 60,
+    cardImageSize: 200,
+    cardImageUrl: "https://static.draftbit.com/images/placeholder-image" + getExtension(),
+    cardIconSize: 16,
+    cardIconBackgroundOpacity: 0.24,
+    cardIconElevation: 1,
+    placeholderImageURL: "https://static.draftbit.com/images/placeholder-image" + getExtension(),
+    getPlaceholderImageUrl: (size) => buildImageUrl({ width: size.width, height: size.height }, "image-placeholder_1"),
+    placeholderSvgURL: "https://static.draftbit.com/images/placeholder-image.svg",
+    squareImageUrl: buildImageUrl({ width: 100, height: 100 }, "Avatar"),
+    FABSize: 40,
+    FABBorderRadius: 20,
+    FABFixedHeight: 64,
+    cardContainerShortImageAspectRatio: 1,
+    rowSingleLineImageSize: 24,
+    rowMultiLineImageSize: 48,
+    rowSingleLineIconSize: 24,
+    rowMultiLineIconSize: 16,
+    headerIconSize: 24,
+    buttonIconSize: 24,
+    swiperInactiveDotSize: 6,
+    swiperActiveDotSize: 10,
+    fieldSearchBarFullIconSize: 24,
+    stepperButtonSize: 40,
+    radioButtonSize: 24,
+    topSafeAreaViewHeight: 0,
+    // topSafeAreaViewHeight: Platform.OS === "android" ? Constants.statusBarHeight : 0
+};
+//# sourceMappingURL=Config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Config.js","sourceRoot":"","sources":["../../../src/components/Config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnD,OAAO;QACL,WAAW,EAAE,KAAK;QAClB,YAAY,EAAE,MAAM;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAE5D,MAAM,UAAU,GAAG,CAAC,OAA0C,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAClC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IAElD,IAAI,KAAK;QAAE,OAAO,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;IACtC,IAAI,MAAM;QAAE,OAAO,CAAC,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC;IAExC,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CACpB,OAA0C,EAC1C,IAAY,EACZ,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO;QACL,+CAA+C;QAC/C,OAAO;QACP,GAAG,IAAI,MAAM;KACd,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe;IACb,WAAW;IACX,YAAY;IACZ,cAAc,EAAE,aAAa,CAC3B;QACE,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX,EACD,QAAQ,CACT;IACD,eAAe,EAAE,EAAE;IACnB,aAAa,EAAE,GAAG;IAClB,YAAY,EACV,sDAAsD,GAAG,YAAY,EAAE;IACzE,YAAY,EAAE,EAAE;IAChB,yBAAyB,EAAE,IAAI;IAC/B,iBAAiB,EAAE,CAAC;IACpB,mBAAmB,EACjB,sDAAsD,GAAG,YAAY,EAAE;IACzE,sBAAsB,EAAE,CAAC,IAAuC,EAAE,EAAE,CAClE,aAAa,CACX,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAC1C,qBAAqB,CACtB;IACH,iBAAiB,EAAE,0DAA0D;IAC7E,cAAc,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,QAAQ,CAAC;IACpE,OAAO,EAAE,EAAE;IACX,eAAe,EAAE,EAAE;IACnB,cAAc,EAAE,EAAE;IAClB,kCAAkC,EAAE,CAAC;IACrC,sBAAsB,EAAE,EAAE;IAC1B,qBAAqB,EAAE,EAAE;IACzB,qBAAqB,EAAE,EAAE;IACzB,oBAAoB,EAAE,EAAE;IACxB,cAAc,EAAE,EAAE;IAClB,cAAc,EAAE,EAAE;IAClB,qBAAqB,EAAE,CAAC;IACxB,mBAAmB,EAAE,EAAE;IACvB,0BAA0B,EAAE,EAAE;IAC9B,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,EAAE;IACnB,qBAAqB,EAAE,CAAC;IACxB,mFAAmF;CACpF,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import { ResizeModeType } from "./ResizeMode";
+declare type Props = {
+    theme: Theme;
+    useThemeGutterPadding: boolean;
+    borderColor: string;
+    borderWidth: number;
+    backgroundColor: string;
+    backgroundImage?: string | ImageSourcePropType;
+    backgroundImageResizeMode?: ResizeModeType;
+    elevation?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+};
+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/Container.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { View, ImageBackground, StyleSheet, } from "react-native";
+import { withTheme } from "../theming";
+import Elevation from "./Elevation";
+const Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars
+...rest }) => {
+    const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};
+    const containerStyle = {
+        backgroundColor,
+        borderColor,
+        borderWidth,
+        width: "100%",
+        ...styleProp,
+    };
+    const innerStyle = {
+        flex,
+        flexGrow,
+        flexWrap,
+        flexBasis,
+        flexShrink,
+        flexDirection,
+        alignContent,
+        justifyContent,
+        alignItems,
+        padding,
+        paddingTop,
+        paddingBottom,
+        paddingLeft,
+        paddingRight,
+        paddingVertical,
+        paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
+    };
+    const Wrap = elevation ? Elevation : View;
+    if (elevation)
+        containerStyle.elevation = elevation;
+    return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === "string"
+            ? { uri: backgroundImage }
+            : backgroundImage, resizeMode: backgroundImageResizeMode, style: {
+            flex: 1,
+        } },
+        React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));
+};
+export default withTheme(Container);
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,eAAe,EAGf,UAAU,GAEX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,SAAS,MAAM,aAAa,CAAC;AAiBpC,MAAM,SAAS,GAA6C,CAAC,EAC3D,qBAAqB,EACrB,WAAW,EACX,WAAW,EACX,eAAe,EACf,eAAe,EACf,yBAAyB,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,wDAAwD;AAC/D,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,UAAU,EACV,OAAO,EACP,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,GAAG,SAAS,EACb,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAEpC,MAAM,cAAc,GAAyB;QAC3C,eAAe;QACf,WAAW;QACX,WAAW;QACX,KAAK,EAAE,MAAM;QACb,GAAG,SAAS;KACb,CAAC;IAEF,MAAM,UAAU,GAAyB;QACvC,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,UAAU;QACV,aAAa;QACb,YAAY;QACZ,cAAc;QACd,UAAU;QACV,OAAO;QACP,UAAU;QACV,aAAa;QACb,WAAW;QACX,YAAY;QACZ,eAAe;QACf,iBAAiB,EAAE,iBAAiB,IAAI,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KACvE,CAAC;IAEF,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1C,IAAI,SAAS;QAAE,cAAc,CAAC,SAAS,GAAG,SAAS,CAAC;IAEpD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,KAAM,IAAI,IAC3C,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,eAAe,IACd,MAAM,EACJ,OAAO,eAAe,KAAK,QAAQ;YACjC,CAAC,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE;YAC1B,CAAC,CAAC,eAAe,EAErB,UAAU,EAAE,yBAAyB,EACrC,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAG,QAAQ,CAAQ,CAC1B,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAG,QAAQ,CAAQ,CAC3C,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,SAAS,CAAC,CAAC"}

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

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, TextStyle, TextInputProps } from "react-native";
+import type { Theme } from "../../styles/DefaultTheme";
+import type { IconSlot } from "../../interfaces/Icon";
+declare type Props = {
+    style?: StyleProp<ViewStyle | TextStyle> & {
+        height?: number;
+    };
+    theme: Theme;
+    date?: Date;
+    format?: string;
+    onDateChange?: (data?: Date) => void;
+    defaultValue?: Date;
+    disabled?: boolean;
+    mode?: "date" | "time" | "datetime";
+    type?: "solid" | "underline";
+    label?: string;
+    labelSize?: number;
+    labelColor?: string;
+    placeholder?: string;
+    leftIconName?: string;
+    leftIconMode?: "outset" | "inset";
+    rightIconName?: string;
+    borderColor?: string;
+    borderColorActive?: string;
+    autoDismissKeyboard?: boolean;
+    minimumDate?: Date;
+    maximumDate?: Date;
+} & IconSlot & TextInputProps;
+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/DatePicker/DatePicker.js

@@ -0,0 +1,384 @@
+import * as React from "react";
+import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput, Keyboard, } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import dateFormat from "dateformat";
+import { withTheme } from "../../theming";
+import Portal from "../Portal/Portal";
+import Touchable from "../Touchable";
+import DateTimePicker from "./DatePickerComponent";
+import { extractStyles } from "../../utilities";
+const AnimatedText = Animated.createAnimatedComponent(Text);
+const FOCUS_ANIMATION_DURATION = 150;
+const BLUR_ANIMATION_DURATION = 180;
+const ICON_SIZE = 24;
+const MONTHS = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+];
+const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, autoDismissKeyboard = true, minimumDate, maximumDate, ...props }) => {
+    const [value, setValue] = React.useState(date || defaultValue);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const [pickerVisible, setPickerVisible] = React.useState(false);
+    const [labeled] = React.useState(new Animated.Value(date ? 0 : 1));
+    const [placeholder1, setPlaceholder1] = React.useState("");
+    const [focused, setFocused] = React.useState(false);
+    const [labelLayout, setLabelLayout] = React.useState({ measured: false, width: 0 });
+    const { viewStyles, textStyles } = extractStyles(style);
+    const getValidDate = () => {
+        if (!value) {
+            return new Date();
+        }
+        return typeof (value === null || value === void 0 ? void 0 : value.getMonth) === "function" ? value : new Date();
+    };
+    const formatDate = () => {
+        if (!value)
+            return "";
+        let newDate = getValidDate();
+        if (format)
+            return dateFormat(newDate, format);
+        if (mode === "time") {
+            return `${newDate.toLocaleTimeString()}`;
+        }
+        if (mode === "datetime") {
+            return `${newDate.toLocaleString()}`;
+        }
+        return `${MONTHS[newDate.getMonth()]} ${newDate.getDate()}, ${newDate.getFullYear()}`;
+    };
+    const toggleVisibility = async () => {
+        setPickerVisible(!pickerVisible);
+        focused ? _handleBlur() : _handleFocus();
+    };
+    const insets = useSafeAreaInsets();
+    // const _restoreLabel = () =>
+    //   Animated.timing(labeled, {
+    //     toValue: 1,
+    //     duration: FOCUS_ANIMATION_DURATION,
+    //     useNativeDriver: true,
+    //   }).start();
+    // const _minmizeLabel = () =>
+    //   Animated.timing(labeled, {
+    //     toValue: 0,
+    //     duration: BLUR_ANIMATION_DURATION,
+    //     useNativeDriver: true,
+    //   }).start();
+    // const _showPlaceholder = () =>
+    //   setTimeout(() => setPlaceholder1(placeholder || ""), 50);
+    const _hidePlaceholder = () => {
+        setPlaceholder1("");
+    };
+    React.useEffect(() => {
+        setValue(date);
+    }, [date]);
+    React.useEffect(() => {
+        if (value || focused || placeholder1) {
+            // _minmizeLabel();
+            Animated.timing(labeled, {
+                toValue: 0,
+                duration: BLUR_ANIMATION_DURATION,
+                useNativeDriver: true,
+            }).start();
+        }
+        else {
+            // _restoreLabel();
+            Animated.timing(labeled, {
+                toValue: 1,
+                duration: FOCUS_ANIMATION_DURATION,
+                useNativeDriver: true,
+            }).start();
+        }
+    }, [value, focused, placeholder1, labeled]);
+    React.useEffect(() => {
+        const _showPlaceholder = () => setTimeout(() => setPlaceholder1(placeholder || ""), 50);
+        if (focused || !label) {
+            _showPlaceholder();
+        }
+        else {
+            _hidePlaceholder();
+        }
+        return () => {
+            clearTimeout(_showPlaceholder());
+        };
+    }, [focused, label, placeholder]);
+    React.useEffect(() => {
+        if (pickerVisible && autoDismissKeyboard) {
+            Keyboard.dismiss();
+        }
+    }, [pickerVisible, autoDismissKeyboard]);
+    const _handleFocus = () => {
+        if (disabled) {
+            return;
+        }
+        setFocused(true);
+    };
+    const _handleBlur = () => {
+        if (disabled) {
+            return;
+        }
+        setFocused(false);
+    };
+    const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
+    const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
+    const MAXIMIZED_LABEL_FONT_SIZE = textStyles.fontSize || typography.subtitle1.fontSize;
+    const MINIMIZED_LABEL_FONT_SIZE = labelSize
+        ? labelSize
+        : typography.caption.fontSize;
+    const hasActiveOutline = focused;
+    let inputTextColor, activeColor, underlineColor, borderColor = inputBorderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
+    inputTextColor = colors.strong;
+    if (disabled) {
+        activeColor = colors.light;
+        placeholderColor = colors.light;
+        borderColor = "transparent";
+        underlineColor = "transparent";
+        backgroundColor = colors.divider;
+    }
+    else {
+        activeColor = inputBorderColorActive || colors.primary;
+        placeholderColor = inputBorderColor || colors.light;
+        underlineColor = inputBorderColor || colors.light;
+        backgroundColor = colors.background;
+    }
+    const { lineHeight, ...subtitle1 } = typography.subtitle1;
+    inputStyle = {
+        paddingVertical: 0,
+        color: inputTextColor,
+        paddingLeft: leftIconName && leftIconMode === "inset"
+            ? ICON_SIZE + (type === "solid" ? 16 : 12)
+            : 0,
+        paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,
+        ...subtitle1,
+        height: lineHeight,
+    };
+    if (type === "underline") {
+        containerStyle = {
+            borderTopLeftRadius: roundness,
+            borderTopRightRadius: roundness,
+            paddingBottom: 12,
+            marginTop: 16,
+        };
+    }
+    else {
+        containerStyle = {
+            borderRadius: roundness,
+            borderColor: hasActiveOutline ? activeColor : borderColor,
+            borderWidth: 1,
+            paddingTop: labeled ? 16 * 1.5 : 16,
+            paddingBottom: labeled ? 16 * 0.5 : 16,
+            opacity: disabled ? disabledOpacity : 1,
+            backgroundColor,
+        };
+        inputStyle.paddingHorizontal = 12;
+    }
+    if (leftIconName && leftIconMode === "outset") {
+        containerStyle.marginLeft = ICON_SIZE + 8;
+    }
+    let leftIconColor;
+    if (focused) {
+        leftIconColor = colors.primary;
+    }
+    else {
+        leftIconColor = colors.light;
+    }
+    const leftIconProps = {
+        size: 24,
+        color: leftIconColor,
+        name: leftIconName || "",
+    };
+    const leftIconStyle = {
+        position: "absolute",
+        top: 0,
+        marginTop: type === "solid"
+            ? leftIconMode === "inset"
+                ? MINIMIZED_LABEL_FONT_SIZE + 4
+                : 16
+            : leftIconMode === "outset"
+                ? 16
+                : 0,
+    };
+    const labelStyle = {
+        ...typography.subtitle1,
+        top: type === "solid" ? 16 : 0,
+        fontFamily: textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontFamily,
+        left: leftIconName && leftIconMode === "inset"
+            ? ICON_SIZE + (type === "solid" ? 16 : 12)
+            : 0,
+        transform: [
+            {
+                // Move label to top
+                translateY: labeled.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [
+                        type === "solid"
+                            ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET
+                            : MINIMIZED_LABEL_Y_OFFSET,
+                        0,
+                    ],
+                }),
+            },
+            {
+                // Make label smaller
+                scale: labeled.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [
+                        MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,
+                        1,
+                    ],
+                }),
+            },
+            {
+                // Offset label scale since RN doesn't support transform origin
+                translateX: labeled.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [
+                        -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *
+                            (labelLayout.width / 2),
+                        0,
+                    ],
+                }),
+            },
+        ],
+    };
+    const inputStyles = [
+        styles.input,
+        inputStyle,
+        type === "solid" ? { marginHorizontal: 12 } : {},
+    ];
+    // const render = (props) => <NativeTextInput {...props} />;
+    return (React.createElement(View, { style: [styles.container, style] },
+        React.createElement(Touchable, { disabled: disabled, onPress: toggleVisibility },
+            React.createElement(View, { pointerEvents: "none" },
+                React.createElement(View, { style: [styles.container, style] },
+                    leftIconName && leftIconMode === "outset" ? (React.createElement(Icon, { ...leftIconProps, style: leftIconStyle })) : null,
+                    React.createElement(View, { style: [
+                            containerStyle,
+                            style ? { height: style.height } : {},
+                            viewStyles,
+                        ] },
+                        type === "underline" ? (
+                        // When type === 'flat', render an underline
+                        React.createElement(Animated.View, { style: [
+                                styles.underline,
+                                {
+                                    backgroundColor: focused ? activeColor : underlineColor,
+                                    // Underlines is thinner when input is not focused
+                                    transform: [{ scaleY: focused ? 1 : 0.5 }],
+                                },
+                            ] })) : null,
+                        label ? (
+                        // Position colored placeholder and gray placeholder on top of each other and crossfade them
+                        // This gives the effect of animating the color, but allows us to use native driver
+                        React.createElement(View, { pointerEvents: "none", style: [
+                                StyleSheet.absoluteFill,
+                                {
+                                    opacity: 
+                                    // Hide the label in minimized state until we measure its width
+                                    date || focused ? (labelLayout.measured ? 1 : 0) : 1,
+                                },
+                            ] },
+                            React.createElement(AnimatedText, { onLayout: (e) => setLabelLayout({
+                                    width: e.nativeEvent.layout.width,
+                                    measured: true,
+                                }), style: [
+                                    styles.placeholder,
+                                    type === "solid" ? { paddingHorizontal: 12 } : {},
+                                    labelStyle,
+                                    {
+                                        color: labelColor || colors.light,
+                                        opacity: labeled.interpolate({
+                                            inputRange: [0, 1],
+                                            outputRange: [hasActiveOutline ? 1 : 0, 0],
+                                        }),
+                                    },
+                                ], numberOfLines: 1 }, label),
+                            React.createElement(AnimatedText, { style: [
+                                    styles.placeholder,
+                                    type === "solid" ? { paddingHorizontal: 12 } : {},
+                                    labelStyle,
+                                    {
+                                        color: labelColor || placeholderColor,
+                                        opacity: hasActiveOutline ? labeled : 1,
+                                    },
+                                ], numberOfLines: 1 }, label))) : null,
+                        leftIconName && leftIconMode === "inset" ? (React.createElement(Icon, { ...leftIconProps, style: {
+                                ...leftIconStyle,
+                                marginLeft: type === "solid" ? 16 : 0,
+                            } })) : null,
+                        React.createElement(NativeTextInput, { value: formatDate(), placeholder: label ? placeholder1 : placeholder, editable: !disabled, placeholderTextColor: placeholderColor, selectionColor: activeColor, onFocus: _handleFocus, onBlur: _handleBlur, underlineColorAndroid: "transparent", style: [inputStyles, textStyles], ...props })),
+                    rightIconName ? (React.createElement(Icon, { name: rightIconName, size: ICON_SIZE, color: colors.light, style: {
+                            position: "absolute",
+                            right: 16,
+                            marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,
+                        } })) : null))),
+        pickerVisible && (React.createElement(Portal, null,
+            React.createElement(View, { style: [
+                    styles.picker,
+                    {
+                        backgroundColor: colors.divider,
+                    },
+                ] },
+                React.createElement(View, { style: [
+                        styles.pickerContainer,
+                        {
+                            paddingTop: insets.top,
+                            paddingBottom: insets.bottom,
+                            paddingLeft: insets.left,
+                            paddingRight: insets.right,
+                        },
+                    ] },
+                    React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, isVisible: pickerVisible, toggleVisibility: toggleVisibility, minimumDate: minimumDate, maximumDate: maximumDate, onChange: (_event, data) => {
+                            toggleVisibility();
+                            setValue(data);
+                            onDateChange(data);
+                        } })))))));
+};
+const styles = StyleSheet.create({
+    container: {
+        alignSelf: "stretch",
+    },
+    picker: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        flexDirection: "row",
+        justifyContent: "center",
+    },
+    underline: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        bottom: 0,
+        height: 2,
+    },
+    input: {
+        flexGrow: 1,
+        justifyContent: "center",
+        textAlignVertical: "center",
+        margin: 0,
+        textAlign: I18nManager.isRTL ? "right" : "left",
+    },
+    placeholder: {
+        position: "absolute",
+        left: 0,
+    },
+    pickerContainer: { flexDirection: "column", width: "100%", zIndex: 100 },
+    closeButton: {
+        alignSelf: "flex-end",
+    },
+});
+export default withTheme(DatePicker);
+//# sourceMappingURL=DatePicker.js.map

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

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { DatePickerComponentProps as Props } from "./DatePickerComponentType";
+declare const DatePickerComponent: React.FC<React.PropsWithChildren<Props>>;
+export default DatePickerComponent;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Platform } from "react-native";
+import DateTimePicker from "@react-native-community/datetimepicker";
+import DateTimePickerModal from "react-native-modal-datetime-picker";
+const DatePickerComponent = ({ value, onChange, mode, minimumDate, maximumDate, toggleVisibility, }) => {
+    return Platform.OS === "ios" || Platform.OS === "android" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === "ios" ? "spinner" : "default", minimumDate: minimumDate, maximumDate: maximumDate, onCancel: () => {
+            console.log("Picker cancelled before selecting anything.");
+            toggleVisibility();
+        }, onConfirm: (data) => {
+            onChange(null, data);
+        } })) : (React.createElement(DateTimePicker, { value: value, mode: mode, onChange: onChange, display: "default", minimumDate: minimumDate, maximumDate: maximumDate }));
+};
+export default DatePickerComponent;
+//# sourceMappingURL=DatePickerComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerComponent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePickerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAGrE,MAAM,mBAAmB,GAA6C,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,EAAE,EAAE;IACH,OAAO,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1D,oBAAC,mBAAmB,IAClB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,GAAG,EAAE;YACb,OAAO,CAAC,GAAG,CAAC,6CAA6C,CAAC,CAAC;YAC3D,gBAAgB,EAAE,CAAC;QACrB,CAAC,EACD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;YAClB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACvB,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}