@draftbit/core 46.9.1-fe76aa.2 → 46.9.2

package/src/components/CircleImage.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { Image, } from "react-native";
-import Config from "./Config";
-const CircleImage = ({ source = Config.placeholderImageURL, size = 60, style, ...props }) => {
-    const borderRadius = size / 2;
-    return (React.createElement(Image, { style: [{ width: size, height: size, borderRadius }, style], source: typeof source === "string" ? { uri: source } : source, resizeMode: "cover", ...props }));
-};
-export default CircleImage;

package/src/components/CircularProgress.js

@@ -1,81 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { Svg, Path, G } from "react-native-svg";
-class CircularProgress extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
-            var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;
-            return {
-                x: centerX + radius * Math.cos(angleInRadians),
-                y: centerY + radius * Math.sin(angleInRadians),
-            };
-        };
-        this.circlePath = (x, y, radius, startAngle, endAngle) => {
-            var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
-            var end = this.polarToCartesian(x, y, radius, startAngle);
-            var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
-            var d = [
-                "M",
-                start.x,
-                start.y,
-                "A",
-                radius,
-                radius,
-                0,
-                largeArcFlag,
-                0,
-                end.x,
-                end.y,
-            ];
-            return d.join(" ");
-        };
-        this.clampFill = (fill) => Math.min(100, Math.max(0, fill));
-    }
-    render() {
-        const { size, width, backgroundWidth, tintColor = "black", tintTransparency = true, backgroundColor, style, rotation = 90, lineCap = "butt", arcSweepAngle = 360, fill, children, childrenContainerStyle, padding = 0, renderCap, dashedBackground = { width: 0, gap: 0 }, dashedTint = { width: 0, gap: 0 }, } = this.props;
-        const maxWidthCircle = backgroundWidth
-            ? Math.max(width, backgroundWidth)
-            : width;
-        const sizeWithPadding = size / 2 + padding / 2;
-        const radius = size / 2 - maxWidthCircle / 2 - padding / 2;
-        const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;
-        const backgroundPath = this.circlePath(sizeWithPadding, sizeWithPadding, radius, tintTransparency ? 0 : currentFillAngle, arcSweepAngle);
-        const circlePathItem = this.circlePath(sizeWithPadding, sizeWithPadding, radius, 0, currentFillAngle);
-        const coordinate = this.polarToCartesian(sizeWithPadding, sizeWithPadding, radius, currentFillAngle);
-        const cap = renderCap ? renderCap({ center: coordinate }) : null;
-        const offset = size - maxWidthCircle * 2;
-        const localChildrenContainerStyle = [
-            {
-                position: "absolute",
-                left: maxWidthCircle + padding / 2,
-                top: maxWidthCircle + padding / 2,
-                width: offset,
-                height: offset,
-                borderRadius: offset / 2,
-                alignItems: "center",
-                justifyContent: "center",
-                overflow: "hidden",
-            },
-            childrenContainerStyle,
-        ];
-        const strokeDasharrayTint = dashedTint.gap > 0
-            ? Object.values(dashedTint)
-                .map((value) => value.toString())
-                .join(" ")
-            : "";
-        const strokeDasharrayBackground = dashedBackground.gap > 0
-            ? Object.values(dashedBackground)
-                .map((value) => value.toString())
-                .join(" ")
-            : "";
-        return (React.createElement(View, { style: style },
-            React.createElement(Svg, { width: size + padding, height: size + padding },
-                React.createElement(G, { rotation: rotation, originX: (size + padding) / 2, originY: (size + padding) / 2 },
-                    backgroundColor && (React.createElement(Path, { d: backgroundPath, stroke: backgroundColor, strokeWidth: backgroundWidth || width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayBackground, fill: "transparent" })),
-                    fill > 0 && (React.createElement(Path, { d: circlePathItem, stroke: tintColor, strokeWidth: width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayTint, fill: "transparent" })),
-                    cap)),
-            children && (React.createElement(View, { style: localChildrenContainerStyle }, children(fill)))));
-    }
-}
-export default CircularProgress;

package/src/components/Config.js

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

package/src/components/Container.js

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

package/src/components/DatePicker/DatePicker.js

@@ -1,382 +0,0 @@
-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, ...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",
-        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, 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);

package/src/components/DatePicker/DatePickerComponent.js

@@ -1,13 +0,0 @@
-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, toggleVisibility, }) => {
-    return Platform.OS === "ios" || Platform.OS === "android" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === "ios" ? "spinner" : "default", 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" }));
-};
-export default DatePickerComponent;

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

@@ -1,30 +0,0 @@
-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, 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 }))));
-};
-export default withTheme(DatePickerComponent);

package/src/components/DatePicker/DatePickerComponentType.js

@@ -1 +0,0 @@
-export {};