@draftbit/core 47.0.1-ed6e56.2 → 47.1.1-1b33f0.2

package/src/components/DatePicker/DatePickerInput.js

@@ -1,97 +0,0 @@
-import * as React from "react";
-import { View, TextInput, Platform, } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import dateFormat from "dateformat";
-import Portal from "../Portal/Portal";
-import Touchable from "../Touchable";
-import DateTimePicker from "./DatePickerComponent";
-const MONTHS = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December",
-];
-const DatePickerInput = ({ style, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, androidDisplay = "default", iosDisplay = "default", webDisplay = "dialog", placeholder, ...props }) => {
-    const [value, setValue] = React.useState(date || defaultValue);
-    React.useEffect(() => {
-        if (defaultValue != null) {
-            setValue(defaultValue);
-        }
-    }, [defaultValue]);
-    const [pickerVisible, setPickerVisible] = React.useState(false);
-    const [focused, setFocused] = React.useState(false);
-    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();
-    React.useEffect(() => {
-        setValue(date);
-    }, [date]);
-    const _handleFocus = () => {
-        if (disabled) {
-            return;
-        }
-        setFocused(true);
-    };
-    const _handleBlur = () => {
-        if (disabled) {
-            return;
-        }
-        setFocused(false);
-    };
-    return (React.createElement(View, null,
-        React.createElement(Touchable, { disabled: disabled, onPress: toggleVisibility },
-            React.createElement(TextInput, { value: formatDate(), placeholder: placeholder, editable: !disabled, onFocus: _handleFocus, onBlur: _handleBlur, style: style, ...props })),
-        pickerVisible && (React.createElement(Portal, null,
-            React.createElement(View, { style: {
-                    paddingTop: insets.top,
-                    paddingBottom: insets.bottom,
-                    paddingLeft: insets.left,
-                    paddingRight: insets.right,
-                } },
-                Platform.OS === "web" && (React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, isVisible: pickerVisible, toggleVisibility: toggleVisibility, onChange: (_event, data) => {
-                        toggleVisibility();
-                        setValue(data);
-                        onDateChange(data);
-                    } })),
-                Platform.OS === "ios" && (React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, displayMode: iosDisplay, isVisible: pickerVisible, toggleVisibility: toggleVisibility, onChange: (_event, data) => {
-                        toggleVisibility();
-                        setValue(data);
-                        onDateChange(data);
-                    } })),
-                Platform.OS === "android" && (React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, variant: webDisplay, displayMode: androidDisplay, isVisible: pickerVisible, toggleVisibility: toggleVisibility, onChange: (_event, data) => {
-                        toggleVisibility();
-                        setValue(data);
-                        onDateChange(data);
-                    } })))))));
-};
-export default DatePickerInput;

package/src/components/DatePicker/DatePickerInput.tsx

@@ -1,195 +0,0 @@
-import * as React from "react";
-import {
-  View,
-  StyleProp,
-  ViewStyle,
-  TextInputProps,
-  TextInput,
-  Platform,
-} from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-
-import dateFormat from "dateformat";
-import Portal from "../Portal/Portal";
-import Touchable from "../Touchable";
-import DateTimePicker from "./DatePickerComponent";
-
-type Props = {
-  style?: StyleProp<ViewStyle>;
-  date?: Date;
-  format?: string;
-  onDateChange?: (data?: Date) => void;
-  defaultValue?: Date;
-  disabled?: boolean;
-  mode?: "date" | "time" | "datetime";
-  androidDisplay: "default" | "spinner" | "calendar" | "clock";
-  iosDisplay: "default" | "spinner" | "compact" | "inline";
-  webDisplay: "dialog" | "inline";
-  placeholder?: string;
-} & TextInputProps;
-
-const MONTHS = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December",
-];
-
-const DatePickerInput: React.FC<React.PropsWithChildren<Props>> = ({
-  style,
-  date,
-  onDateChange = () => {},
-  defaultValue,
-  disabled = false,
-  mode = "date",
-  format,
-  androidDisplay = "default",
-  iosDisplay = "default",
-  webDisplay = "dialog",
-  placeholder,
-  ...props
-}) => {
-  const [value, setValue] = React.useState<any>(date || defaultValue);
-
-  React.useEffect(() => {
-    if (defaultValue != null) {
-      setValue(defaultValue);
-    }
-  }, [defaultValue]);
-
-  const [pickerVisible, setPickerVisible] = React.useState(false);
-  const [focused, setFocused] = React.useState<boolean>(false);
-
-  const getValidDate = (): Date => {
-    if (!value) {
-      return new Date();
-    }
-    return typeof value?.getMonth === "function" ? value : new Date();
-  };
-
-  const formatDate = (): string => {
-    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();
-
-  React.useEffect(() => {
-    setValue(date);
-  }, [date]);
-
-  const _handleFocus = () => {
-    if (disabled) {
-      return;
-    }
-
-    setFocused(true);
-  };
-
-  const _handleBlur = () => {
-    if (disabled) {
-      return;
-    }
-    setFocused(false);
-  };
-
-  return (
-    <View>
-      <Touchable disabled={disabled} onPress={toggleVisibility}>
-        <TextInput
-          value={formatDate()}
-          placeholder={placeholder}
-          editable={!disabled}
-          onFocus={_handleFocus}
-          onBlur={_handleBlur}
-          style={style}
-          {...props}
-        />
-      </Touchable>
-      {pickerVisible && (
-        <Portal>
-          <View
-            style={{
-              paddingTop: insets.top,
-              paddingBottom: insets.bottom,
-              paddingLeft: insets.left,
-              paddingRight: insets.right,
-            }}
-          >
-            {Platform.OS === "web" && (
-              <DateTimePicker
-                value={getValidDate()}
-                mode={mode}
-                isVisible={pickerVisible}
-                toggleVisibility={toggleVisibility}
-                onChange={(_event: any, data: any) => {
-                  toggleVisibility();
-                  setValue(data);
-                  onDateChange(data);
-                }}
-              />
-            )}
-            {Platform.OS === "ios" && (
-              <DateTimePicker
-                value={getValidDate()}
-                mode={mode}
-                displayMode={iosDisplay}
-                isVisible={pickerVisible}
-                toggleVisibility={toggleVisibility}
-                onChange={(_event: any, data: any) => {
-                  toggleVisibility();
-                  setValue(data);
-                  onDateChange(data);
-                }}
-              />
-            )}
-            {Platform.OS === "android" && (
-              <DateTimePicker
-                value={getValidDate()}
-                mode={mode}
-                variant={webDisplay}
-                displayMode={androidDisplay}
-                isVisible={pickerVisible}
-                toggleVisibility={toggleVisibility}
-                onChange={(_event: any, data: any) => {
-                  toggleVisibility();
-                  setValue(data);
-                  onDateChange(data);
-                }}
-              />
-            )}
-          </View>
-        </Portal>
-      )}
-    </View>
-  );
-};
-
-export default DatePickerInput;