ferns-ui 0.36.1 → 0.36.3

package/dist/Common.js

@@ -0,0 +1,46 @@
+export const SPACING = 4;
+export const iconSizeToNumber = (size) => {
+    return {
+        xs: 8,
+        sm: 12,
+        md: 14,
+        lg: 20,
+        xl: 26,
+    }[size || "md"];
+};
+export const iconNumberToSize = (size = 16) => {
+    let iconSize;
+    if (size < 8) {
+        iconSize = "xs";
+    }
+    else if (size < 12) {
+        iconSize = "sm";
+    }
+    else if (size < 14) {
+        iconSize = "md";
+    }
+    else if (size < 20) {
+        iconSize = "lg";
+    }
+    else {
+        iconSize = "xl";
+    }
+    return iconSize;
+};
+export function getSectionColor(section) {
+    return ({
+        Breakfast: "orchid",
+        Lunch: "blue",
+        Dinner: "orange",
+        Snack: "red",
+        "Second Snack": "red",
+        Workout: "pine",
+        workouts: "pine",
+    }[section] || "blue");
+}
+export function isTestUser(profile) {
+    return (profile &&
+        profile.email &&
+        (profile.email.indexOf("nang.io") > -1 || profile.email.indexOf("example.com") > -1));
+}
+//# sourceMappingURL=Common.js.map

package/dist/Common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAqrDA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAqBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;AAo5BD,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,OAAO,CACL,OAAO;QACP,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CACrF,CAAC;AACJ,CAAC"}

package/dist/Constants.d.ts

@@ -0,0 +1,4 @@
+export declare const USSTATESLIST: {
+    label: string;
+    value: string;
+}[];

package/dist/Constants.js

@@ -0,0 +1,54 @@
+export const USSTATESLIST = [
+    { label: "AL", value: "Alabama" },
+    { label: "AK", value: "Alaska" },
+    { label: "AZ", value: "Arizona" },
+    { label: "AR", value: "Arkansas" },
+    { label: "CA", value: "California" },
+    { label: "CO", value: "Colorado" },
+    { label: "CT", value: "Connecticut" },
+    { label: "DE", value: "Delaware" },
+    { label: "DC", value: "District Of Columbia" },
+    { label: "FL", value: "Florida" },
+    { label: "GA", value: "Georgia" },
+    { label: "HI", value: "Hawaii" },
+    { label: "ID", value: "Idaho" },
+    { label: "IL", value: "Illinois" },
+    { label: "IN", value: "Indiana" },
+    { label: "IA", value: "Iowa" },
+    { label: "KS", value: "Kansas" },
+    { label: "KY", value: "Kentucky" },
+    { label: "LA", value: "Louisiana" },
+    { label: "ME", value: "Maine" },
+    { label: "MD", value: "Maryland" },
+    { label: "MA", value: "Massachusetts" },
+    { label: "MI", value: "Michigan" },
+    { label: "MN", value: "Minnesota" },
+    { label: "MS", value: "Mississippi" },
+    { label: "MO", value: "Missouri" },
+    { label: "MT", value: "Montana" },
+    { label: "NE", value: "Nebraska" },
+    { label: "NV", value: "Nevada" },
+    { label: "NH", value: "New Hampshire" },
+    { label: "NJ", value: "New Jersey" },
+    { label: "NM", value: "New Mexico" },
+    { label: "NY", value: "New York" },
+    { label: "NC", value: "North Carolina" },
+    { label: "ND", value: "North Dakota" },
+    { label: "OH", value: "Ohio" },
+    { label: "OK", value: "Oklahoma" },
+    { label: "OR", value: "Oregon" },
+    { label: "PA", value: "Pennsylvania" },
+    { label: "RI", value: "Rhode Island" },
+    { label: "SC", value: "South Carolina" },
+    { label: "SD", value: "South Dakota" },
+    { label: "TN", value: "Tennessee" },
+    { label: "TX", value: "Texas" },
+    { label: "UT", value: "Utah" },
+    { label: "VT", value: "Vermont" },
+    { label: "VA", value: "Virginia" },
+    { label: "WA", value: "Washington" },
+    { label: "WV", value: "West Virginia" },
+    { label: "WI", value: "Wisconsin" },
+    { label: "WY", value: "Wyoming" },
+];
+//# sourceMappingURL=Constants.js.map

package/dist/Constants.js.map

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

package/dist/CustomSelect.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from "react";
+export interface CustomSelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    labelColor?: string;
+}
+export declare const CustomSelect: ({ value, onChange, placeholder, disabled, options, }: CustomSelectProps) => ReactElement | null;

package/dist/CustomSelect.js

@@ -0,0 +1,43 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { Box } from "./Box";
+import { SelectList } from "./SelectList";
+import { TextField } from "./TextField";
+export const CustomSelect = ({ value, onChange, placeholder, disabled, options, }) => {
+    const [customValue, setCustomValue] = useState(value);
+    const [showCustomInput, setShowCustomInput] = useState(false);
+    // Boolean that checks if customValue is a value from the
+    // options prop or if it is a true custom value
+    const isValueCustom = useMemo(() => {
+        // We add an empty value to protect against an empty string custom value or if the placeholder value is selected
+        return ![...options, { value: "" }].map((i) => i.value).includes(customValue);
+    }, [options, customValue]);
+    useEffect(() => {
+        setShowCustomInput(isValueCustom);
+        if (!showCustomInput) {
+            setCustomValue(value);
+        }
+    }, [showCustomInput, value, isValueCustom]);
+    // Custom select has 3 values - the overall field value, the value of the select menu, and the value of the custom input
+    const handleCustomSelectListChange = (newValue) => {
+        // If "custom" is selected from the dropdown, toggle the custom input open and clear the previous value
+        if (newValue === "custom") {
+            setShowCustomInput(true);
+            setCustomValue(isValueCustom ? "custom" : newValue);
+            onChange("");
+        }
+        // If any non-custom value is selected
+        else {
+            // Close the custom input if open and clear the value
+            if (showCustomInput) {
+                setShowCustomInput(false);
+            }
+            // Update the field value and select value
+            onChange(newValue);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SelectList, { id: "providedOptions", options: [...options, { label: "Custom", value: "custom" }], placeholder: placeholder, value: isValueCustom ? "custom" : customValue, onChange: handleCustomSelectListChange }),
+        Boolean(showCustomInput) && (React.createElement(Box, { paddingY: 2 },
+            React.createElement(TextField, { disabled: disabled, id: "customOptions", placeholder: placeholder, type: "text", value: value, onChange: (result) => onChange(result.value) })))));
+};
+//# sourceMappingURL=CustomSelect.js.map

package/dist/CustomSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSelect.js","sourceRoot":"","sources":["../src/CustomSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAExE,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAYtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,GACW,EAAuB,EAAE;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,yDAAyD;IACzD,+CAA+C;IAC/C,MAAM,aAAa,GAAY,OAAO,CAAC,GAAY,EAAE;QACnD,gHAAgH;QAChH,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAClC,IAAI,CAAC,eAAe,EAAE;YACpB,cAAc,CAAC,KAAK,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5C,wHAAwH;IACxH,MAAM,4BAA4B,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxD,uGAAuG;QACvG,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YACpD,QAAQ,CAAC,EAAE,CAAC,CAAC;SACd;QAED,sCAAsC;aACjC;YACH,qDAAqD;YACrD,IAAI,eAAe,EAAE;gBACnB,kBAAkB,CAAC,KAAK,CAAC,CAAC;aAC3B;YAED,0CAA0C;YAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,UAAU,IACT,EAAE,EAAC,iBAAiB,EACpB,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,EACzD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAC7C,QAAQ,EAAE,4BAA4B,GACtC;QACD,OAAO,CAAC,eAAe,CAAC,IAAI,CAC3B,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;YACd,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,eAAe,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAC5C,CACE,CACP,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/DateTimeActionSheet.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { OnChangeCallback } from "./Common";
+interface DateTimeActionSheetProps {
+    value?: string;
+    mode?: "date" | "time" | "datetime";
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+    visible: boolean;
+    onDismiss: () => void;
+}
+export declare function DateTimeActionSheet({ mode, value, onChange, visible, onDismiss, }: DateTimeActionSheetProps): React.JSX.Element;
+export {};

package/dist/DateTimeActionSheet.js

@@ -0,0 +1,248 @@
+import { Picker } from "@react-native-picker/picker";
+import range from "lodash/range";
+import React, { useEffect, useState } from "react";
+import { Platform, TextInput, View } from "react-native";
+import { Calendar } from "react-native-calendars";
+import { Box } from "./Box";
+import dayjs from "./dayjsExtended";
+import { Heading } from "./Heading";
+import { IconButton } from "./IconButton";
+import { isMobileDevice } from "./MediaQuery";
+import { Modal } from "./Modal";
+import { SelectList } from "./SelectList";
+import { Unifier } from "./Unifier";
+const TIME_PICKER_HEIGHT = 104;
+const INPUT_HEIGHT = 40;
+const hours = range(1, 13).map((n) => String(n));
+// TODO: support limited picker minutes, e.g. 5 or 15 minute increments.
+const minutes = range(0, 60).map((n) => String(n).padStart(2, "0"));
+const minutesOptions = [...minutes, "0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+function TimeInput({ type, value, onChange, }) {
+    const defaultText = type === "minute" ? String(value).padStart(2, "0") : String(value);
+    const [text, setText] = useState(defaultText);
+    const [focused, setFocused] = useState(false);
+    let error = false;
+    if (type === "hour") {
+        error = !hours.includes(String(Number(text)));
+    }
+    else if (type === "minute") {
+        error = !minutesOptions.includes(String(Number(text)));
+    }
+    // Broken out because types don't think "outline" is a valid style.
+    const textInputStyle = {
+        flex: 1,
+        paddingTop: 4,
+        paddingRight: 4,
+        paddingBottom: 4,
+        paddingLeft: 0,
+        height: INPUT_HEIGHT,
+        width: "100%",
+        color: Unifier.theme.darkGray,
+        fontFamily: Unifier.theme.primaryFont,
+    };
+    return (React.createElement(View, { style: {
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            height: INPUT_HEIGHT,
+            width: "100%",
+            // Add padding so the border doesn't mess up layouts
+            paddingHorizontal: focused ? 10 : 14,
+            paddingVertical: focused ? 0 : 4,
+            borderColor: error ? Unifier.theme.red : Unifier.theme.blue,
+            borderWidth: focused ? 5 : 1,
+            borderRadius: 5,
+            backgroundColor: Unifier.theme.white,
+        } },
+        React.createElement(TextInput, { keyboardType: "number-pad", returnKeyType: "done", style: Object.assign(Object.assign({}, textInputStyle), { outline: Platform.select({ web: "none" }) }), textContentType: "none", underlineColorAndroid: "transparent", value: text, onBlur: () => {
+                setFocused(false);
+            }, onChangeText: (t) => {
+                setText(t);
+                onChange(Number(t));
+            }, onFocus: () => {
+                setFocused(true);
+            } })));
+}
+function CalendarHeader({ addMonth, month, }) {
+    const displayDate = dayjs(month[0]).format("MMM YYYY");
+    return (React.createElement(Box, { alignItems: "center", direction: "row", height: 40, justifyContent: "between", width: "100%" },
+        React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-double-left", iconColor: "primary", size: "md", onClick: () => {
+                addMonth(-12);
+            } }),
+        React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-left", iconColor: "primary", size: "md", onClick: () => {
+                addMonth(-1);
+            } }),
+        React.createElement(Heading, { size: "sm" }, displayDate),
+        React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-right", iconColor: "primary", size: "md", onClick: () => {
+                addMonth(1);
+            } }),
+        React.createElement(IconButton, { accessibilityLabel: "arrow", bgColor: "white", icon: "angle-double-right", iconColor: "primary", size: "md", onClick: () => {
+                addMonth(12);
+            } })));
+}
+// For mobile, renders all components in an action sheet.
+// For web, renders all components in a modal.
+// For mobile:
+//   If mode is "time", renders a spinner picker for time picker on both platforms.
+//   If mode is "date", renders our custom calendar on both platforms.
+//   If mode is "datetime", renders a spinner picker for time picker and our custom calendar on both platforms.
+// For web, renders a simplistic text box for time picker and a calendar for date picker in a modal
+//   In the future, web time picker should be a typeahead dropdown like Google calendar.
+export function DateTimeActionSheet({ 
+// actionSheetRef,
+mode, value, onChange, visible, onDismiss, }) {
+    // Accept ISO 8601, HH:mm, or hh:mm A formats. We may want only HH:mm or hh:mm A for mode=time
+    let m;
+    if (value) {
+        m = dayjs(value, ["YYYY", "YYYY-MM-DD", "HH:mm", "hh:mm A"]);
+    }
+    else {
+        m = dayjs();
+    }
+    if (!m.isValid()) {
+        throw new Error(`Invalid date/time value ${value}`);
+    }
+    let hr = dayjs(m).hour() % 12;
+    if (hr === 0) {
+        hr = 12;
+    }
+    const [hour, setHour] = useState(hr);
+    const [minute, setMinute] = useState(dayjs(m).minute());
+    const [amPm, setAmPm] = useState(dayjs(m).format("a") === "am" ? "am" : "pm");
+    const [date, setDate] = useState(dayjs(m).toISOString());
+    useEffect(() => {
+        let datetime;
+        if (value) {
+            datetime = dayjs(value, ["YYYY", "YYYY-MM-DD", "HH:mm", "hh:mm A"]);
+        }
+        else {
+            datetime = dayjs();
+        }
+        let h = dayjs(datetime).hour() % 12;
+        if (h === 0) {
+            h = 12;
+        }
+        setHour(h);
+        setMinute(dayjs(datetime).minute());
+        setAmPm(dayjs(datetime).format("a") === "am" ? "am" : "pm");
+        setDate(dayjs(datetime).toISOString());
+    }, [value]);
+    // TODO Support 24 hour time for time picker.
+    const renderMobileTime = () => {
+        return (React.createElement(Box, { direction: "row", width: "100%" },
+            React.createElement(Box, { paddingY: 2, width: "35%" },
+                React.createElement(Picker, { itemStyle: {
+                        height: TIME_PICKER_HEIGHT,
+                    }, selectedValue: hour, style: {
+                        height: TIME_PICKER_HEIGHT,
+                        backgroundColor: "#FFFFFF",
+                    }, onValueChange: (itemValue) => setHour(itemValue) }, hours.map((n) => (React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) }))))),
+            React.createElement(Box, { paddingY: 2, width: "35%" },
+                React.createElement(Picker, { itemStyle: {
+                        height: TIME_PICKER_HEIGHT,
+                    }, selectedValue: minute, style: {
+                        height: TIME_PICKER_HEIGHT,
+                        backgroundColor: "#FFFFFF",
+                    }, onValueChange: (itemValue) => setMinute(itemValue) }, minutes.map((n) => (React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) }))))),
+            React.createElement(Box, { paddingY: 2, width: "30%" },
+                React.createElement(Picker, { itemStyle: {
+                        height: TIME_PICKER_HEIGHT,
+                    }, selectedValue: amPm, style: {
+                        height: TIME_PICKER_HEIGHT,
+                        backgroundColor: "#FFFFFF",
+                    }, onValueChange: (itemValue) => setAmPm(itemValue) },
+                    React.createElement(Picker.Item, { key: "am", label: "am", value: "am" }),
+                    React.createElement(Picker.Item, { key: "pm", label: "pm", value: "pm" })))));
+    };
+    // TODO: Support a typeahead dropdown for time picker, similar to Google Calendar on the web.
+    const renderWebTime = () => {
+        return (React.createElement(Box, { direction: "row", justifyContent: "center", width: "100%" },
+            React.createElement(Box, { width: 60 },
+                React.createElement(TimeInput, { type: "hour", value: hour, onChange: (v) => setHour(v) })),
+            React.createElement(Box, { alignItems: "center", height: INPUT_HEIGHT, justifyContent: "center", marginLeft: 2, marginRight: 2 },
+                React.createElement(Heading, { size: "md" }, ":")),
+            React.createElement(Box, { marginRight: 2, width: 60 },
+                React.createElement(TimeInput, { type: "minute", value: minute, onChange: (v) => setMinute(v) })),
+            React.createElement(Box, { width: 60 },
+                React.createElement(SelectList, { options: [
+                        { label: "am", value: "am" },
+                        { label: "pm", value: "pm" },
+                    ], style: { minHeight: INPUT_HEIGHT }, value: amPm, onChange: (result) => {
+                        setAmPm(result);
+                    } }))));
+    };
+    const renderDateTime = () => {
+        return (React.createElement(Box, null,
+            React.createElement(Box, { marginBottom: 2 }, renderDateCalendar()),
+            isMobileDevice() ? renderMobileTime() : renderWebTime()));
+    };
+    // Note: do not call this if waiting on a state change.
+    const sendOnChange = () => {
+        const hourChange = amPm === "pm" && hour !== 12 ? Number(hour) + 12 : Number(hour);
+        if (mode === "date") {
+            onChange({ value: date });
+        }
+        else if (mode === "time") {
+            onChange({
+                value: dayjs().hour(hourChange).minute(Number(minute)).toISOString(),
+            });
+        }
+        else if (mode === "datetime") {
+            onChange({
+                value: dayjs(date).hour(hourChange).minute(Number(minute)).toISOString(),
+            });
+        }
+        onDismiss();
+    };
+    const sendClear = () => {
+        onChange({
+            value: "",
+        });
+        onDismiss();
+    };
+    // Renders our custom calendar component on mobile or web.
+    const renderDateCalendar = () => {
+        const markedDates = {};
+        if (date) {
+            markedDates[dayjs(date).format("YYYY-MM-DD")] = {
+                selected: true,
+                selectedColor: Unifier.theme.primary,
+            };
+        }
+        return (React.createElement(Calendar, { customHeader: CalendarHeader, initialDate: dayjs(date).format("YYYY-MM-DD"), markedDates: markedDates, onDayPress: (day) => {
+                setDate(day.dateString);
+                // If mode is just date, we can shortcut and close right away. time and datetime need to wait for the
+                // primary button.
+                if (mode === "date") {
+                    onChange({ value: day.dateString });
+                    onDismiss();
+                }
+            } }));
+    };
+    const renderContent = () => {
+        if (isMobileDevice()) {
+            if (mode === "date") {
+                return renderDateCalendar();
+            }
+            else if (mode === "time") {
+                return renderMobileTime();
+            }
+            else {
+                return renderDateTime();
+            }
+        }
+        else {
+            if (mode === "date") {
+                return renderDateCalendar();
+            }
+            else if (mode === "time") {
+                return renderWebTime();
+            }
+            else {
+                return renderDateTime();
+            }
+        }
+    };
+    return (React.createElement(Modal, { primaryButtonOnClick: sendOnChange, primaryButtonText: "Save", secondaryButtonOnClick: sendClear, secondaryButtonText: "Clear", showClose: true, visible: visible, onDismiss: onDismiss }, renderContent()));
+}
+//# sourceMappingURL=DateTimeActionSheet.js.map

package/dist/DateTimeActionSheet.js.map

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

package/dist/DateTimeField.android.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { DateTimeFieldProps } from "./Common";
+export declare const DateTimeField: ({ mode, value, onChange, errorMessage, pickerType, dateFormat, errorMessageColor, }: DateTimeFieldProps) => ReactElement;

package/dist/DateTimeField.android.js

@@ -0,0 +1,66 @@
+import DateTimePicker from "@react-native-community/datetimepicker";
+import React, { useMemo, useState } from "react";
+import { TextInput } from "react-native";
+import dayjs from "./dayjsExtended";
+import { Unifier } from "./Unifier";
+import { WithLabel } from "./WithLabel";
+export const DateTimeField = ({ mode, value, onChange, errorMessage, pickerType = "default", dateFormat, errorMessageColor, }) => {
+    // const [showCalendar, setShowCalendar] = useState(false);
+    // const [showClock, setShowClock] = useState(false);
+    // const [tempDate, setTempDate] = useState<Date>();
+    const [pickerMode, setPickerMode] = useState(mode);
+    const [showPicker, setShowPicker] = useState(false);
+    const showCalendarFirst = mode === "datetime" || mode === "date";
+    const defaultFormat = useMemo(() => {
+        if (dateFormat) {
+            return dateFormat;
+        }
+        else {
+            if (mode === "date") {
+                return "MMMM Do YYYY";
+            }
+            else if (mode === "time") {
+                return "h:mm a";
+            }
+            else {
+                return "MMMM Do YYYY, h:mm a";
+            }
+        }
+    }, [mode, dateFormat]);
+    const showMode = (currentMode) => {
+        setShowPicker(true);
+        setPickerMode(currentMode);
+    };
+    const showDatePicker = () => {
+        showMode("date");
+    };
+    const showTimePicker = () => {
+        showMode("time");
+    };
+    return (React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
+        React.createElement(WithLabel, null,
+            React.createElement(TextInput, { inputMode: "none", style: {
+                    flex: 1,
+                    paddingTop: 10,
+                    paddingRight: 10,
+                    paddingBottom: 10,
+                    paddingLeft: 10,
+                    height: 40,
+                    width: "100%",
+                    color: Unifier.theme.darkGray,
+                    fontFamily: Unifier.theme.primaryFont,
+                    borderWidth: 1,
+                }, value: dayjs(value).format(defaultFormat), onPressIn: () => {
+                    showCalendarFirst ? showDatePicker() : showTimePicker();
+                } }),
+            showPicker && (React.createElement(DateTimePicker, { display: pickerType, mode: pickerMode, testID: "dateTimePicker", value: value, onChange: (event, date) => {
+                    if (date) {
+                        onChange(date);
+                        if (pickerMode === "date" && mode === "datetime") {
+                            showTimePicker();
+                        }
+                    }
+                    setShowPicker(false);
+                } })))));
+};
+//# sourceMappingURL=DateTimeField.android.js.map

package/dist/DateTimeField.android.js.map

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

package/dist/DateTimeField.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { DateTimeFieldProps, WithChildren } from "./Common";
+export declare const DateTimeField: ({ mode, value, onChange, errorMessage, errorMessageColor, }: WithChildren<DateTimeFieldProps>) => ReactElement;

package/dist/DateTimeField.ios.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { DateTimeFieldProps } from "./Common";
+export declare const DateTimeField: ({ mode, value, onChange, errorMessage, errorMessageColor, dateFormat, pickerType, label, }: DateTimeFieldProps) => ReactElement;

package/dist/DateTimeField.ios.js

@@ -0,0 +1,48 @@
+import DateTimePicker from "@react-native-community/datetimepicker";
+import React, { useMemo, useState } from "react";
+import { TextInput } from "react-native";
+import dayjs from "./dayjsExtended";
+import { Unifier } from "./Unifier";
+import { WithLabel } from "./WithLabel";
+export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessageColor, dateFormat, pickerType = "inline", label, }) => {
+    const [showPicker, setShowPicker] = useState(false);
+    const defaultFormat = useMemo(() => {
+        if (dateFormat) {
+            return dateFormat;
+        }
+        else {
+            if (mode === "date") {
+                return "MMMM Do YYYY";
+            }
+            else if (mode === "time") {
+                return "h:mm a";
+            }
+            else {
+                return "MMMM Do YYYY, h:mm a";
+            }
+        }
+    }, [mode, dateFormat]);
+    return (React.createElement(WithLabel, { label: label, labelSize: "lg" },
+        React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
+            React.createElement(TextInput, { inputMode: "none", style: {
+                    flex: 1,
+                    paddingTop: 10,
+                    paddingRight: 10,
+                    paddingBottom: 10,
+                    paddingLeft: 10,
+                    height: 40,
+                    width: "100%",
+                    color: Unifier.theme.darkGray,
+                    fontFamily: Unifier.theme.primaryFont,
+                    borderWidth: 1,
+                }, value: dayjs(value).format(defaultFormat), onPressIn: () => {
+                    setShowPicker(!showPicker);
+                } }),
+            showPicker && (React.createElement(DateTimePicker, { accentColor: Unifier.theme.primary, display: pickerType, mode: mode, style: { alignSelf: "flex-start" }, testID: "dateTimePicker", value: dayjs(value).toDate(), onChange: (event, date) => {
+                    if (!date) {
+                        return;
+                    }
+                    onChange(date);
+                } })))));
+};
+//# sourceMappingURL=DateTimeField.ios.js.map

package/dist/DateTimeField.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.ios.js","sourceRoot":"","sources":["../src/DateTimeField.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,KAAK,EAAE,EAAe,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,UAAU,GAAG,QAAQ,EACrB,KAAK,GACc,EAAgB,EAAE;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,UAAU,EAAE;YACd,OAAO,UAAU,CAAC;SACnB;aAAM;YACL,IAAI,IAAI,KAAK,MAAM,EAAE;gBACnB,OAAO,cAAc,CAAC;aACvB;iBAAM,IAAI,IAAI,KAAK,MAAM,EAAE;gBAC1B,OAAO,QAAQ,CAAC;aACjB;iBAAM;gBACL,OAAO,sBAAsB,CAAC;aAC/B;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,IAAI;QACrC,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,iBAAiB,IAAI,KAAK,EACtC,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI;YAEd,oBAAC,SAAS,IACR,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC;oBACP,UAAU,EAAE,EAAE;oBACd,YAAY,EAAE,EAAE;oBAChB,aAAa,EAAE,EAAE;oBACjB,WAAW,EAAE,EAAE;oBACf,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ;oBAC7B,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;oBACrC,WAAW,EAAE,CAAC;iBACf,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EACzC,SAAS,EAAE,GAAG,EAAE;oBACd,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;gBAC7B,CAAC,GACD;YAED,UAAU,IAAI,CACb,oBAAC,cAAc,IACb,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,EAClC,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAC,SAAS,EAAE,YAAY,EAAC,EAChC,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAC5B,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;oBAClC,IAAI,CAAC,IAAI,EAAE;wBACT,OAAO;qBACR;oBACD,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC,GACD,CACH,CACS,CACF,CACb,CAAC;AACJ,CAAC,CAAC"}