@hoddy-ui/core 2.5.47 → 2.5.48

package/next/dist/index.mjs

@@ -243,7 +243,7 @@ var Typography = forwardRef(
     const config2 = getConfig();
     const customFontSizes = config2.TYPOGRAPHY?.fontSizes;
     const baseFontSize = customFontSizes?.[variant] ?? DEFAULT_FONT_SIZES[variant];
-    const f = fontSize || baseFontSize;
+    const f = fontSize || style?.fontSize || baseFontSize;
     const lh = lineHeight || f * 1.2;
     const styles = StyleSheet.create({
       text: {
@@ -339,6 +339,7 @@ var FlashMessage = () => {
       opacity: opacity.value
     };
   });
+  const textColor = type === "default" ? "#fff" : colors2[type].text;
   const styles = ScaledSheet.create({
     root: {
       position: "absolute",
@@ -347,7 +348,7 @@ var FlashMessage = () => {
       left: 0,
       paddingTop: top + 10,
       paddingHorizontal: "15@ms",
-      backgroundColor: colors2[type].main,
+      backgroundColor: type === "default" ? "#333" : colors2[type].main,
       width: "100%",
       borderBottomLeftRadius: 10,
       borderBottomRightRadius: 10,
@@ -371,10 +372,10 @@ var FlashMessage = () => {
       variant: "h6",
       fontWeight: 600,
       gutterBottom: 3,
-      style: { color: "#fff" }
+      color: textColor
     },
     message?.title
-  ), /* @__PURE__ */ React2.createElement(Typography_default, { style: { color: "#fff" } }, message?.message)))), message?.actions?.map((cur, i) => /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React2.createElement(Typography_default, { color: textColor }, message?.message)))), message?.actions?.map((cur, i) => /* @__PURE__ */ React2.createElement(
     TouchableOpacity,
     {
       key: i,
@@ -1368,6 +1369,7 @@ import {
   ms as ms7,
   verticalScale
 } from "react-native-size-matters";
+import DateTimePickerModal from "react-native-modal-datetime-picker";
 
 // ../src/Components/SelectMenu.tsx
 import { MaterialIcons as MaterialIcons4 } from "@expo/vector-icons";
@@ -1502,6 +1504,7 @@ var TextField = ({
   color = "primary",
   value,
   type,
+  placeholder = "",
   helperText,
   onChangeText,
   onSubmitEditing = () => {
@@ -1525,6 +1528,8 @@ var TextField = ({
 }) => {
   const colors2 = useColors();
   const [focused, setFocused] = useState7(false);
+  const [datePickerVisible, setDatePickerVisible] = useState7(false);
+  const isDate = type === "date";
   const height2 = moderateScale2(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
   const labelAnim = useRef2(
     new Animated3.Value(height2 / moderateScale2(variant === "text" ? 2.5 : 3.2))
@@ -1581,6 +1586,21 @@ var TextField = ({
       paddingLeft: variant === "text" ? 0 : moderateScale2(15),
       paddingTop: "13@ms"
     },
+    dateContent: {
+      flexDirection: "row",
+      alignItems: "center",
+      flex: 1,
+      paddingLeft: variant === "text" ? 0 : moderateScale2(15),
+      paddingRight: moderateScale2(10),
+      paddingTop: variant === "text" ? ms7(13) : ms7(12)
+    },
+    dateText: {
+      fontSize: "14@ms",
+      flex: 1
+    },
+    datePlaceholder: {
+      color: colors2.textSecondary.main
+    },
     label: {
       fontFamily: getFontFamily(400),
       position: "absolute",
@@ -1626,10 +1646,46 @@ var TextField = ({
     autoCapitalize: "none",
     textContentType: "password"
   } : {};
+  const parseDateValue = () => {
+    if (!value)
+      return /* @__PURE__ */ new Date();
+    if (value instanceof Date)
+      return value;
+    const parts = `${value}`.split("/");
+    if (parts.length === 3) {
+      const [day, month, year] = parts;
+      const parsed = new Date(
+        parseInt(year, 10),
+        parseInt(month, 10) - 1,
+        parseInt(day, 10)
+      );
+      if (!isNaN(parsed.getTime()))
+        return parsed;
+    }
+    const fallback = new Date(value);
+    return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
+  };
+  const handleDateConfirm = (date) => {
+    const day = date.getDate();
+    const month = date.getMonth() + 1;
+    const year = date.getFullYear();
+    const dateString = `${day}/${month}/${year}`;
+    onChangeText?.(dateString);
+    setDatePickerVisible(false);
+  };
+  const handleContainerPress = () => {
+    if (disabled)
+      return;
+    setFocused(true);
+    if (isDate) {
+      onFocus();
+      setDatePickerVisible(true);
+    }
+  };
   return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(View10, { style: styles.root }, /* @__PURE__ */ React15.createElement(
     TouchableOpacity7,
     {
-      onPress: () => setFocused(true),
+      onPress: handleContainerPress,
       style: styles.container
     },
     /* @__PURE__ */ React15.createElement(Animated3.Text, { style: { ...styles.label, top: labelAnim } }, label),
@@ -1650,7 +1706,24 @@ var TextField = ({
         options.find((cur) => cur.value === value)?.start
       ),
       /* @__PURE__ */ React15.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label)
-    ) : /* @__PURE__ */ React15.createElement(
+    ) : isDate ? /* @__PURE__ */ React15.createElement(View10, { style: styles.dateContent }, /* @__PURE__ */ React15.createElement(
+      Typography_default,
+      {
+        style: [
+          styles.dateText,
+          !value ? styles.datePlaceholder : void 0
+        ],
+        color: value ? "dark" : "textSecondary"
+      },
+      value || placeholder
+    ), /* @__PURE__ */ React15.createElement(View10, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ React15.createElement(
+      Ionicons4,
+      {
+        name: "calendar-outline",
+        size: 22,
+        color: colors2.textSecondary.main
+      }
+    ))) : /* @__PURE__ */ React15.createElement(
       TextInput2,
       {
         onFocus: () => {
@@ -1720,6 +1793,18 @@ var TextField = ({
       onChange: onChangeText,
       ...selectMenuProps
     }
+  ), isDate && /* @__PURE__ */ React15.createElement(
+    DateTimePickerModal,
+    {
+      isVisible: datePickerVisible,
+      mode: "date",
+      date: parseDateValue(),
+      onConfirm: handleDateConfirm,
+      onCancel: () => {
+        setDatePickerVisible(false);
+        setFocused(false);
+      }
+    }
   ));
 };
 var TextField2 = React15.forwardRef(
@@ -1730,6 +1815,7 @@ var TextField2 = React15.forwardRef(
     color = "primary",
     value,
     type,
+    placeholder,
     helperText,
     onChangeText,
     onSubmitEditing = () => {
@@ -1745,7 +1831,6 @@ var TextField2 = React15.forwardRef(
     style = {},
     inputStyles = {},
     gutterBottom = 8,
-    placeholder,
     end,
     options,
     multiline,
@@ -1755,6 +1840,8 @@ var TextField2 = React15.forwardRef(
     const colors2 = useColors();
     const [focused, _setFocused] = useState7(false);
     const [showPassword, setShowPassword] = useState7(false);
+    const [datePickerVisible, setDatePickerVisible] = useState7(false);
+    const isDate = type === "date";
     const height2 = moderateScale2(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
@@ -1805,6 +1892,20 @@ var TextField2 = React15.forwardRef(
         color: colors2.textSecondary.light,
         paddingLeft: moderateScale2(10)
       },
+      dateContent: {
+        flexDirection: "row",
+        alignItems: "center",
+        flex: 1,
+        paddingHorizontal: moderateScale2(10),
+        paddingTop: multiline ? 4 : 0
+      },
+      dateText: {
+        fontSize: "14@ms",
+        flex: 1
+      },
+      datePlaceholder: {
+        color: colors2.textSecondary.light
+      },
       label: {},
       helperText: {
         paddingHorizontal: "15@s",
@@ -1843,6 +1944,42 @@ var TextField2 = React15.forwardRef(
       autoCapitalize: "none",
       textContentType: "password"
     } : {};
+    const parseDateValue = () => {
+      if (!value)
+        return /* @__PURE__ */ new Date();
+      if (value instanceof Date)
+        return value;
+      const parts = `${value}`.split("/");
+      if (parts.length === 3) {
+        const [day, month, year] = parts;
+        const parsed = new Date(
+          parseInt(year, 10),
+          parseInt(month, 10) - 1,
+          parseInt(day, 10)
+        );
+        if (!isNaN(parsed.getTime()))
+          return parsed;
+      }
+      const fallback = new Date(value);
+      return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
+    };
+    const handleDateConfirm = (date) => {
+      const day = date.getDate();
+      const month = date.getMonth() + 1;
+      const year = date.getFullYear();
+      const dateString = `${day}/${month}/${year}`;
+      onChangeText?.(dateString);
+      setDatePickerVisible(false);
+    };
+    const handleContainerPress = () => {
+      if (disabled)
+        return;
+      setFocused(true);
+      if (isDate) {
+        onFocus();
+        setDatePickerVisible(true);
+      }
+    };
     return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(View10, { style: styles.root }, label && /* @__PURE__ */ React15.createElement(
       Typography_default,
       {
@@ -1855,7 +1992,7 @@ var TextField2 = React15.forwardRef(
     ), /* @__PURE__ */ React15.createElement(
       TouchableOpacity7,
       {
-        onPress: () => setFocused(true),
+        onPress: handleContainerPress,
         style: styles.container
       },
       /* @__PURE__ */ React15.createElement(View10, { style: { marginTop: multiline ? 5 : 0 } }, start),
@@ -1867,7 +2004,24 @@ var TextField2 = React15.forwardRef(
           style: { marginLeft: "auto", marginRight: 15 },
           color: colors2.dark.light
         }
-      )) : /* @__PURE__ */ React15.createElement(
+      )) : isDate ? /* @__PURE__ */ React15.createElement(View10, { style: styles.dateContent }, /* @__PURE__ */ React15.createElement(
+        Typography_default,
+        {
+          style: [
+            styles.dateText,
+            !value ? styles.datePlaceholder : void 0
+          ],
+          color: value ? "dark" : "textSecondary"
+        },
+        value || placeholder
+      ), /* @__PURE__ */ React15.createElement(View10, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ React15.createElement(
+        Ionicons4,
+        {
+          name: "calendar-outline",
+          size: 22,
+          color: colors2.textSecondary.main
+        }
+      ))) : /* @__PURE__ */ React15.createElement(
         TextInput2,
         {
           ref,